юзабилити, вебдизайн, UX
Юзабилити

Сравнительные сайты: лучшие примеры UX-дизайна

Автор: Аслан Патов20.05.2015

Сайты для сравнения стоимости ничего не продают и выполняют лишь функцию посредника для других брендов и сервисов. По этой причине в означенной бизнес-модели чрезвычайно важен такой аспект, как опыт взаимодействия. Поскольку это единственное, чем эти сайты могут отличаться от своих аналогов.

На фоне остальных ресурсов заметно выделяются Comparethemarket.com и Cheapflights Singapore.

Простота UX – один из главных факторов успеха для сайтов сравнения цен, но есть и другие параметры, о которых речь пойдет ниже.

Cheapflights Singapore

Об опыте взаимодействия сайта cheapflights.co.uk нечего и сказать, но вот его сингапурская версия впечатляет.

Ресурс разрабатывался с использованием технологии адаптивного дизайна, и первое, что предстает перед посетителями – гигантская поисковая строка.

юзабилити, вебдизайн, UX

Когда необходимо искать даты, появляется большой календарь (какие-либо замысловатые кнопки отсутствуют).

Затем всплывают надписи с четкими инструкциями относительно каждого шага. «Вначале выберите дату вылета», затем – «Выберите дату обратного рейса».

Эти ценные указания экономят время – поэтому вряд ли пользователи в массовом порядке будут уходить с сайта, ломая голову над тем, как же он все-таки функционирует.

юзабилити, вебдизайн, UX

Внизу экрана обнаруживается еще один любопытный UX-элемент. Перемещая курсор, можно видеть, сколько дней остается до дня рейса.

Единственное упущение состоит, пожалуй, в том, что время поездки исчисляется «днями», а не «ночами». Но это уже дело вкуса.

юзабилити, вебдизайн, UX

То, что получается в итоге, выглядит также прекрасно. Вся нужная информация четко выделена.

Стоимость, дата вылета, время перелета, авиаперевозчик, класс, сведения о том, прямой ли это рейс, или необходима пересадка.

В верхней части экрана есть кнопки-фильтры, дающие возможность уточнить выбор: самый дешевый, быстрый рейс. Присутствует категория «smart value», сопоставляющая два первых фильтра и определяющая, таким образом, золотую середину.

Для наглядности ниже размещены логотипы, с помощью которых лучший вариант в каждой категории становится заметнее.

юзабилити, вебдизайн, UX

Comparethemarket.com

Оформление страховок и прочих финансовых документов – довольно утомительная процедура. Но вот, к примеру, сайт comparethemarket.com избавляет от необходимости заполнять различные формуляры.

На странице, где можно видеть сравнение страховых котировок, все очень даже доступно.

Сервис в целом достаточно удобен. Для тех, разумеется, кому не мешает присутствие на сайте целой стаи плющевых африканских сурикатов, которых разработчики неожиданно окрестили русскими именами: Oleg, Sergei, Vassily.

Baby Oleg:

юзабилити, вебдизайн, UX

Строка прогресса сообщает, сколько еще шагов осталось. Такой элемент очень уместен на сайтах электронной коммерции в формах оформления платежей. Ведь пользователи хотят знать, что эта процедура скоро закончится.

юзабилити, вебдизайн, UX

Рядом с каждым полем высвечивается пояснение, зачем, собственно, нужна такая информация, и описание доступных опций. Поэтому затруднений у пользователей возникнуть не должно.

Поля для ввода данных крупные и удобные, чтобы по ним кликнуть и не промахнуться.

юзабилити, вебдизайн, UX

Визуальное оформление кнопок (здания, интерьер, экстерьер здания, бунгало и прочее) – в общем, для эстетики.

7 Comparethemarket.com

Галочки и обозначение красным указывают, какие поля еще нужно заполнить, что опять же увеличивает шансы на то, что нетерпеливые пользователи все-таки впишут все необходимое.

юзабилити, вебдизайн, UX

По завершении процедуры ввода данных появятся удобные для сравнения котировки (а это не такая уж простая задача, в особенности при сравнении комплексных страховых услуг). Котировки просто обновляются – нужно лишь уточнить параметры (например, добавить возможность покрытия дополнительного ущерба).

юзабилити, вебдизайн, UX

Выводы

Многие из описанных особенностей, относящихся к области UX, уже давно доступны в сфере веб-дизайна. Тем удивительнее то обстоятельство, что на сегодняшний день этим инновациям нечасто находится практическое применение.

У Comparethemarket.com и Cheapflights Singapore в этом отношении имеется определенное преимущество перед другими сайтами сравнения цен и страховыми брендами.

Оба сервиса предоставляют пошаговые инструкции своим посетителям, заранее предупреждая появление возможных вопросов. Таким образом существенно снижается вероятность, что люди, устав от утомительной процедуры ввода данных, окончательно потеряют терпение и предпочтут сайт конкурирующей фирмы.

И, судя по всему, среднестатистический пользователь вернется на эти сайты, когда понадобится выбрать страховой полис или же, к примеру, купить билет на обратный рейс из Сингапура.

Реакция на статью
поделюсь
0%
интересно
200%
полезно
0%
не уверен
100%
скучно
0%
где автор?
0%
Аслан Патов
Создатель проекта.
Комментарии
Оставить отзыв

You must log in to post a comment