Школа
Дизайн продуктов

Здравствуйте!

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

Это страница с результатами поиска билетов. Справа располагаются фильтры (столбик). Я намеренно его осветлил, чтобы не отвлекаться на него.

По центру, сверху вниз:

  1. Направление, на которое ищем билеты.

  2. Модификаторы дат (когда пользователь вводил даты поиска, он мог выбрать ±6 дней для даты отбытия и прибытия).

  3. Результаты поиска рейсов (количество найденных вариантов, переключатель в «лучшие варианты», страницы, указание применяемых фильтров к результатам поиска (фильтры справа, как я говорил), а также название столбиков («Перевозчик», «Отправка» и т. д.) с возможностью сортировки по ним.

  4. Сами результаты.

Каждый блок с результатом содержит: первая часть блока — ТУДА — дату — иконку «удалить» — указание перевозчика (может быть авиакомпания, может быть авиа+ РЖД или несколько авиакомпаний) — время отбытия (и указание откуда) и время прибытия туда — указание времени перелёта (переезда) и количества пересадок (и их продолжительности) — указание класса билетов (для авиа‑ и ЖД‑билетов).

Вторая часть блока — ОБРАТНО — все те же элементы, что и в части «ТУДА».

Далее цена, ссылка на подробности этого варианта (там будет полная информация о рейсах, пересадках и т. д.), а также кнопк «Купить вариант».

Вопросы следующие:

  1. Сейчас заказчик говорит, что цена не очень заметна. Как можно ее сделать более заметной?

  2. Цена относится ко всему блоку, её нельзя поместить внутрь (сделать ещё одну колонку с ценой), так как тогда её придётся дублировать и для «ТУДА» и для «ОБРАТНО». Но отсюда возник вопрос — как сделать сортировку по цене?
    Как, например, сейчас есть сортировка по «Перевозчику» или «Времени в пути». Будет ли правильным куда‑то сверху вставить ссылку «Сортировка по цене»?

  3. Как можно улучшить функцию, которая показана в виде красного выделения рейса и всплывающей подсказки? Эта функция позволяет выбрать (нажать) на конкретный рейс и найти ВСЕ остальные варианты именно с ЭТИМ рейсом.

  4. Как можно улучшить/упростить вывод результатов и шапку? Учитывая то, что всё, что сейчас выведено на экран — должно быть отображено.

Заранее спасибо за советы!

Александр Курсенко
1 мар 2010
👁 4911   🗩10
Дизайн продуктов

Здравствуйте!

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

Это страница с результатами поиска билетов. Справа располагаются фильтры (столбик). Я намеренно его осветлил, чтобы не отвлекаться на него.

По центру, сверху вниз:

  1. Направление, на которое ищем билеты.

  2. Модификаторы дат (когда пользователь вводил даты поиска, он мог выбрать ±6 дней для даты отбытия и прибытия).

  3. Результаты поиска рейсов (количество найденных вариантов, переключатель в «лучшие варианты», страницы, указание применяемых фильтров к результатам поиска (фильтры справа, как я говорил), а также название столбиков («Перевозчик», «Отправка» и т. д.) с возможностью сортировки по ним.

  4. Сами результаты.

Каждый блок с результатом содержит: первая часть блока — ТУДА — дату — иконку «удалить» — указание перевозчика (может быть авиакомпания, может быть авиа+ РЖД или несколько авиакомпаний) — время отбытия (и указание откуда) и время прибытия туда — указание времени перелёта (переезда) и количества пересадок (и их продолжительности) — указание класса билетов (для авиа‑ и ЖД‑билетов).

Вторая часть блока — ОБРАТНО — все те же элементы, что и в части «ТУДА».

Далее цена, ссылка на подробности этого варианта (там будет полная информация о рейсах, пересадках и т. д.), а также кнопк «Купить вариант».

Вопросы следующие:

  1. Сейчас заказчик говорит, что цена не очень заметна. Как можно ее сделать более заметной?

  2. Цена относится ко всему блоку, её нельзя поместить внутрь (сделать ещё одну колонку с ценой), так как тогда её придётся дублировать и для «ТУДА» и для «ОБРАТНО». Но отсюда возник вопрос — как сделать сортировку по цене?
    Как, например, сейчас есть сортировка по «Перевозчику» или «Времени в пути». Будет ли правильным куда‑то сверху вставить ссылку «Сортировка по цене»?

  3. Как можно улучшить функцию, которая показана в виде красного выделения рейса и всплывающей подсказки? Эта функция позволяет выбрать (нажать) на конкретный рейс и найти ВСЕ остальные варианты именно с ЭТИМ рейсом.

  4. Как можно улучшить/упростить вывод результатов и шапку? Учитывая то, что всё, что сейчас выведено на экран — должно быть отображено.

Заранее спасибо за советы!

Александр Курсенко
1 мар 2010
👁 4911   🗩10
А. Г.
Арт‑директор и автор учебных программ бюро
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать

Александр!

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

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

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

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

Дизайн работоспособных системИнтерфейс — злоДизайн продуктовФормат: формаНоситель: сайт
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

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

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