Аудит юзабилити - Частный веб
advertisement
Частный веб-вастер Кирилл Елисеев Аудит cайта http://normabrus.ru +7 (921) 353-09-30 riba_quit@mail.ru стр. 1 из 15 Аудит юзабилити (удобства использования) сайта http://normabrus.ru/ Частный веб-вастер Кирилл Елисеев Аудит cайта http://normabrus.ru +7 (921) 353-09-30 riba_quit@mail.ru стр. 2 из 15 Оглавление 1. Экспертный анализ удобства использования сайта. ........................................................................ 3 2. Анализ поведения посетителей с целью подтверждения или опровержения экспертных выводов. ....................................................................................................................................................... 5 3. Поиск показательных кейсов в архиве «Вебвизора» Яндекс.Метрики).......................................11 4. Анализ источников посещаемости ..................................................................................................12 5. Вывод:.................................................................................................... Error! Bookmark not defined. Частный веб-вастер Кирилл Елисеев +7 (921) 353-09-30 riba_quit@mail.ru Аудит cайта http://normabrus.ru стр. 3 из 15 1. Экспертный анализ удобства использования сайта. Сайт имеет достаточно современный минималистичный дизайн. Плавающее меню повышает удобство использования. Боковое меню отсутствует, но при плавающем верхнем меню оно не требуется. Минус данного меню – многоуровневая вложенность. Вкладки 3 уровня неудобны для навигации. Следовало бы выводить несколько уровней иерархии на единственной выпадающей вкладке (в так называемом MegaMenu). Шаблон сайта поддерживает такое меню (если нет – её следует обновить, последние версии однозначно его поддерживают). Структура сайта не позволяет однозначно понять, что ваша компания так же оказывает услуги по строительству. Разделы «Продукция» и «Комплектующие» по сути имеют одно назначение: предложением приобрести те или иные изделия. Услуга «Строительство» оторвана от раздела «Проекты». Рекомендуем вам разделить логическую структуру сайта на 3 направления: «продукция», «строительство домов» и «прочие услуги». Это можно сделать просто перекомпоновав меню сайта, без переноса каких-либо страниц и сопутствующей потери позиций в продвижении. В шапке сайта отсутствует телефон и описание направления деятельности предприятия (длиной в несколько слов). Эти вещи несколько увеличивают конверсию и снижают процент отказов. Их отсутствие – дань современным тенденциям дизайна, однако по возможности их всё же стоит внедрить. Шаблон сайта поддерживает вывод небольшой строчки с информацией выше основного меню. Промежутки между пунктами меню маленькие. Их стоит увеличить, что улучшит читаемость. Возможно, стоит так же добавить разделители между пунктами. Футер (нижняя часть всех страниц) не несёт информационной нагрузки, за исключением времени работы и контактов. Это противоречит, во-первых, относительно новой тенденции иметь насыщенный информацией футер. Во-вторых, некоторые пользователи переходят по ссылкам в футере. Рекомендуется разместить там меню (с основными страницами), форму захвата (если вы проводите рассылку) или призыв к действию. Оформление страниц современное, аккуратное. Однако, есть ряд мелких замечаний: Галерея в разделе «Бани-бочки» имеет неинформативные названия, начинающиеся с маленькой буквы. На странице «Проекты» непонятная иерархия заголовков и отсутствует разделение проектов домов и бань (их стоит визуально разделить горизонтальной линией или выбрать разный цвет фона для этих блоков). На этой же странице неаккуратно оформлен призыв к действию внизу страницы. Страницы «Фундамент», «Септирование» имеют незаконченный вид. Страница «Контакты» содержит 2 крупные непонятные фотографии (следует их уменьшить и подписать, что они означают). Карта на странице «Контакты» избыточно крупная (следует уменьшить масштаб так, чтобы было видно тот самый путепровод, упомянутый в примечании над ней). В разделе «Фотогалерея» фотографии домов следует пометить вотермарками (водяными знаками на изображениях), иначе возможна их кража и размещение конкурентами. Оригинальное решение – всплывающее окно «Дома в кредит». Для дополнительных услуг оно подходит как нельзя лучше. Если непрофильных услуг будет больше – следует разместить их таким же образом, возможно в том же окне, просто переименовав его. Однако, на некоторых разрешениях экрана эта вкладка перекрывает кнопку «вверх», расположенную внизу страницы. Сайт кроссбраузерный, адаптивный. Версия для смартфонов и планшетов работает хорошо, за исключением двух небольших ошибок: Верхнее меню расползается при открытии на экране небольшой ширины (следует поправить вёрстку); Частный веб-вастер Кирилл Елисеев Аудит cайта http://normabrus.ru +7 (921) 353-09-30 riba_quit@mail.ru стр. 4 из 15 В мобильном меню (открывается при нажатии на иконку) есть форма поиска. Она не переведена на русский. Поэтому её нужно перевести или скрыть. Страницы сайта довольно тяжёлые. Главная страница весит 5 МБ, это может сказываться на пользователях медленного интернета и посетителях с мобильными телефонами и планшетами. Следует оптимизировать изображения, используемые на сайте (изображение http://normabrus.ru/wp-content/uploads/2014/03/sl2.jpg весит 1,4 МБ - его размер можно без заметной потери качества уменьшить вдвое). Таким образом, существенных недостатков в юзабилити сайта не прослеживается, однако есть ряд мелких рекомендаций: Добавить MegaMenu. Добавить телефон в шапку. Доработать верхнее меню. Изменить компоновку пунктов меню. Наполнение футера сайта информацией. Исправить приведённые в списке выше мелкие замечания. Пометить фотографии вотермарками. Сдвинуть вправо вкладку «дома в кредит». Исправить работу меню в мобильной версии. Оптимизировать картинки в слайдере на главной странице. Частный веб-вастер Кирилл Елисеев +7 (921) 353-09-30 riba_quit@mail.ru Аудит cайта http://normabrus.ru стр. 5 из 15 2. Анализ поведения посетителей с целью подтверждения или опровержения экспертных выводов. Рис.1 – карта кликов по ссылкам на главной странице Глядя на эту карту, можно сделать следующие выводы: Меню активно используется. Кнопки слайдера и стрелки управления так же используются. Фотогалерея не вызывает у посетителей значительного интереса. Частный веб-вастер Кирилл Елисеев +7 (921) 353-09-30 riba_quit@mail.ru Аудит cайта http://normabrus.ru стр. 6 из 15 Рис. 2 – продолжение главной страницы Иконки и тексты привлекают внимание посетителей, но никуда не ведут. Следует по возможности назначить к ним ссылки на соответствующие разделы. Рис. 3 – продолжение главной страницы Кнопки довольно часто используются, нареканий к этой части нет. Частный веб-вастер Кирилл Елисеев Аудит cайта http://normabrus.ru +7 (921) 353-09-30 riba_quit@mail.ru стр. 7 из 15 Рис. 4 – боковая колонка раздела каталога Люди тут так же кликают на иконки и заголовки. Возможно, имеет смысл привязать к ним ссылки на соответствующие страницы. Рис. 5 – низ главной страницы Очевидно, что люди активно пользуются кнопкой «вверх», которую на некоторых разрешениях экрана перекрывает блок «Дома в кредит». Следует разнести их. Частный веб-вастер Кирилл Елисеев +7 (921) 353-09-30 riba_quit@mail.ru Аудит cайта http://normabrus.ru стр. 8 из 15 Обратите внимание, насколько ярче здесь раскрашено меню. Это говорит о том, что достигнув низа страницы люди очень активно им пользуются. Рис. 6 – карта скроллинга главной (верхняя и нижняя части) По карте скроллинга понятно, что до низа дошло 102 из 507 посетителей за последнее время (то есть, почти ровно 20%). Это ещё раз говорит нам о важности футера, который видит один из пяти посетителей. Кроме того, до футера доходят самые заинтересованные посетители: все, кому сайт безразличен, с большой вероятностью уходят с сайта намного раньше, чем увидят футер. Анализ других страниц сайта, помимо главной, не позволил опровергнуть или подтвердить выводы эксперта. Существенных отклонений от увиденного на главной нет ни на одной странице. Поэтому перейдём к анализу посещаемости сайта. Частный веб-вастер Кирилл Елисеев Аудит cайта http://normabrus.ru +7 (921) 353-09-30 riba_quit@mail.ru стр. 9 из 15 Рис. 7 – сводка посещаемости сайта за месяц Рассмотрим поведение посетителей на сайте. Процент отказов на сайте невысокий (до 20-25% отказов считается нормой). Глубина просмотра – больше 2 страниц, это так же очень хороший показатель для корпоративного сайта. Среднее время пребывания посетителя – 3:42 – очень высокое. Это означает, что посетители внимательно читают сайт. Так же трафик на сайт растёт (красная линия поверх графика показывает направление роста). Это говорит либо о росте позиций, либо о реакции поисковых систем на хорошие поведенческие показатели (с точки зрения поисковика, указанные выше 3 цифры и являются поведенческими показателями). Проверим, не вызвано ли это превышение работами администраторов (которые могут проводить на сайте часы, существенно влияя на этот показатель): Рис. 8 – посещаемость сайта из поиска Частный веб-вастер Кирилл Елисеев +7 (921) 353-09-30 riba_quit@mail.ru Аудит cайта http://normabrus.ru стр. 10 из 15 Очевидно, что среднее время на сайте не является искусственно завышенным из-за действий администраторов сайта. Время на сайте посетителей из поиска ещё выше и составляет почти 4 минуты. Рис. 9 – устройства, используемые посетителями для просмотра сайта Как видно, максимальный процент отказов имеют смартфоны (однако, и он лежит в пределах 25% нормы). Следует по возможности оптимизировать изображения на сайте и, возможно, включить сжатие файлов CSS и Javascript. Таким образом, серьёзных недостатков анализ поведения посетителей не выявил. Помимо подтверждения части небольших недостатков, выявленных в п.1, рекомендуется провести следующие работы: Привязать ссылки к иконбоксам на главной странице Обеспечить сжатие CSS, JS и HTML-кода Частный веб-вастер Кирилл Елисеев +7 (921) 353-09-30 riba_quit@mail.ru Аудит cайта http://normabrus.ru стр. 11 из 15 3. Поиск показательных кейсов в архиве «Вебвизора» Яндекс.Метрики) Отсмотр 100 посещений (как кратковременных, так и длительных) не позволил сделать какиелибо выводы. Частный веб-вастер Кирилл Елисеев +7 (921) 353-09-30 riba_quit@mail.ru Аудит cайта http://normabrus.ru стр. 12 из 15 4. Анализ источников посещаемости Рис. 10 – сводка источников посещаемости сайта Очевидно, что наихудшие показатели по каким-то причинам имеют прямые заходы на сайт (ввод адреса в строку браузера). Вероятнее всего, люди получают подсказку при вводе другого адреса, начинающегося на букву N. Возможно, это возвращающиеся повторно посетители. Так или иначе, этим видом трафика управлять невозможно и сказать про него что-либо конкретное так же невозможно. Частный веб-вастер Кирилл Елисеев +7 (921) 353-09-30 riba_quit@mail.ru Аудит cайта http://normabrus.ru стр. 13 из 15 Рис. 11 – число визитов на одного посетителя Очевидно, что почти половина посетителей возвращается на сайт. Это очень хороший показатель, который говорит о доверии посетителей к сайту. Обычно у корпоративных сайтов этот показатель колеблется в пределах 25-33%, цифра в 50% обычна скорее для интернет-магазинов. Таким образом, анализ источников посещаемости не позволил выявить каких-либо недостатков юзабилити. 5. Анализ сайтов конкурентов Мы взяли 20 сайтов, найденных в Топ-10 Яндекса по запросам, связанным с профилированным брусом, домокомплектами и банями из него. Адрес сайта конкурента Характеристика http://www.szdk.ru/ Сайт устаревший, нет мобильной версии http://les-spb.ru/ Сайт современный, но крайне простой. Есть мобильная версия. http://profibrus.ru/ Сайт устаревший, нет мобильной версии http://brus-ok53.ru/ Сайт устаревший, нет мобильной версии (однако, при небольших разрешениях сайт отображается неплохо, трудно сказать преднамеренно это или нет) http://pilomateriali-spb.ru/ Сайт устаревший, нет мобильной версии http://les-spb.com/ Сайт устаревший, нет мобильной версии (однако, при небольших Частный веб-вастер Кирилл Елисеев +7 (921) 353-09-30 riba_quit@mail.ru Аудит cайта http://normabrus.ru стр. 14 из 15 разрешениях сайт отображается неплохо, трудно сказать преднамеренно это или нет) гатчинскийбрус.рф Сайт устаревший, нет мобильной версии http://isk-bonus.ru/ Современный сайт, отвечает всем требованиям http://1brus.ru/ Сайт устаревший, мобильная версия есть http://elbruso.ru/ Сайт устаревший, мобильная версия есть http://strhaus.ru/ Сайт устаревший, нет мобильной версии http://stroycombiz.ru/ Сайт устаревший, нет мобильной версии http://www.prof-brus.ru/ Сайт современный, оформлен плохо, нет мобильной версии спкзагород.рф Сайт устаревший, нет мобильной версии http://brus-sdm.ru/ Сайт устаревший, нет мобильной версии http://skpel.ru/ Сайт устаревший, нет мобильной версии http://www.rusdom-spb.ru/ Сайт устаревший, нет мобильной версии http://baniwood.ru/ Сайт устаревший, нет мобильной версии http://tehnologiyaspb.ru/ Сайт устаревший, нет мобильной версии http://eko-spb.ru/ Сайт устаревший, нет мобильной версии Очевидно, что сайты конкурентов в целом довольно старые. Многие из них перенасыщены информацией. Несмотря на широкое распространение смартфонов и планшетов, мобильных версий практически ни у кого из конкурентов нет. Это, с одной стороны, осложняет конкуренцию с ними за позиции в поиске: старые сайты с большим объёмом текста имеют большое доверие со стороны поисковиков, чем молодые. Однако, ситуация постепенно меняется и использование современных технологий становится плюсом. Так же сайты конкурентов не выводятся в мобильном поиске Яндекса и Google. Таким образом, анализ конкурентов не позволяет выявить какие-либо недостатки сайта. 6. Вывод: Общий вывод аудита: сайт нуждается лишь в мелких доработках. Значительные недостатки отсутствуют. В ходе экспертного анализа сформулированы следующие замечания: Использовать MegaMenu (все уровни иерархии меню начиная со второго в одной выпадающей вкладке). Добавить в шапку описание сайта (в несколько слов длиной) и телефон компании. Частный веб-вастер Кирилл Елисеев +7 (921) 353-09-30 riba_quit@mail.ru Аудит cайта http://normabrus.ru стр. 15 из 15 Увеличить отступы в меню, добавить разделители. По возможности, придумать и внедрить более понятную структуру меню (предложения в п.1). Добавить в футер призыв к действию (общий для всех страниц) и другие элементы, повышающие глубину просмотра сайта и увеличивающие уровень продаж (совпадает с выводом анализа посещаемости). Устранить перечисленные в п. 1 мелкие недостатки. Пометить все ценные фотографии на сайте водяными знаками. Провести оптимизацию картинок, по возможности уменьшить общий вес страниц для улучшения показателей мобильных устройств (совпадает с выводом анализа посещаемости). Отодвинуть вкладку "Дом в кредит" от кнопки "вверх" (совпадает с выводом анализа посещаемости). В ходе анализа посещаемости сайта сделаны следующие выводы: По возможности привязывать к иконкам и заголовкам блоков текста с иконкой (т.н. "иконбоксов") ссылки на подходящие по логике страницы сайта. Отодвинуть вкладку "Дом в кредит" от кнопки "вверх" (совпадает с выводом экспертного анализа). Добавить в футер призыв к действию (общий для всех страниц) и другие элементы, повышающие глубину просмотра сайта и увеличивающие уровень продаж (совпадает с выводом экспертного анализа). Провести оптимизацию картинок, по возможности уменьшить общий вес страниц для улучшения показателей мобильных устройств (совпадает с выводом экспертного анализа). Экспертные доводы во многом совпадают с анализом посещаемости и поведения посетителей. В том числе, они совпадают в самом важном: значительных проблем с юзабилити у сайта нет, поведение посетителей это подтверждает фактическим образом. Анализы Яндекс.Вебвизора, источников посещаемости и сайтов конкурентов выводов о недостатках юзабилити сделать не позволяют, что так же косвенно говорит об отсутствии серьёзных проблем. Если при таких показателях посещаемости и поведения сайт не приносит заказы в большом количестве – следует работать над вопросами повышения конверсии.
