Аудит юзабилити - akona.ru · pdf fileООО « èКОН...

ООО «АКОНА.ру» www.akona.ru, e-mail: [email protected] 620100, г.Екатеринбург, БЦ "Clever Park", ул. Ткачей, д. 23, оф. 307 Тел.: +7 (343) 288-77-61, 288-77-62

Аудит юзабилити

сайта att-iveco.ru

Чернухин Алексей тел: +7 (343) 288-77-61 доб. 104

e-mail: [email protected]

www.akona.ru


Что нравится:

1. Широкий выбор в модельном ряду

2. Много информации по сервису и способам покупки (лизинг, кредит)

Что стоит изменить и протестировать:

Обозначения в файле:

*** - Самое важное. От этих правок ждем наибольшего результата в росте конверсии

** - Важные изменения, которые необходимо внести после первостепенных правок * - Менее важные, но тоже предполагают рост конверсии


1. *** Сайт не адаптирован под мобильные устройства:

А именно:

Окно просмотра настроено неправильно;

Содержимое страницы не помещается на устройстве в ширину;

Текст на странице слишком мелкий;

Ссылки и нажимаемые элементы слишком мелкие или расположены слишком близко.

По статистике, примерно 30-50% посетителей заходят на сайт с мобильных устройств и если они видят не адаптированный сайт, то многие из них тут же уходят с сайта. Кроме того, с 2016 года наличие адаптивной верстки под мобильные устройства является фактором ранжирования в поисковой системе Яндекс. Рекомендуем разработать адаптивную верстку. У других дилеров Iveco адаптивная верстка реализована, например: http://www.sias-iveco.ru/ http://www.iveco-sts.ru/


Выглядит это так на мобильных устройствах:

Навигационное меню сделано расхлапывающимся, а весь контент адаптирован под разрешение мобильных устройств. 2. * Слайдер на главной странице занимает практически весь первый экран:

Рекомендуем уменьшить его по высоте.


Кроме того, у слайдера нет стрелок влево/вправо для ручной смены слайдов. Для примера можно посмотреть сайт другого дилера Iveco http://www.iveco-sts.ru/ где данные стрелки реализованы:

3. *** Сама главная страница att-iveco.ru несет в себе мало полезной для клиентов информации. Большую часть главной страницы занимает текст:

Который большинство посетителей сайта читать не будет.


Для примера более качественной реализации главной страницы, можем привести сайт московского дилера Iveco http://www.iveco-sts.ru/

Здесь вся информация разбита по блокам, что очень удобно для клиентов:


По ним сразу хочется кликать, навигация сделана очень удобно. Рекомендуем главную страницу сайта att-iveco.ru оформить подобным образом.

4. **Шрифты у данных блоков на главной странице слишком мелкие и плохо читаются:

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


И вряд ли пользуется спросом у посетителей, рекомендуем его вынести на более заметное и кликабельное место. 5. * Потенциал футера ("подвала" сайта) используется не в полной мере:

Рекомендуем в футере продублировать верхнее горизонтальное меню. Логотипы, расположенные в подвале малозаметны - их рекомендуем либо сделать поярче, либо убрать совсем. Рядом с телефоном рекомендуем продублировать и адрес. 6. ** Форма "Обратный звонок" расположена опять же неудачно, в подвале сайта:

Рекомендуем перенести ее в шапку сайта, рядом с телефоном:

В этом случае кликабельность данной формы существенно возрастет. При клике на саму форму Обратного звонка сейчас настроен переход на страницу http://www.att-iveco.ru/callback Рекомендуем сделать, чтобы при клике данная форма загружалась во всплывающем окне, кроме того, саму форму рекомендуем сократить до 2 полей:


имя и телефон, т.к. пользователи не любят заполнять слишком подробные формы. Пример хорошей реализаци формы обратного звонка можно посмотреть на сайте http://www.iveco-sts.ru/

7. ** На страницах с автомобилями, например http://www.att-iveco.ru/model/iveco-daily-65c15-promtovarnyj-furgon.html в блоке "Для этого авто покупают" обрезаются фотографии:

Нужно исправить.


8. *** Страницы с моделями машин, которые должны продавать, например http://www.att-iveco.ru/auto/daily выглядят крайне не презентабельно. На данной странице есть только текст и ссылки на подразделы:

Для сравнения можно привести подобную страницу на сайте московского дилера Iveco http://www.iveco-sts.ru/avtomobili-iveco/Daily/ На указанном примере контент подается блоками и оформлен графически, смотрится это гораздо лучше и что самое главное - гораздо удобнее для потенциальных клиентов. Рекомендуем на сайте att-iveco.ru в контенте подобных страниц реализовать похожие блоки:


Это сделает страницы сайта более привлекательными и продающими. Также на сайте http://www.iveco-sts.ru можно посмотреть примеры хорошей реализации оформления и других страниц: http://www.iveco-sts.ru/avtomobili-iveco/ http://www.iveco-sts.ru/avtomobili-iveco/vykup-gruzovoy-tehniki-iveco-v-moskve/ и т.д. Рекомендуем на сайте att-iveco.ru оформить все разделы подобным образом. 9. *** Отсутствует поиск по сайту. У многих дилеров Iveco, например: http://www.iveco-sts.ru/ http://iveco.avtofurgon.ru/ Поиск реализован. Наиболее удачным, на наш взгляд, примером реализации является сайт http://www.iveco-sts.ru/, где поиск расположен рядом с верхним горизонтальным меню:

При клике на кнопку поиска, он расхлапывается в строку:


10. *** В разделе "Новые автомобили" http://www.att-iveco.ru/new-auto-and-technique Сначала идет текст и только потом ссылки на сами автомобили. Поскольку потенциальных клиентов в данном разделе будут интересовать именно автомобили (текст, они скорее всего не будут читать), то рекомендуем автомобили вынести наверх, а текст расположить уже под ними:

11. ** В разделе http://www.att-iveco.ru/model/iveco-stralis-at440s46tzp.html по умолчанию загружаются сразу характеристики авто:

Хотя по цвету создается впечатление, что у нас выделено Описание, а не Характеристики.


При клике на "Описание" не загружается никакой информации, хотя по логике должно загружаться текстовое описание. Рекомендуем изменить цвет выделения вкладок Описание и Характеристики на более понятный и наполнить вкладку Описание. 12. ** На страницах с автомобилями, например http://www.att-iveco.ru/auto/daily/refrizheratory/iveco-daily-45c15-refrizherator.html рекомендуем внизу добавить форму обратной связи, чтобы пользователи имели возможность отправить заявку или задать вопрос. На этих же страницах при попытке просмотреть видеоролики (расположенные внизу в правой колонке) выдается ошибка:

Нужно заменить данные ролики на рабочие. Само расположение видеороликов, на наш взгляд, также сделано неудачно. Рекомендуем по каждой модели авто добавить свой видеоролик и расположить его в основном контентном блоке страницы, для этого можно добавить вкладку "Видео":


13. ** В разделе О компании http://www.att-iveco.ru/about есть только текст, который мало кому будет интересен, а данный раздел должен работать на повышение уровня доверия клиентов. Рекомендуем в данном раздела графически оформить преимущества работы с компанией (выделить их в тексте и оформить иконками), дилерский сертификат разместить сразу в контентном блоке, чтобы пользователям не приходилось переходить по ссылке на другую страницу. Также рекомендуем на данной странице сделать блок отзывов и разместить презентационный видеоролик. 14. *** Выпадающиее меню на основные разделы сайта реализовано не очень удачно, многие пункты сливаются между собой, а подменю выпадает "лесенкой" и смотрится не презентабельно:

У московского дилера Ивеко http://www.iveco-sts.ru/ подобное меню реализовано более удачно:


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

Рекомендуем данный блок вынести на все страницы сайта, например его можно расположить в правой колонке подобных страниц http://www.att-iveco.ru/auto


Технический аудит 1. Нужно добавить html карту сайта, где будут ссылки на все основные разделы сайта. На страницу с картой сайта нужно в шапку вынести иконку-ссылку 2. В шаблон 404-ой ошибки http://www.att-iveco.ru/autosdsdsdнужно будет добавить содержимое карты сайта 3. Для строки навигации ("хлебные крошки") нужно добавить микроразметку 4. По рекомендация сервиса Google https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.att-iveco.ru%2F&tab=desktop нужно максимально возможно улучшить показатели скорости загрузки страниц, т.к. сейчас они ниже нормы. 5. На сайте есть битые ссылки, например при переходе из верхнего меню на страницу Daily Furgon выдается 404-я ошибка http://www.att-iveco.ru/article/daily-furgon.html 6. Требуется корректировка мета-данных (title, description, keywords) у основных разделов каталога. 7. Многие изображения на сайте занимают слишком большой объем - необходимо сжать данные картинки 8. У изображений на сайте необходимо оптимизировать теги alt и title 9. На сайте присутствуют пересечения тегов <h2> и <a href> - необходимо их устранить


Выводы:

Комплексный аудит сайта выявил ряд серьезных недостатков сайта att-iveco.ru как в плане юзабилити, так и в техническом плане. Наиболее серьзными недочетами являются:

отсутствие адаптивной верстки под мобильные устройства

низкое качество оформления и наполнения основныз разделов сайта (главная страница, модельный ряд, страницы с автомобилями)

неудобное расположение навигационных форм Из других сайтов дилеров Iveco, наиболее удачно на наш взгляд сделан сайт http://www.iveco-sts.ru/. Рекомендуем ориентироваться на него при исправлении выявленных недостатков.

C уважением,Чернухин Алексей, руководитель отдела продвижения, студия ООО «Акона.ру» г. Екатеринбург, БЦ «Clever Park» ул. Ткачей, 23, оф. 307

+7 (908) 915-99-44 +7 (343) 288-77-61 доб.101

[email protected]

mailto:[email protected]

Аудит юзабилити - akona.ru · pdf fileООО « èКОН...

Documents