Как я делал дизайн метапоисковика авиабилетов
Как часто вам приходилось покупать авиабилеты? Задумывались ли вы, сколько головоломок решает дизайнер, чтобы пользователь легко бронировал нужный рейс? С этим вопросом я столкнулся два месяца назад, когда работал над сайтом метапоисковика.
Главная страница
Клиент поставил задачу — сделать систему поиска удобной, но с оригинальной подачей. Я примерил на себя классическую роль пользователя. Мужчина средних лет, впервые за три года везу семью в отпуск. У меня нет опыта в сёрфинге подобных сервисов, раньше пользовался услугами туристических компаний. Желание одно — затратить минимум времени и нервов. Важно, чтобы пользователь чувствовал себя комфортно и не терял интерес к сервису. Поэтому было решено сыграть на взаимодействии — интерактивная карта. Процесс стал наглядным — пользователь не тянется к клавиатуре, а быстро клацает мышкой по знакомым городам вылета и прибытия. Из этого вывод:
🛫 №1. Всегда иди к свету простыми приёмами.
Страница поиска
Следующая задача — ясная подача результата поиска. Этап, которой научил меня не паниковать и отказываться от ненужных решений. Заказчик настаивал на отображении двух вариантов: плитка и список. Сразу возникли сомнения в показе главных элементов, которые приходилось крутить-вертеть, как шарлатан на вокзале. Итог — запутал себя. Тут главное вовремя взять себя в руки. Руками оказался наш штат. Устроив с коллегами получасовой мозговой штурм, я нашел выигрышный способ — вывести только часто запрашиваемые параметры:
- Компания
- Время вылета / прилета
- Параметры комфорта
- Цена и даты
Работа сразу стала чище.
Акценты были расставлены. Заключение такое:
🛫 №2. Если затупил свое копье креатива, неси его команде.
Внутренние страницы
Первые две страницы утвердили с заказчиком сразу. Настало время заключительной части — разработка внутренних страниц сервиса. На этом этапе всплыла пара тонкостей. Разберём на примере страницы оплаты.
Клиент был из Индонезии. Там существенно отличается система оплаты — предусмотрен депозит. Подробнее: любой банк даёт вам энную сумму на перелеты, позже вы возвращает деньги уже в собственном банке. Появились вопросы по поводу отображения суммы депозита и ввода персональных данных. Разобравшись в системе и узнав ещё парочку финансовых терминов, я пришёл к старому дедовскому способу. Добавил всё в слайдер, где один экран с указанием данных, а другой с указанием депозита. Данное решение выгодно смотрелось в готовом варианте, сервис отображался без прокрутки и всё аккуратно вмещалось на один экран. Теперь, чтобы не терять время, взял за правило:
🛫 №3. Иногда стоит обернуться назад и зачерпнуть идеи оттуда, чем ломать голову над новым. Колесо давно изобретено!
Итог
В нашем веб-ремесле существует множество простых деталей, которых не замечаешь в погоне за трендом. Это как бежать за поездом, который разгоняется. Бежать, то вы бежите, да и поезд, то вроде вот он, а догнать не можете. Всегда рядом окажется тот, в моём случае арт-директор, кто подсадит на поезд или даст другой транспорт. Без метафор:
🛫 №4. Не отказывайтесь от помощи и не молчите, когда тупите.
