Решение:

Оглавление
Обзор проблем существующего сайта http://www.kandagar.com/ ................................................. 2
Главная ...................................................................................................................................... 2
Главное меню и шапка ............................................................................................................. 3
Общая структура информации ................................................................................................ 4
Решение: структура сайта ................................................................................................................. 5
Решение: главная ................................................................................................................................ 6
Решение: другие страницы ................................................................................................................ 7
Рекомендации по дизайну и верстке ................................................................................................ 7
Тестирование: типичные пользователи сайта ................................................................................. 8
Тестирование: сценарии использования новой версии сайта типичными пользователями ....... 9
Обзор проблем существующего сайта http://www.kandagar.com/
Главная
Минусы
Решение
Слишком много мелких интерфейсных
Уменьшить количество элементов всех типов
элементов (списков, картинок, телефонов, …). на странице.
Складывается впечатление, что мы попали на
портал, предлагающий множество услуг из
разных сфер бизнеса, а не на сайт
конкретной компании с комплексом
профильных услуг. Легко запутаться.
Нет акцента на чем-то одном, с чего
пользователь скорее всего захочет начать
знакомство с сайтом (центральный баннер
не может служить таким элементом, потому
что далеко не всех заинтересует).
Сделать главным интерфейсным элементом –
поисковую форму по турам (отелям). Это все
же главное на сайте и будет интересно всем
посетителям.
Так как оффлайн-продажа путевок является
важной частью работы компании – будет
правильно отобразить этот факт на главной,
чего сейчас нет.
Разместить блок «Где купить» на главной.
Главное меню и шапка
Минусы
Решение
Главное меню содержит слишком много (9)
не слишком логично подобранных элементов
(некоторой информации в его иерархии
просто нет, тех же «Новостей», такой важный
пункт как «Бронирование» теряется во
второй части меню, «Конференц-сервис»
явно менее важный пункт чем остальные и
не заслуживает размещения в первом
уровне меню, нет пункта для обзора стран,
...)
Полностью изменить струтуру главного меню,
уменьшив количество пунктов первого
уровня и сделав более логичную иерархию.
Ввиду того, что и второй уровень получается
довольно сложным по количеству пунктов,
делать меню всплывающим нет особого
смысла – например, если кому интересна
компания «Кандагар» как таковая, то он без
проблем сделает клик по данному пункту
меню, а уже там узнает что здесь есть и фото
сотрудников и вакансии. Обычному туристу в
любом случае эта информация не так важна.
Поисковой форме уделяется мало внимания, Увеличить визуально роль поиска. Добавить в
а ведь ввести название нужного курорта или него всплывающие подсказки для упрощения
отеля – самый простой способ его найти.
поиска.
Очень много стран и телефонов
перечислено, легко запутаться.
Упростить подачу телефонов и стран, оставив
текущую страну и главный телефон, а все
остальное – сделать доступным по ссылке
«Контакты».
Общая структура информации
Минусы
Решение
Понятие “спецпредложения” нуждается в
переосмыслении. Ведь если таких
предложений очень много, то для
пользователя разница между ними и
«обычными» предложениями теряется.
Как-то особо выделять некоторые турпредложения можно, но небольшое их
количество, максимум 5-10. Остальные
требующие выделения предложения
достаточно выделять в общем списке
предложений, не создавая для них
специальный раздел на сайте.
На данный момент предполагается, что
Сделать возможность поиска без ориентации
пользователь сначала выберет страну,
на конкретную страну.
возможно даже курорт, а только потом будет
производить поиск и бронирование нужного
тура (боковое меню стран, форма
бронирования). Однако часто пользователю
не так важна страна, как нужный тип отдыха
и цена.
Существование отдельной «системы
Убрать отдельный раздел онлайнбронирования», для пользователей и даже
бронирования.
турагентов, вызывает вопросы. Если сделать
публичный поиск туров и отелей для
пользователей, то процесс бронирования
будет сводиться к собственно бронированию
– оплате. Отдельная система выходит просто
не нужной.
Решение: структура сайта
1) Есть обзорный пункт «Страны», вся информация по объектам внесена в него, то есть
URL будут иметь вид, например kandagar.com/countries/ukraine/kiev/hotel-rus/order/ –
страница бронирования отеля «Русь» в Киеве.
2) Экскурсионные туры иерархически находятся в результатах поиска, поскольку могут
проходить и по нескольким странам. При этом можно дублировать информацию о
них и на страницах стран и курортов.
3) «Новости» – подпункт пункта «Компания».
4) Есть обзорный пункт «Виды отдыха», куда может пойти пользователь, которому вид
отдыха важней выбора страны.
5) Есть возможность сравнивать отели.
6) Есть возможность добавлять отели в избранное.
Решение: главная
1.
2.
3.
4.
5.
Простое главное меню из 5 пунктов.
Заметная строка поиска по названию.
Большая форма поиска по всем типам сущностей с легким переключением.
В наличии блок «Где купить».
4-5 баннеров спецпредложений в «карусели», очень крупных и заметных.
6. Малое количество элементов на странице в целом.
Решение: другие страницы
Содержатся в папке /prototype
Рекомендации по дизайну и верстке
1) Обеспечить уровень контрастности цветов по стандарту
http://snook.ca/technical/colour_contrast/colour.html
2) В основных текстах использовать междустрочный интервал не ниже 1.3em.
3) Размер основного шрифта не менее 14px.
4) Ориентироваться по уровню качества дизайна / стилизации на подборку
http://thebestdesigns.com/
5) Простая “сетка” дизайна, заметные границы всех информационных блоков должны
находиться на одних линиях.
6) Активный пункт меню должен всегда выделяться отдельным стилем.
7) Все формы должны иметь заметную внешнюю границу и желательно специальный
фон.
8) Ссылки должны быть либо все подчеркнутые, либо должна быть очень четкая
политика, как оформлять ссылки, чтобы их было просто обнаружить и отличить от
текста/заголовков.
9) Все выполняющие скриптовые действия ссылки (в том числе ajax) должны выделяться
пунктирным (или dotted) подчеркиванием.
10)
Для данного прототипа более подходит статичная, а не резиновая верстка.
Тестирование: типичные пользователи сайта
Таня
Возраст: 29 лет
Род занятий: туристический агент
Интернет-грамотность: невысокая
Уровень компетенции в сфере туризма: высокая
Примечания: на сайтах не любит вводить что-то с клавиатуры, предпочитает все
делать мышкой.
Нужно забронировать клиенту (1 мужчина) элитную
гостиницу (обязательно хороший WiFi) в Риге на
ближайшие выходные с трансферами в обе стороны.
Азат
Возраст: 37 лет
Род занятий: строитель
Интернет-грамотность: низкая
Уровень компетенции в сфере туризма: малая
Примечания: не умеет открывать страницы в новом табе браузера.
С женой хочет проехаться (экскурсионный тур) по
Европе, обязательно с заездом в Париж. Желательно
около Нового Года, но если тогда будет сильно дороже чем в обычные
дни – выберет обычные.
Роман
Возраст: 28 лет
Род занятий: системный администратор
Интернет-грамотность: высокая
Уровень компетенции в сфере туризма: малая
Примечания: сайт kandagar.com открыл вместе с еще 10 другими сайтами по
поиску туров.
В ближайшем месяце хочет отдохнуть неделю пляже с женой и
ребенком 3 лет, обязательно чтобы ребенка было где оставить. Отель
не ниже 4 звезд и с хорошим тренажерным залом (занимается
спортом), но при этом желательно подешевле.
Тестирование: сценарии использования новой версии сайта
типичными пользователями
Таня
Азат
Роман
Попадает на сайт по закладке Попадает на сайт на страницу Попадает на сайт через
в собственном браузере.
«Париж» через поисковик.
баннер (ведущий на вид
отдыха «Пляжный отдых»), но
Главная: выбирает в
Страница курорта:
решив искать вариант отдыха
поисковой форме «1
заинтересовавшись
тут же открывает несколько
взрослый», «Латвия», затем необычной фотографией
конкурирующих сайтов в
«Рига» и жмет кнопку
Парижа переходит в раздел
других табах (найдя их через
«Найти».
«Фото», посмотрев описание поиск).
объекта замечает вкладку
«Туры с Парижом», открывает Страница вида отдыха: не
первый из них.
читая о самом виде отдыха
сразу переходит по
предложенному запросу
поиска. Попадает на страницу
результатов поиска.
Результаты поиска: вводит в
левой колонке параметры
фильтрации: ”Wifi”,
категорию отеля, наличие
возможности трансфера.
Открывает информацию по 2
разным гостиницам
(Страница объекта) в 2
разных табах браузера, но не
может сразу выбрать (клиент
постоянный и хочется сделать
лучший выбор). Замечает
кнопку «Сравнить» и
добавляет оба отеля в
сравнение.
Страница тура: почитав
описание обращает
внимание на цену и решает,
что этот тур ему явно не
подходит. Нажимает кнопку
«назад» в браузере.
Результаты поиска: вводит
параметры «забота о детях»,
«4 звзеды», «5 звезд» и
«спортзал» в фильтрации.
Решает, что 3 лучших по цене
предложения нужно сравнить
детальней.
Страница сравнения:
окончательно принимает
решение в пользу одного из
отелей, переходит снова на
его страницу и замечает
яркую вкладку
«Бронирование».
Страница курорта (туры):
отсортировав туры по цене
выбирает самый дешевый и
переходит на него.
Страница сравнения
объектов
Добавляет оба объекты в
закладки браузера, чтобы
вернуться к ним позднее.
Бронирование 1: Таня вводит Страница тура: все нравится,
нужные даты, выбирает
идет переход на страницу
самый дорогой номер и жмет бронирования, дальше все
кнопку «Бронировать».
стандартно.
Бронирование 2: вводит
личные данные туриста,
выбирает способ оплаты
картой Visa, указывает
реквизиты.
Бронирование 3: Таня
получает подтверждение всех
введенных данных.