• Новости
    • Статьи
    • Курсы
    • События скоро...
    • Инструменты скоро...
    • Шаблоны скоро...
    • Предложения скоро...
    Инструменты

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

    main-image
    Сайты для сравнения стоимости ничего не продают и выполняют лишь функцию посредника для других брендов и сервисов. По этой причине в означенной бизнес-модели чрезвычайно важен такой аспект, как опыт взаимодействия. Поскольку это единственное, чем эти сайты могут отличаться от своих аналогов. На фоне остальных ресурсов заметно выделяются 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 в этом отношении имеется определенное преимущество перед другими сайтами сравнения цен и страховыми брендами. Оба сервиса предоставляют пошаговые инструкции своим посетителям, заранее предупреждая появление возможных вопросов. Таким образом существенно снижается вероятность, что люди, устав от утомительной процедуры ввода данных, окончательно потеряют терпение и предпочтут сайт конкурирующей фирмы. И, судя по всему, среднестатистический пользователь вернется на эти сайты, когда понадобится выбрать страховой полис или же, к примеру, купить билет на обратный рейс из Сингапура.
    юзабилити
    ux
    вебдизайн

    Комментарии

    Мы используем cookie-файлы. Оставаясь на сайте, вы соглашаетесь с использованием этих технологий.