31
Аудит сайта autokorea22.ru Оглавление Аудит сайта autokorea22.ru ........................................................................................................ 1 Оглавление ................................................................................................................................. 1 1. Главная ................................................................................................................................... 3 Шапка .............................................................................................................................. 3 Меню ............................................................................................................................... 4 Контактная информация в шапке .................................................................................. 5 Блок входа ...................................................................................................................... 5 Напишите нам ................................................................................................................. 5 Скачать прайслист ......................................................................................................... 6 Есть вопросы по запчастям? ......................................................................................... 6 2. Раздел «Оплата и доставка» ................................................................................................ 7 3. Раздел «Возврат товара» .................................................................................................... 10 4. Форум .................................................................................................................................... 11 5. Раздел «О магазине» ........................................................................................................... 12 6. Раздел «Контакты» .............................................................................................................. 13 7. Графический каталог ........................................................................................................... 14 8. Заказ в свободной форме .................................................................................................... 17 9. Страницы каталога .............................................................................................................. 19 10. Страницы товаров .............................................................................................................. 21 11. Оформление заказа ........................................................................................................... 22 Шаг 2. Регистрация или вход ....................................................................................... 22 Шаг 3. Доставка ............................................................................................................ 24 Шаг 5. Подтверждение ................................................................................................. 26 12. Личный кабинет .................................................................................................................. 27 13. Общие замечания .............................................................................................................. 28 Приложение. Обзор конкурентов ............................................................................................ 29 © Серьёзная Тема www . s - tema . ru

Аудит юзабилити autokorea22.ru

  • Upload
    -

  • View
    222

  • Download
    0

Embed Size (px)

DESCRIPTION

Бесплатный аудит юзабилити в рамках акции на Хабрахабре. Заявку подал хабраюзер danilshirokikh

Citation preview

Page 1: Аудит юзабилити autokorea22.ru

Аудит сайта autokorea22.ru

ОглавлениеАудит сайта autokorea22.ru ........................................................................................................ 1 Оглавление ................................................................................................................................. 1 1. Главная ................................................................................................................................... 3

Шапка .............................................................................................................................. 3 Меню ............................................................................................................................... 4 Контактная информация в шапке .................................................................................. 5 Блок входа ...................................................................................................................... 5 Напишите нам ................................................................................................................. 5 Скачать прайслист ......................................................................................................... 6 Есть вопросы по запчастям? ......................................................................................... 6

2. Раздел «Оплата и доставка» ................................................................................................ 7 3. Раздел «Возврат товара» .................................................................................................... 10 4. Форум .................................................................................................................................... 11 5. Раздел «О магазине» ........................................................................................................... 12 6. Раздел «Контакты» .............................................................................................................. 13 7. Графический каталог ........................................................................................................... 14 8. Заказ в свободной форме .................................................................................................... 17 9. Страницы каталога .............................................................................................................. 19 10. Страницы товаров .............................................................................................................. 21 11. Оформление заказа ........................................................................................................... 22

Шаг 2. Регистрация или вход ....................................................................................... 22 Шаг 3. Доставка ............................................................................................................ 24 Шаг 5. Подтверждение ................................................................................................. 26

12. Личный кабинет .................................................................................................................. 27 13. Общие замечания .............................................................................................................. 28 Приложение. Обзор конкурентов ............................................................................................ 29

© Серьёзная Тема www . s - tema . ru

Page 2: Аудит юзабилити autokorea22.ru

Аудит выполнен Серьезной Темой для интернет-агентства Greenweb.

Синим – комментарии интернет-агентства Greenweb.Красным — комментарии Серьезной Темы.

www . autokorea 22. ru — сайт нашего клиента. Мы работаем с ним по схеме CPA, т.е. получаем оплату за количество заказов, которые сделаны в магазине. Именно поэтому нас очень интересуют вопросы юзабилити. И мы очень благодарны за проделанную работу.

© Серьёзная Тема www . s - tema . ru

Page 3: Аудит юзабилити autokorea22.ru

1. Главная

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

Рекомендуется: • либо разместить логотип (со ссылкой на главную везде кроме главной), например,

можно взять рисунок, используемый для пиктограммы сайта (favico),• либо стилизовать название сайта и использовать в качестве логотипа его.

Также рекомендуется изменить название сайта (т.к. есть, как минимум, один одноименный магазин: http :// www . korea - orig . ru /) , а название «корейские автозапчасти» само по себе не является оригинальным и не запоминается как название интернет-магазина.

Рекомендуется: использовать в качестве названия «autokorea22.ru» (чтобы пользователь запоминал адрес интернет-магазина), разместить его под логотипом или в качестве логотипа, а «корейские автозапчасти» использовать в качестве слогана, справа от логотипа с названием.

Видимо, будем использовать стилизованный адрес сайта.

© Серьёзная Тема www . s - tema . ru

Page 4: Аудит юзабилити autokorea22.ru

МенюРасположение меню в две строки не обосновано. Получается не два отдельных элемента, а облако из ссылок — что затрудняет восприятие. Пункт «Главная» — лишний, достаточно ссылки с названия сайта и логотипа. На форум же напротив можно попасть только по ссылке в сайдбаре.

Рекомендуется: расположить меню в одну строку в следующем порядке: Как сделать заказ, Оплата и доставка, Возврат товара, Форум, О магазине, Контакты.

Очень даже обосновано. Сделайте разрешение 1024, в одну строку меню просто не поместится.

На мой взгляд, эту проблему стоит решать иначе. Убирать ненужные пункты меню (тот же форум), сокращать названия пунктов (например, «Как заказать», «Возврат», «О нас»), в конце концов, уменьшать размер шрифта. Меню в две строки воспринимается как два меню (соответственно, требуется время для понимания, по какому принципу пункты отнесены в первую и вторую строку).

Насчет убрать пункт «Главная» — спорно. Сейчас интернетом стало пользоваться много людей вообще далеких от компьютера и имеющие малый опыт работы в интернете. Есть предположение, что им не известно, что на главную обычно можно попасть, нажав на логотип сайта.

Однако, есть предположение, что им известно, что такое «Главная», и что она отличается от домашней страницы браузера, «Яндекса» и т.д. Лучше пожертвовать этим пунктом для более удобного восприятия всего меню в целом.

Форум ставить в меню не будем. Я намеренно его убрал подальше, да понезаметней, ибо человек, который за него ответственный пипец как занят и отвечает редко. А руководство требует наличие форума. Действительность побеждает логику .Скорее всего, форум вообще уберем

Действительно в этом случае лучше форум убрать. Мертвый форум гораздо хуже, чем его отсутствие.

© Серьёзная Тема www . s - tema . ru

Page 5: Аудит юзабилити autokorea22.ru

Контактная информация в шапкеВ блоке с контактами не хватает указания email или ссылки на форму обратной связи. Сам блок теснится под корзиной, хотя ему имеет смысл уделить больше внимания.

Рекомендуется: • разместить блок с контактами справа от логотипа и названия сайта и слева от

корзины и блока входа (это будет возможно за счет того, что машина будет убрана, а вместо нее будет размещен более компактный логотип),

• добавить к телефонам также email (со ссылкой mailto) или ссылку на форму обратной связи.

Да, ссылку на форму обратной связи — это правильно!

Блок входа«Выйти из сеанса...» — неграмотное построение фразы. Правильно: «закончить сеанс».

Рекомендуется переименовать ссылку «Выйти из сеанса...» в «Выйти».

ДА!

Напишите намЦифры для проверки на спам смотрятся отдельно и сливаются с последующими блоками («скачать прайслист», «есть вопросы по запчастям»).

Рекомендуется переместить графу антиспам ближе к текстовому полю «Ваше сообщение» и отделить последующий блок (см. рис. ниже).

ДА!

© Серьёзная Тема www . s - tema . ru

Page 6: Аудит юзабилити autokorea22.ru

Скачать прайслистПрайс выложен в .csv, запакованном в rar-архив.

Рекомендуется: выложить прайс в более понятном простому пользователю .xls.

В самом файле отсутствуют какие-либо заголовки. Если пользователь не знает функции ctrl+f, найти что-либо в прайсе будет для него невозможно.

Рекомендуется: разбить прайс по маркам/типам запчастей при помощи заголовков.

ДА! Это менеджер поленился сформатировать прайс как раньше.

Сам блок «скачать прайслист» визуально сливается с предыдущим блоком «напишите нам» и последующим «есть вопросы по запчастям…».

Рекомендуется выделить блок при помощи фона (см. рис. ниже).

ДА!

Есть вопросы по запчастям?Блок сливается с предыдущим блоком («скачать прайслист»).

Рекомендуется: первое предложение в тексте сделать заголовком, а остальные пустить под ним обычным текстом (см. рис. ниже).

ДА!

© Серьёзная Тема www . s - tema . ru

Page 7: Аудит юзабилити autokorea22.ru

2. Раздел «Оплата и доставка»На странице http://www.autokorea22.ru/auxpage_dostavka/ расположен текст (см. скриншот).

У текста нарушена логика. (1) Сначала описываются варианты оплаты. (2) Затем выясняется, что наложенный платеж не действует на заказы свыше 3000

руб. и товары под заказ. При этом необходима предоплата. (3) Затем выясняется, что есть еще один вариант оплаты, неуказанный в п. (1) —

наличными курьеру. Указано «свяжитесь с нами», но не указано, как именно связываться.

(4) Затем идет вариант с ничего не говорящим названием «Мы доставляем автозапчасти на территории России». Указана возможность наложенного платежа для заказов до 3000 руб., а затем перечисляются варианты, каждый из которых - до 3000 руб. Это сбивает с толку.

(5) Наконец, мы узнаем, каким образом доставляются заказы свыше 3000 руб. (6) Опечатка — «ставьте» а не «ставте».

© Серьёзная Тема www . s - tema . ru

Page 8: Аудит юзабилити autokorea22.ru

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

Рекомендуется структурировать текст следующим образом:

ДоставкаПо БарнаулуКурьеромОплата - наличными при получении. Стоимость доставки - 150 рублей.

СамовывозОплата - наличными при получении. Северо-западная, 7а. ПН-ПТ: с 9 до 18, СБ с 10 до 14, ВС - выходной. Телефоны +7 (3852) 77-69-70, 77-74-64.

По России и СНГЗаказ до 3000 руб.Оплата:

● Оплата наложенным платежом при получении товара на почте;● Банковской картой Visa/Mastercard;

● Оплата по квитанции в ближайшем отделении банка;

● Безналичным платежом по выставленному счету (для юрлиц).

Стоимость доставки:

● Заказ до 1000 руб. - доставка 250руб.

● до 2000 руб. - 350 руб.

● до 3000 руб. - 450 руб.Заказ свыше 3000 руб. или товар “под заказ”Оплата (предоплата 50% обязательна):

● Банковской картой Visa/Mastercard;

● Оплата по квитанции в ближайшем отделении банка;

● Безналичным платежом по выставленному счету (для юрлиц).

Стоимость доставки:

● для крупногабаритного (**) и груза весом свыше ***кг: расчет стоимости

● для груза до ***кг: расчет стоимости

● при необходимости авиадоставки: расчет стоимости

Клево! Спасибо!

© Серьёзная Тема www . s - tema . ru

Page 9: Аудит юзабилити autokorea22.ru

Пользователю, который хочет заказать «небольшое отправление» при заказе свыше 3000 руб., приходится рассчитывать доставку по всем компаниям и сравнивать результаты — процесс оформления заказа затягивается и усложняется. Если же он не будет сравнивать стоимость у разных перевозчиков, то будет думать, что существует вероятность невыгодного выбора. Это может привести к тому, что просто напросто пойдет в другой магазин, поэтому эту вероятность необходимо исключить.

Рекомендуется: • указать, какой груз считается крупногабаритным (заменить ** на показатели

высоты, ширины) и какой груз считается тяжелым (заменить *** на количество кг), • вариант «для груза до *** кг» сопроводить ссылкой на калькулятор стоимости той

компании-перевозчика, какую фирма выбирает в качестве основной.

© Серьёзная Тема www . s - tema . ru

Page 10: Аудит юзабилити autokorea22.ru

3. Раздел «Возврат товара»На странице http://www.autokorea22.ru/auxpage_vozvrat-tovara/ заголовки «Условия обмена и возврата товара надлежащего качества» и «Условия обмена и возврата товара ненадлежащего качества» слишком длинные, чтобы заметить разницу в две буквы.

Рекомендуется: заменить заголовки на «Если товар не имеет дефектов» и «Если товар имеет дефекты».

Ничего не сказано про возврат товара по России и СНГ. Товар можно вернуть или обменять только в Барнауле?

Рекомендуется: указать условия доставки возвращаемого товара.

Исправимся.

© Серьёзная Тема www . s - tema . ru

Page 11: Аудит юзабилити autokorea22.ru

4. ФорумПоследнее сообщение от пользователя на форуме (http://www.autokorea22.ru/forum3/index.php) датируется 25 апреля. От админа нет ответа.

Рекомендуется: ответить на неотвеченное сообщение, в дальнейшем следить за появлением сообщений на форуме. Например, настроить почтовые уведомления о появлении новых сообщений.

На форум можно попасть только по ссылке в сайдбаре.

Рекомендуется: добавить пункт «Форум» в меню.

Ох. Вообще закрыть бы его на фиг.

© Серьёзная Тема www . s - tema . ru

Page 12: Аудит юзабилити autokorea22.ru

5. Раздел «О магазине»Зачем делать страницу с конкурентными преимуществами скрытой, если это один из основных маркетинговых инструментов?

Рекомендуется разместить список преимуществ на странице «О магазине» (http://www.autokorea22.ru/auxpage_1/).

Скрытым — чтобы в меню он не вылазил. На него ссылка предполагалась с блока случайного вывода преимуществ (как на zappos.com) Насчет «о магазине» — согласен! Спасибо!

В списке преимуществ пункты 3-6 - вода. При этом на сайтах конкурентов (например, http :// www . autoboom 24. ru / about . php ) встречаются преимущества, которые есть и у autokorea22.ru, однако, в заявленном списке отсутствуют.

Рекомендуется привести список преимуществ к следующему виду:• Надежность. Мы работаем напрямую с Южной Кореей.

• Опыт. Мы работаем с корейскими автозапчастями 11 лет.

• Удобство поиска. Найти нужную запчасть можно четырьмя способами: по VIN автомобиля, по марке и типу автомобиля, по каталожному номеру и при помощи графического каталога.

• Ассортимент. В нашем прайс-листе более 10 000 наименований оригинальных и неоригинальных зап.частей и аксессуаров.

• Удобная оплата. Мы принимаем наложенные платежи, Visa/Mastercard и банковские переводы.

• Удобная доставка. Мы доставим товар курьером по Барнаулу и вышлем в любой регион России и страны-участники СНГ.

• Персональный менеджер. Каждый клиент получает персонального менеджера, который отслеживает всю цепочку от размещения заказа до его получения.

• Контроль за состоянием заказа. В любой момент вы можете узнать статус заказа на сайте или по телефону у вашего персонального менеджера.

Однако!

© Серьёзная Тема www . s - tema . ru

Page 13: Аудит юзабилити autokorea22.ru

6. Раздел «Контакты»Хотя официальной карты Яндекса в Барнауле и нет, вполне успешно действует народная карта того же Яндекса.

Рекомендуется: Отметьте на народной карте Барнаула (http :// n . maps . yandex . ru /-/ CBQXEN 3 I ) дом 7а по улице Северо-западная, отметьте в нем вашу организацию, и вставьте код карты в раздел «Контакты» (http://www.autokorea22.ru/auxpage_kontakty/).

Да!

© Серьёзная Тема www . s - tema . ru

Page 14: Аудит юзабилити autokorea22.ru

7. Графический каталогНа сайте http :// catalog . hyundai - part . ru / точно такой же графический каталог, как на autokorea22.ru.

Рекомендуется: • если графический каталог является разработкой GreenWeb, разрешить вопрос о

правах с администрацией hyundai-part.ru, • если графический каталог не является разработкой GreenWeb, согласовать

использование каталога с администрацией hyundai - part . ru или убрать графический каталог.

Этот каталог взят в аренду, это не наша разработка и не хундай-парт.ру. Изменить в нем можно только шапку.

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

© Серьёзная Тема www . s - tema . ru

Page 15: Аудит юзабилити autokorea22.ru

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

Да! Есть еще мысль, поставить поле «требуемые автозапчасти» первым, выделив подзаголовком, вот так:

Отличная мысль!

© Серьёзная Тема www . s - tema . ru

Page 16: Аудит юзабилити autokorea22.ru

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

Вариант: ликвидировать графический каталог.

Я тоже подумываю об этом. По статистике на него переходят в месяц около 1800 раз, а возвращаются около 70 раз. С другой стороны, он открывается в новом окне и есть отзывы от покупателей, что каталог реально клевый.Я проведу эксперимент в google website optimizer — будет ли без него больше заказов

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

© Серьёзная Тема www . s - tema . ru

Page 17: Аудит юзабилити autokorea22.ru

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

А вот вопрос — что хуже — большая длинная форма, но в один шаг или несколько небольших форм? Что по вашему опыту дает большую конверсию?

Большую конверсию дает контроль пользователя над ситуацией — когда он знает, для чего он заполняет каждое поле, и нет ощущения работы впустую. Если большая длинная форма обоснована (т.е. понятно, что без нее никак, да к тому же с ней еще и лучше), то почему нет. Другой важный момент — пользователь должен знать, какие последствия влекут его действия. Например, как изменяется стоимость заказа при выборе того или иного способа доставки или оплаты. Конечно, в этом случае удобнее (и в плане реализации, и в плане восприятия), когда выбор способа доставки — это отдельный шаг.

На странице подтверждения (см. рис. ниже) много лишней информации (столбцы «каталожный номер», «кол-во» и «стоимость», а также строка «итого» не имеют смысла, т.к. не заполняются).

© Серьёзная Тема www . s - tema . ru

Page 18: Аудит юзабилити autokorea22.ru

Рекомендуется:Вариант №1.

• Добавить на страницу заказа в свободной форме обязательные поля «телефон» и «email».

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

• Убрать со страницы подтверждения информацию о доставке и оплате (т.к. эти шаги пропускаются).

• Убрать из таблицы товаров на странице подтверждения столбцы «каталожный номер», «кол-во» и «стоимость», а также строчку «итого», оставив только строчки с номерами заказов.

• Добавить рядом с кнопкой «оформить заказ» на странице подтверждение пояснение: «При подтверждении заказа с ним связывается менеджер и согласовывает доставку и оплату».

Вариант №2.• Убрать со страницы заказа в свободной форме все поля кроме поля «Требуемые

автозапчасти» (остальные поля пользователь будет заполнять на следующем шаге).

• При нажатии на кнопку «отправить заказ» адресовывать пользователя, как и прежде, на страницу регистрации.

• На страницу регистрации добавить при желании поля «тип кузова», «топливо», «тип КПП», «привод».

• Убрать из таблицы товаров на странице подтверждения столбцы «каталожный номер», «кол-во» и «стоимость», а также строчку «итого», оставив только строчки с номерами заказов.

Тут надо подумать. Скорее всего, поставим доп. поля на страницу заказа в свободной форме (ФИО, телефон, имэйл).

© Серьёзная Тема www . s - tema . ru

Page 19: Аудит юзабилити autokorea22.ru

9. Страницы каталогаКаталог выглядит следующим образом (см. скриншот).

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

(2) Запчасти отсортированы по алфавиту, но идут сплошным потоком. При большом количестве запчастей в подразделе, поиск нужной становится затруднительным.

Рекомендуется: добавить интерактивное оглавление подраздела с указанием типов запчастей. Иерархию можно взять из графического каталога или сделать оригинальную.

Для ознакомления варианты конкурентов: http :// www . avtoviktoria . ru / catalog . html и http :// www . autoboom 24. ru / catalog . php . Копировать их иерархию не рекомендуется. На «автовиктории» ассортимент другой ширины. А на «автобуме24» слишком подробная иерархия (в большинстве категорий нет ни одной запчасти).

© Серьёзная Тема www . s - tema . ru

Page 20: Аудит юзабилити autokorea22.ru

Собственную иерархию следует составить исходя из ассортимента. В идеале в каждой категории запчастей должно быть 5-9 позиций. Реализовать оглавление рекомендуется по аналогии с http :// www . avalux - motors . ru / part / Hyundai - Accent . html :

Группа запчастей 1 (например, двери)вид запчасти ссылкой 1 (например, стекло задней двери)вид запчасти ссылкой 2Группа запчастей 2вид запчасти ссылкой 3вид запчасти ссылкой 4

При нажатии на ссылку, в списке отображаются только соответствующие запчасти.

(3) При нажатии кнопки «в корзину» пользователь переадресовывается в корзину.

Вариант: добавлять товар в корзину без перезагрузки страницы. Вид кнопки при этом меняется: меняется цвет и текст (с «в корзину» на «добавлено: 1 товар на стоимость *** руб.»), но она остается активной, чтобы можно было добавить еще один экзепляр того же товара (тогда текст сменится на «добавлено: 2 товара на стоимость *** руб.» и т.д.). Блок «корзина» в шапке также меняется соответственно числу добавленных товаров.

(1) и (2) — да… наверное как раз было бы неплохо группы поставить в этом левом блоке. Хотя (2) конечно достаточно трудоемко — нужно каждой запчасти назначить группу(3) — вообще тема. Движок заморочистый, все никак не можем добраться до переделки этой штуки.

URL страниц каталога имеют вид http://www.autokorea22.ru/category/1196/

Рекомендуется формировать URL, используя названия разделов. В данном случае, http :// www . autokorea 22. ru / Chevrolet / aveo /

© Серьёзная Тема www . s - tema . ru

Page 21: Аудит юзабилити autokorea22.ru

10. Страницы товаров

(1) см. аналогичный пункт в предыдущем параграфе — «Страницы каталога», (1).

(2) Рекомендуется добавить изображение товара справа от описания. По возможности — живую фотографию (постепенно наполнять каталог фотографиями). Если нет живой фотографии — использовать в качестве временной замены иллюстрацию из графического каталога.

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

Рекомендуется: не указывать копейки в стоимости (везде, не только на страницах товара), если их 00.

(4) см. аналогичный пункт в предыдущем параграфе — «Страницы каталога», (3).

Проще всего конечно выполняется (3). (2) — сурово, но нужно.

© Серьёзная Тема www . s - tema . ru

Page 22: Аудит юзабилити autokorea22.ru

11. Оформление заказаНа страницах оформления заказа присутствуют кнопки «поделиться». Информация о заказе является приватной, и эти кнопки лишние.

Рекомендуется не выводить кнопки «поделиться» на страницах оформления заказа.

ДА!

Шаг 2. Регистрация или вход

Блок «Я уже зарегистрирован» легко не заметить, т.к. он сильно смещен вправо относительно блока «Я — новый покупатель». Кроме того, нажатие на кнопку «вход» — дополнительный клик для пользователя.

Рекомендуется: • перенести блок «Я уже зарегистрирован» ближе к блоку «Я — новый покупатель»,

• добавить поля «имя» и «пароль» и кнопку «войти» вместо кнопки «вход».

Перенесем левее и зафиксируем не далее некоторого количества пикселей от первой формы.. У вас разрешение монитора видимо очень большое. На разрешениях большинства посетителей сайта (1024 и 1280) вполне заметно.

© Серьёзная Тема www . s - tema . ru

Page 23: Аудит юзабилити autokorea22.ru

Если заполнить поля «имя» и «фамилия», то на следующем шаге («доставка и оплата») в поле «ФИО» будет стоять только имя. Получается, фамилию я вводил зря.

Рекомендуется: заменить поля «имя», «фамилия» и «отчество» на одно поле «ФИО», и его содержание автоматически вставлять в поле «ФИО» на шаге «доставка и оплата».

Согласен

Название поля «Автомобиль» не вполне понятно. Название поля «Год выпуска автомобиля», наоборот, неоправданно длинное.

Рекомендуется переименовать поле «Автомобиль» в «Марка и модель автомобиля», а «Год выпуска автомобиля» — в «Год выпуска». Да!

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

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

Да… надо подумать тут. Новостей как таковых у нас вообще нет, а вот о новых поступлениях, наверное, уместно бы было информировать желающих.

Пояснение к чекбоксу «Я хочу» слишком длинное, чтобы его читать, и выглядит устрашающее. С другой стороны, регистрацию лучше по умолчанию включить в процесс оформления.

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

После 1 шага пользователю предлагается либо сразу отправить заказ, либо перейти к следующему шагу. Кнопка «отправить заказ сейчас» более заметна, однако, плохо понятно, чем отличаются эти два варианта действий по своим последствиям для пользователя.

Рекомендуется: сопроводить кнопку «отправить заказ сейчас» пояснением: «и наш менеджер свяжется с вами, чтобы согласовать оплату и доставку». Однако!

© Серьёзная Тема www . s - tema . ru

Page 24: Аудит юзабилити autokorea22.ru

Шаг 3. ДоставкаПоле «адрес» идет перед полем «город». Если я ввожу в поле «адрес» полный адрес с указанием города, то, перейдя к полю «город», я понимаю, что сделал это зря.

Рекомендуется: расположить поля в следующем порядке: страна, область, город, адрес, ФИО.

Краткое описание вариантов доставки, предлагаемое на странице «список товаров» (см. рис. ниже), более актуально на странице шага «доставка».

Наверное, да.

В пояснении к радио-баттону «наложенный платеж» текст про различия стоимости неактуален, если указать стоимость конкретно этого заказа. В пояснении к радио-баттону «транспортная компания» не указана стоимость доставки или как ее узнать (см. скриншот).

© Серьёзная Тема www . s - tema . ru

Page 25: Аудит юзабилити autokorea22.ru

Рекомендуется:• заменить пояснение к радио-баттону «наложенный платеж» на «Оплата

осуществляется при получении посылки на почте. Стоимость доставки: *** руб.», • заменить пояснение к радио-баттону «Транспортная компания» на «Наш менеджер

свяжется с вами, чтобы подтвердить заказ, и сообщит точную стоимость заказа с учетом доставки. Примерная стоимость доставки: 500-600 руб.»,

• при выборе варианта «По согласованию» под выпадающим меню должен появляться текст: «Вы сможете согласовать стоимость доставки с нашим менеджером»,

• при выборе других вариантов:o либо отображается стоимость доставки (для этого нужно внедрить

собственный калькулятор на основе калькуляторов сайтов транспортных компаний),

o либо отображается ссылка на калькулятор на сайте соответствующей

транспортной компании: «Рассчитать стоимость доставки на сайте транспортной компании».

© Серьёзная Тема www . s - tema . ru

Page 26: Аудит юзабилити autokorea22.ru

Шаг 5. ПодтверждениеЕсли после подтверждения заказа нажать «вернуться к покупкам», пользователь оказывается на странице «список товаров». Если на ней нажать «вернуться к покупкам», страница перезагрузится.

Рекомендуется: в обоих случаях открывать страницу каталога.

Хм. Какой то странный глюк. Проверю.

© Серьёзная Тема www . s - tema . ru

Page 27: Аудит юзабилити autokorea22.ru

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

Рекомендуется: • переименовать ссылку «Просмотреть/отредактировать контактную информацию» в

«Настройки аккаунта»,• переименовать ссылку «Просмотреть/отредактировать адресную книгу» в «Адреса

для доставки»,• разместить ссылки ближе к основному тексту.

Согласен!

© Серьёзная Тема www . s - tema . ru

Page 28: Аудит юзабилити autokorea22.ru

13. Общие замечанияТайтлы страницы имеют вид «Название страницы ? Интернет-магазин корейских автозапчастей www.autokorea22.ru » . Рекомендуется знак вопроса заменить на |.

Ох. Точно. Недавно видимо глюк вылез. Поправим, конечно же.

URL страниц разделов имеют вид http://www.autokorea22.ru/auxpage_1/ и http://www.autokorea22.ru/auxpage_vozvrat-tovara/. Это неправильно с точки зрения поисковой оптимизации.

Рекомендуется формировать URL, используя названия страниц, без слова auxpage. В данном случае http :// www . autokorea 22. ru / about / и http :// www . autokorea 22. ru / vozvrat - tovara /

© Серьёзная Тема www . s - tema . ru

Page 29: Аудит юзабилити autokorea22.ru

Приложение. Обзор конкурентовСимвол обозначает, что на сайте autokorea 22. ru имеется неоригинальный контент.

Символ обозначает, что сайт конкурента обладает оригинальным конкурентным

преимуществом.

На http :// catalog . hyundai - part . ru / точно такой же графический каталог, как на

autokorea22.ru.

На http :// www . hyundai - part . ru / search . html есть фильтр поиска запчастей “только

оригинал”.

Интернет-магазин http :// www . korea - orig . ru / (Екатеринбург) имеет такое же название:

“Корейские автозапчасти”.

На http :// www . korea - orig . ru / partner . html описаны условия бесплатной доставки.

На http :// www . autoboom 24. ru / catalog . php пользователь сначала в несколько шагов

выбирает, какая у него машина (1 - марка, 2 - модель и год, 3 - более точные спецификации: полное название модели, год, код ДВС, ЛС, куб. см, кузов), а затем выбирает нужную запчасть. Причем запчасти представлены в виде вложенных списков.

© Серьёзная Тема www . s - tema . ru

Page 30: Аудит юзабилити autokorea22.ru

На http :// www . autoboom 24. ru / about . php имеется оригинальный список конкурентных

преимуществ:

Самую совершенную систему on-line поиска и заказа автозапчастей● Возможность поиска интересующих деталей различными способами: запрос по VIN автомобиля, номеру запчасти, иллюстрированному каталогу.● Получение максимально полной информации о детали — наличие аналогов у различных производителей, применяемости, ценах и сроках поставки.

Огромный ассортимент● В наших прайс-листах более 26 млн наименований оригинальных и неоригинальных зап.частей и аксессуаров от 1200 ведущих мировых производителей.

Персональное обслуживание● Каждый клиент получает персонального менеджера, который отслеживает всю цепочку от размещения заказа до его получения.● Полностью автоматизированная система клиентского on-line контроля за выполнением заказа: компьютерное управление оплатой/доставкой/отгрузкой заказа Оповещения любым удобным способом: SMS/E-mail/через интернет-магазин● Быстрый документооборот и любая удобная форма оплаты.

На http :// www . autoboom 24. ru / catalog . php ? art =7.1221& st =1 есть поиск аналогов для

каждой позиции каталога.

На http :// www . avalux - motors . ru / part / Hyundai - Accent . html есть вспомогательное меню в

каталоге.

На http :// zapchasti . ds 73. ru / goods /1095597/ есть живые фотографии товаров.

На http :// kormarket . ru / internet - magazin есть возможность добавления в корзину без

перезагрузки страницы.

На http :// www . avtoviktoria . ru / catalog . html выбор товара осуществляется по шагам

(согласно иерархии каталога).

© Серьёзная Тема www . s - tema . ru

Page 31: Аудит юзабилити autokorea22.ru

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

Комментарий насчет 26 млн запчастей и их фильтров – есть готовое решение по продаже автозапчастей, оно установлено на нескольких десятках сайтах, в том числе autoboom24.ru – здесь все доставляется под заказ. Поддержку базы осуществляет поставщик услуги (кстати, он же дает в аренду графические каталоги). Наш магазин работает иначе, мы продаем со склада, поэтому база у нас своя и заморачиваемся с ней тоже сами.Обзор конкурентов — это уже не рекомендации, а информация для ознакомления. Впрочем, заполнять каталог фотографиями потихоньку все равно стоит. Своя база — это хорошо, но ее тем более упорядочить будет полезно.

© Серьёзная Тема www . s - tema . ru