Сейчас разрабатываем сайт по поиску и продаже авиа‑ и ЖД‑билетов

Александр!

Вероятно, вы потратили на эту работу много времени. Я не хочу показаться вам неделикатным, но я считаю результат катастрофическим. Я не могу помочь вам другим советом, кроме как обратиться к дизайнерам интерфейса.

Ваш сайт должен продавать билеты. У продавцов есть понятие «воронка продаж». На вход вашей воронки будут поступать новые посетители, выходить из неё будут покупатели. Воронка продаж всегда сужается к концу — на выходе меньше, чем на входе. Мы не хотим терять лишних клиентов.

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

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

Комментарии

Денис Хуснутдинов

Вообще, у Яндекса круто. Но это моё мнение.

Притча. Я один раз устраивался в странную фирму и пришлось заполнять большую анкету, я её не заполнил до конца и сдал, рассказал всё своими словами, потому что так проще.

Вот я, заходя на страницу поиска, начал бы диалог. Ну знаете, как в RPG играх. Спрашивает NPC, мол, чего надо тебе, а ты выбираешь варианты ответа. Подобным образом работают диспетчеры на вокзалах и в агентствах.

Если не понимаете, как я это представил, то я нарисую.

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

А. Г.

Я не понял, нарисуйте.

Леонид Назаров

Денис, вы имеете ввиду повествовательный формат анкеты, вроде этого http://fresh.gui.ru/…‑format‑dlya‑veb‑form? Мне кажется, так было бы интересней и проще обычному человеку.

Константин Горский

Мне кажется, http://www.anywayanyday.com — пример хорошего интерфейса для похожей задачи.

Стоит обратить внимание и на http://www.kayak.com.

Николай Товеровский

Действительно, Александр, цену совсем не видно. Я смог найти её только прочтя о том, что она относится ко всему блоку, хотя я специально искал её, чтобы ответить на ваш вопрос.

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

Для того, чтобы такая ситуация не возникала, цену нужно визуально связать с билетами. Попробуйте поместить её на белое поле.

Денис Братчук

Вам нужен Акинатор.

http://ru.akinator.com/

Михаил Соломонов

Денис, наверное, имеет ввиду что‑то вроде Мастера настроек: поэтапное заполнение сложной формы. Если я правильно понял, то мне кажется такой вариант разумным, если только это не единственный способ заказа билетов.

Алексей Егоров

Сложно сказать, почему Артём выразился так категорично, но я считаю, что предложенный вариант не такой уж безнадёжный. «Почистите» его поосновательней, не жалея.

По вашим вопросам:

Цену оставьте в покое.
Первоначальную сортировку стоит делать именно по цене. Для этого название первого столбца вполне можно сменить на «Цена». (Если кому интересен конкретный перевозчик, пусть воспользуется фильтром.)
Нормальная функция, оставьте, как есть. А при её срабатывании добавляйте соответствующую пометку в фильтр над таблицей.
В шапке уберите разделительные линии. Фильтры объедините в один блок с датами, здесь они уже одно и то же. «Пейджинг» уберите вниз или выбросьте вообще, показывая первые 50 результатов (остальные точно никто пролистывать не станет).

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

Юрий Солоницын

Основная проблема данного интерфейса — чрезмерная раздробленность. Параметры поиска, фильтры, найденные варианты — отделены друг от друга и воспринимаются как отдельные элементы, слабо связанные друг с другом.

И примеры рейсов выбраны неудачные. Москва — Мадрид за 6 часов с двумя пересадками, включая поезд РЖД — это необычно :‑) И сами пересадки лучше отображать явно — где, с какого на какой рейс, какое время стыковки?

Что касается выбора даты перелёта, то достаточно частая (по моим наблюдениями) задача — поиск дешёвых билетов без точной привязки к датам. Например, если кто‑то сибирается в отпуск через полгода. Для этой цели удобен был бы график или таблица цен на заданное направление, на месяц сразу, например.

Сергей Мёдов

Я прикидываю, сколько примерно будет стоить дорога и как лучше поехать. В голове есть место назначения, примерные временные и финансовые рамки. Еду с подругой. Всё!

Для кого все эти кнопочки? На что мне нажать, чтобы система сама всё посчитала?

Комментарии

Рекомендуем другие советы

Свежак

Текст

Дизайн

Вёрстка

Визуализация

Текст

Как разрешать противоречия

Как решать задачи