Friday, October 16, 2015

Фильтры на примере Skyscanner и Aviasales

Skyscanner and Aviasales logos
В этой статье я рассматриваю удобные и правильные решения для фильтров на примере приложений Skyscanner и Aviasales. Приложения предназначены для поиска авиабилетов. Я запускаю их на планшете.
Фильтры Skyscanner реализованы правильно с точки зрения юзабилити, а фильтры Aviasales содержат недоработки.

Skyscanner

Базовые вопросы о фильтрах, на мой взгляд, следующие:
  • Панель фильтров легко или всегда доступна?
  • Текущее состояние фильтров отображено на экране?
  • В любой момент можно отменить фильтры?
В Skyscanner ответ на эти вопросы «Да».
  • Да, панель фильтров отображается внизу экрана
  • Да, активные фильтры отмечены галочками
  • Да, кнопка отмены фильтров находится рядом на панели.
Панель фильтров в Skyscanner

Monday, October 12, 2015

Список авиабилетов в Skyscanner и Aviasales

Skyscanner and Aviasales logos
Приложения Skyscanner и Aviasales нужны для поиска авиабилетов, отелей и проката машин. В этой статье я рассматриваю экран со списком авиабилетов.
Список авиабилетов и рейсов – это основной рабочий экран.
Чтобы быстро и легко принять решение о правильном рейсе, нужно чтобы:
  • Информация была понятной, не вызывала недопонимания или сомнения.
  • Информация была выделена в соответствии с важностью: сначала важное, потом детали.
  • Информации не было слишком много за раз.

Monday, October 5, 2015

Эмоции против простоты и эффективности

Skyscanner and Aviasales logos
В этой статье я описываю, какие впечатления можно получить в первые 2 минуты работы со Skyscanner и Aviasales. Это приложения по поиску авибилетов, отелей и аренды машин.
Забегая вперед, приложение Skyscanner проще и функциональнее, быстрее показывает результаты, но не является победителем сегодняшней статьи. Приложение Aviasales выгодно отличается от Skyscanner тем, что вызывает эмоции и превращает поиск билетов в приятное занятие.
Забегая еще дальше, следущие 10 минут намного приятнее и эффективнее со Skyscanner. Об этом в этой статье.

Начальный экран

Форма Skyscannner имеет лаконичный, но выразительный дизайн, за счет контраста в цвете и начертании шрифтов. Она воздушная и легкая, при этом не часто используемые опции спрятаны. К этому я добавлю только один недостаток.
Недостаток: Легко перепутать, какая вкладка активна – ONE WAY или ROUNDTRIP. Пользователь думает: «Обычно активна первая вкладка. К тому же вторая вкладка отделена от контента жирной чертой. Значит, сейчас я во вкладке ONE WAY... С другой стороны, заголовки на форме голубого цвета, значит голубой цвет означает активную вкладку». И пользователь запутался!
Форма Aviasales... экран Aviasales отличается от Skyscanner.
Экран выбора параметров рейса Skyscanner
Экран выбора параметров рейса Skyscanner
Экран выбора параметров рейса Aviasales
Экран выбора параметров рейса Aviasales
Экран Aviasales завладел вниманием пользователя. Пользователь забыл, например, о том, что он на работе, или о том, что у него на кухне молоко убегает. Это сильное качество приложения – увлекать, погружать.