Юзабилити на скорую руку: 8 советов по улучшению сайта. Оптимизация дизайна сайта самому
8 быстрых советов по улучшению сайта
При планировании сайта многие пользователи стремятся придумать стильный, оригинально-выглядящий дизайн и подобрать самые эффектные фотографии. Но мало кто помнит об очень важном критерии оценки качества сайта – его юзабилити, или удобстве использования.
Юзабилити подразумевает не только простоту навигации по сайту. В идеальном варианте структура и содержание сайта должны быть удобными и легкими в использовании, чтобы не заставлять пользователей задумываться лишний раз. Ведь главная задача юзабилити — удержать клиента на сайте. Чем легче пользователю найти нужную ему информацию, тем больше шансов, что он перейдет из разряда посетителей в желанный разряд покупателей.
Если вы создали свой сайт на основе одного из шаблонов Wix, вы можете быть спокойны: у вас есть прекрасная начальная база, где все аспекты юзабилити были продуманы заранее. Но не стоит полностью расслабляться, ведь многие моменты в создании удобного сайта зависят исключительно от вас. Сегодня мы хотим поделиться несколькими простыми советами, которые помогут довести юзабилити вашего сайта до совершенства. На реализацию каждого из них у вас уйдет не более пары минут:
1. Улучшите читаемость текстов
Как гласит древняя мудрость: «Не делай ближнему того, чего себе не желаешь». Если вам когда-нибудь приходилось прищуриваться или присматриваться, чтобы разобрать, что же написано на странице сайта, вы поймете, что мы имеем в виду. Чтобы не попасть в разряд разработчиков, которые не задумываются о своих пользователях, позаботьтесь о том, чтобы никому не приходилось напрягаться при чтении текста на вашем сайте.
Читаемость текста зависит не только от выбора правильного шрифта, но и от его лингвистических характеристик. Этот бесплатный инструмент поможет вам оценить читаемость текста на вашем сайте. Просто введите URL-адрес сайта или отдельной страницы и нажмите «Рассчитать». В зависимости от оценки вы сможете решить, нужно ли вам оптимизировать тексты на сайте для вашей аудитории.
2. Логотип должен вести на главную страницу
Как вы наверняка уже знаете, логотип компании должен быть четко виден на каждой странице сайта и вести на его главную страницу. Это давно стало стандартом в веб-дизайне: логотип сайта должен быть кликабельным, даже если в меню уже есть кнопка, которая ведет на главную страницу. Многие посетители будут искать ссылку на главную страницу именно на логотипе, так что не стоит их разочаровывать.
3. Ссылки должны открываться в новой вкладке
Если вы используете ссылку на внешний сайт, сделайте так, чтобы она открывалась в новой вкладке. Таким образом вы не только сделаете навигацию более удобной, но и сохраните значительную часть трафика на вашем сайте. Исходная вкладка со страницей вашего сайта останется открытой, и посетитель сможет вернуться на нее в любой момент.
4. Добавьте слоган к названию сайта
Вы придумали отличное название для сайта или бренда? Замечательно! Теперь самое время добавить слоган, который пояснит раз и навсегда что данный сайт или компания делает. Сайт может выглядеть безупречно, но без четкого описания конкретной цели или рода деятельности, часть пользователей попросту не поймет, о чем идет речь. Короткая подпись в хедере сайта или на главной странице – это простой и эффективный способ удостовериться, что ваши посетители знают, где они оказались.
5. Ссылки должны выглядеть одинаково
Пользователи узнают ссылки по подчеркиванию или выделению текста другим цветом при наведении курсора. Какой бы способ выделения вы ни выбрали, придерживайтесь его на всем сайте. Использование различных эффектов может привести к тому, что посетители просто не заметят часть ваших ссылок.
6. Добавьте поисковую строку
Этот совет особенно пригодится тем, у кого на сайте много текстовой информации, которую можно быстро найти по ключевым словам. Не думайте, что пользователи готовы просмотреть весь сайт ради того, чтобы найти интересующую их информацию. Упростите их жизнь при помощи этой маленькой детали. Добавить поисковую строку на Wix-сайт можно при помощи приложения Site Search в Wix App Market.
7. Используйте якорные ссылки
Якорные ссылки представляют собой уникальный вид навигации по сайту, который позволяет пользователям попасть в интересующее их место на странице в один клик. Использование якорных ссылок особенно актуально на страницах с длинной прокруткой, где пользователям необходимо перемещаться все ниже и ниже, чтобы найти нужную информацию. Добавить якорные ссылки на сайт Wix очень легко, просто следуйте этой инструкции.
8. Протестируйте сайт на мобильном устройстве
Скажем прямо: в наше время сайт, который не был оптимизирован под мобильные устройства, не может считаться качественным с точки зрения юзабилити. Если вы все еще не протестировали ваш сайт на различных устройствах, займитесь этим как можно скорей (желательно, чтобы ваш сайт хорошо работал как на Apple, так и на Android). Посмотрите, чтобы все до конца загружалось, фотографии не были урезанными, а текст не выглядел чересчур длинным. Вы можете создать качественную мобильную версию сайта совершенно бесплатно с помощью мобильного редактора Wix. Как должна выглядеть идеальная мобильная версия сайта мы рассказываем в этой статье.
ru.wix.com
Как можно улучшить свой сайт? (юзабилити, поведенческие факторы, дизайн)
На определённом этапе жизни сайта, блога или Интернет-магазина, владелец задумывается об его улучшении. Это может быть связано с разными причинами: с целью увеличения дохода, при моральном устаревании сайта, просто по желанию, либо же после санкций поисковых систем. В любом из этих случаев, улучшение своего ресурса имеет одни и те же действия, ведь постулаты качественного сайта одинаковы, поэтому мы их мы и рассмотрим далее.
Для улучшения ресурса необходимо:
Улучшите поведенческие факторы
На сегодняшний день очень важную роль в поисковом продвижении сайтов играют поведенческие факторы, и это вполне логично. Если раньше на рост посещаемости и качество ресурса в видении Яндекса играли ссылки, а потом ещё и длинные уникальные тексты, то теперь одним из главных факторов в продвижении и ранжировании его в поисковых системах, являются его поведенческие факторы.
Поведенческие факторы – это действия пользователя на сайте: время пребывания, переходы по внутренним страницам, делятся ли пользователи ссылками на ресурс в социальных сетях, приходят ли повторно и т.п.
Для улучшения поведенческих факторов необходимо иметь красивый и удобный дизайн сайта, интересную, актуальную и полную информацию по теме статьи и т.п. Благодаря правильно продуманной навигации сайта и грамотной внутренней перелинковки статей, вы сможете увеличить количество переходов по страницам, рост показателя которых существенно улучшает уровень сайта в видении Яндекса.
Что касается серых методов накрутки поведенческих факторов, то они распознаются Яндексом и, в конце концов, только навредят ресурсу, причём такие действия могут и вовсе оказаться фатальными для ресурса.
Усовершенствуйте юзабилити сайта
Неотъемлемой частью улучшения сайта является и юзабилити. Юзабилити сайта также относится к факторам, которые, так или иначе, влияют на ранжирование.
Юзабилити сайта (удобство его использования) – это совокупность факторов внешнего вида: красивый дизайн, читабельный текст, наличие исчерпывающей информации в статье, ненавязчивость рекламы и т.п.
Опять-таки мы видим, что это всё вполне естественные и логичные факторы, которые в представлении любого вебмастера являются неотъемлемой частью качественного сайта. О дизайне сайта мы расскажем ниже, а других аспектов поверхностно коснёмся тут.
Что касается читабельности текста, то он должен быть чёрного цвета, на белом, а лучше на сером фоне. Контраст белого с чёрным — самый лучший, пользователю будет удобно читать материалы на вашем сайте, а если фон будет серым, то у посетителя не будут болеть при этом глаза. Статья должна включать в себя исчерпывающую информацию, причём это должен быть не только текст, используйте заголовки, маркеры и т.п. Включайте в свои статьи картинки, они облагораживают статью, благодаря чему она становится более красивой и её удобнее читать. Также вы можете использовать инфографику и видео, что очень удобно для посетителей и весьма положительно воспринимается поисковиком.
Отдельно хотим коснуться рекламы на сайте. Иногда, в погоне за деньгами, вебмастера забывают об удобстве пользователей и начиняют свой ресурс огромным количеством рекламы. Это, конечно же, негативно сказывается на удобстве посещения ресурса, особенно если реклама не контекстная, а включающая баннеры, всплывающие окна и т.п. За такое Яндекс наказывает.
Изменить внешний вид сайта
Самым главным преобразованием сайта — будет изменение его дизайна. Изменения необходимо производить с учётом вышеупомянутого, чтобы наряду с визуальным преобразованием ресурса улучшить поведенческие факторы и юзабилити.
Вы можете воспользоваться как шаблоном, если CMS сайта поддерживает данную возможность, но лучше всего заказать уникальный дизайн. Профессионалы в данной области постараются внедрить все ваши пожелания, при этом будут опираться на то, о чём мы говорили выше. Дизайн, конечно, в несколько раз дороже шаблонов, но и его уникальность, внедрение ваших индивидуальных предпочтений — даст больший эффект.
Думаю, не нужно говорить, что от оформления сайта зависит время пребывание посетителей на сайте, внутренние переходы, кликабельность по рекламе и прочие сопутствующие факторы.
Придерживайтесь общих рекомендаций
Сайты
Для улучшения своего ресурса рекомендую установить кнопки социальных сетей, чтобы пользователь мог поделиться ссылкой на вашу статью на своей страничке в социальной сети. Это будет вдвойне полезно: во-первых, таким образом, на данную статью могут прийти друзья и подписчики данного человека, а во-вторых, дополнительные ссылки и упоминание вашего ресурса в социальных сетях положительно скажется на его репутации у поисковиков.
Наличие комментариев к статье достаточно положительный фактор. Модерируйте комментарии: очищайте их от спама, нецензурной лексики и от «воды». Если вы будете ещё и отвечать на комментарии, то это вообще замечательно, особенно это просто необходимо для блога.
Блоги
Раз уж коснулись блогов, то тут также есть несколько рекомендаций. Старайтесь писать часто, но только от души, а не просто так, потому что давно не обновляли блог. Проводите конкурсы, дружите с другими блогерами, упоминая их.
Активно пиартесь в социальных сетях, так вы можете удерживать свою постоянную аудиторию: общайтесь с подписчиками, информируйте их о новых постах и т.п.
Интернет-магазины
Ну и напоследок дадим парочку советов владельцам Интернет-магазинов. Для улучшения ресурса вводите скидки, например предпраздничные или сезонные, также поощряйте постоянных клиентов. Вообще, анализируйте конкурентов, у них вы можете подчерпнуть интересные идеи и для своего проекта.
Добавьте корзину пользователя, в которую он добавит интересующие его товары. Кроме того, вы можете добавить функцию желаемых товаров, где пользователь будет добавлять те товары, которые хотел бы купить, а вы в свою очередь, будете владеть полезной информацией, на основе которой сможете проводить акции со скидками на определённые группы товаров. Внизу сайта можно добавить перечень недавно просмотренных пользователем товаров. Обязательно указывайте цену товара и его наличие на складе, прилагайте фото и по возможности видео.
Список контактов и онлайн-консультант отлично улучшат ваш ресурс, дабы пользователь мог оперативно получить ответ на интересующие его вопросы и вы не потеряли его.
Желаем удачи в продвижении и улучшении своих веб-проектов!
blogwork.ru
100 идей для улучшения вашего сайта — Devaka SEO Блог
Вы застряли на месте и уже не знаете, как ещё можно улучшить свой сайт? Проверьте эти пункты, возможно они дадут вам несколько дополнительных идей и загрузят работой на ближайший месяц.
Что можно сделать для улучшения своего сайта
Новые страницы и разделы
Мета-теги и разметка
16. Прописать уникальные заголовки страниц17. Прописать уникальные мета-описания18. Добавить микроразметку Schema.org19. Сделать запоминающуюся фавиконку20. Добавить мета-теги Open Graph для соцсетей
Контент сайта
21. Добавить тексты на страницы, где их нет22. Создать из портянок текста структурированный контент23. Исправить в текстах опечатки, грамматические и орфографические ошибки24. Оттипографировать текст25. Описать товар подробней26. Сфотографировать товар в хорошем качестве, выложить фотки на карточку27. Прописать альты ко всем картинкам28. Сделать открытие изображений плавным при клике29. Сделать открытие исходящих ссылок на внешние ресурсы в новом окне30. Добавить видео-обзор продукта
Объем страниц и скорость загрузки
31. Оптимизировать HTML-код, удалить лишнее32. Проверить страницы сайта HTML-валидатором, исправить ошибки33. Ускорить загрузку страницы, использовать кеширование34. Оптимизировать изображения. Графику из дизайна вынести в CSS-спрайты35. Переехать на более надежный и быстрый хостинг36. Добавить мобильную или адаптивную версию сайта37. Сравнить скорость загрузки своих страниц и сайтов конкурентов, найти и исправить у себя слабые места
Структура и функционал сайта
38. Сделать оптимальные и удобные ЧПУ адреса39. Добавить рекомендательные блоки навигации40. Добавить хлебные крошки41. Использовать контекстные ссылки, если они уместны42. Добавить форму поиска на сайт43. Усовершенствовать поиск по сайту, чтобы он работал с морфологией44. При пустом результате поиска выдавать пользователю советы по расширению условий поиска45. Добавить кнопки “поделиться” (в соцсетях или с друзьями по почте)46. Добавить сквозные блоки (виджеты) “мне нравится” от соцсетей47. Если на сайте имеются статьи, добавить блок самых популярных статей или самых комментируемых48. Добавить возможность комментировать (товары, статьи, новости)49. Сделать комментарии древовидными, если они у вас сплошные50. Добавить аватарку к комментариям через сервис Gravatar51. Убрать капчу, если пользователю надо заполнить форму52. Запоминать некоторую информацию пользователя, которую он вводит в форму, чтобы подставлять ему эту информацию автоматически53. Убедиться, что вы не сохраняете конфиденциальную информацию, которая может “утечь”54. Добавить сортировку товаров, представленных элементов55. Добавить несколько валют56. Добавить на сайт еще одну или несколько языковых версий57. Добавить дату для статей/новостей, а также указать автора58. Для статей сделать возможность отправки на печать59. Сделать логотип кликабельным, и ведущим на главную страницу сайта60. Сделать красивую и функциональную 404 страницу
Удобство использования
61. Сделать меню более удобным – чтобы было видно, где находишься и что еще можно выбрать, оставить только важные элементы62. Проверить функции сайта, что они работают корректно63. Добавить быструю прокрутку наверх, если страница очень длинная64. Если что-то всплывает на сайте, убедиться в том, что оно не раздражает пользователя и не закрывает важные элементы65. Сделать подробной страницу контактов66. В качестве карты проезда использовать интерактивную карту от Яндекса или Google67. Посмотреть, как улучшают сайт другие похожие ресурсы, взять у них идеи68. Добавить онлайн-консультант69. Зарегистрировать бесплатный телефонный номер 8 800 и разместить его на сайте70. Провести а/б-тестирование, чтобы понять, что лучше воспримут пользователи71. Проанализировать карту кликов и исправить найденные ошибки или оптимизировать навигацию72. Проанализировать отчеты вебвизора, чтобы понять, с какими проблемами сталкиваются посетители сайта, разработать стратегию оптимизации73. Проверить отображение сайта на разных устройствах и браузерах, убедиться, что он хорошо отображается и важная информация не закрывается такими элементами, как онлайн-консультантом или плавающим блоком “поделиться”.74. Проконсультироваться с юзабилистом, попросить советов по улучшению удобства использования сайта75. Посадить за компьютер свою маму и попросить, чтобы она выполнила какую-то задачу (купила товар, нашла и прочитала статью, и так далее), посмотреть, с какими трудностями она столкнется
Техническая оптимизация
76. Зарегистрировать сайт в панели для вебмастеров77. Убедиться, что несуществующие страницы выдают 404 ошибку78. Проверить сайт на битые ссылки и исправить их79. Проверить, какие поддомены присутствуют в индексе, закрыть ненужные/тестовые от индексации80. Убрать малоинформативные страницы81. Создать sitemap.xml и указать важные для индексации документы82. Создать robots.txt, где запретить доступ к ненужной роботу информации на сайте (тестовые поддомены, серверные логи)83. Оформить ssl-сертификат для домена, настроить его84. Проверить загрузку страницы с отключенным JavaScript85. Проконсультироваться с оптимизатором, попросить советов по оптимизации сайта под поисковые системы
Пиар/раскрутка сайта
86. Добавить сайт в Яндекс.Каталог и DMOZ87. Организовать ежемесячную рассылку полезных материалов и сделать форму подписки88. Найти человека в сети, который нуждается в вашей помощи и помочь ему89. Найти в сети, кто упоминает вас или ваш сайт, дать о себе знать для повышения репутации90. Найти партнеров, с которыми будет полезно обмениваться аудиторией, предложить сотрудничество91. Организовать конкурс, задействовать все каналы для анонса92. Напишите гостевые статьи для других площадок93. Организуйте мероприятие, дайте пресс-конференцию для СМИ94. Повышайте авторитет и рейтинг не только вашего сайта, но и тех, где о вас или ваших услугах пишут (группы в социальных сетях, новости в СМИ, ветки на форумах)95. Зарегистрируйте сайт в каталогах организаций и бизнес-справочниках96. Добавьте компанию на карты Яндекса и Google97. Разместите на сайт чат, где посетители могут знакомиться и общаться друг с другом98. Отправьте журналиста на конференцию или семинар/встречу, чтобы он написал для вашего сайта интересный репортаж с фотографиями99. Упоминайте в статьях лидеров мнений в вашей теме, а также блоггеров и их сайты100. Напишите список из 100 полезных пунктов и поделитесь им с читателями
Дополняйте этот список по улучшению сайта в комментариях своими пунктами.
devaka.ru
| Как известно, коммерческий успех (эффективность) сайта зависит от множества факторов, как внешних, так и внутренних. Если по каким-то причинам эффективность работы сайта ниже ожидаемой, то можно попытаться повлиять на эти факторы. На практике повышение эффективности работы сайта стало известным как улучшение сайта. Человеку, который не специализируется на разработке веб-сайтов, сложно определить, почему сайт не работает или же работает не так, как ожидалось. Поэтому обязательно нужен комплексный профессиональный анализ работы сайта, который поможет выявить возможные ошибки и погрешности, препятствующие получению с сайта коммерческой выгоды. На основе результатов проведенного анализа затем составляется план работ по улучшению сайта. Эти работы могут быть самыми разными: от оптимизации текста каждой «проблемной» страницы до изменения дизайна страниц или даже глубокого редизайна сайта. При этом обычно все работы по улучшению сайта принято делить на несколько направлений, в зависимости от того, какие элементы сайта нуждаются в изменениях. Например, к направлению «юзабилити» относятся работы по улучшению доступности сайта для посетителей. В такие работы может быть включено изменение логотипа сайта, редактирование внешнего вида ссылок для повышения их видимости, повышение читабельности текста за счет изменения размера, цвета или гарнитуры шрифта. В направлении «SEO», как правило, фигурируют работы, связанные с внутренней оптимизацией сайта для продвижения в поисковых системах. К примеру, это может быть оптимизация мета-тегов страниц сайта, оптимизация заголовков, ключевых слов и внутренних ссылок на страницах и т. д. Направление «Веб-разработка» в комплексе работ по улучшению сайта подразумевает внесение изменений непосредственно в функционал сайта. К данному направлению можно отнести работы по повышению кроссбраузерности сайта, исправлению ошибок в работе компонентов и модулей сайта, добавлению новых функций на сайт, способствующих повышению его эффективности. В направление «Контент» включаются работы, направленные на улучшение содержимого страниц сайта. В перечень подобных работ может входить изменение текста отдельных страниц сайта, для того чтобы отображаемые на этих страницах данные были актуальными, а также изменение текста тех страниц, которые, согласно результатам анализа, не выполняют возложенных на них задач. Полный перечень необходимых для улучшения сайта работ, конечно же, не исчерпывается описанными выше вариантами. Каждый сайт индивидуален, как индивидуальны и его цели, поэтому только строго индивидуальный подход в определении наиболее подходящего комплекса работ, направленных на улучшение сайта, действительно поможет повысить эффективность работы сайта и тем самым повысить и прибыль, которую сайт приносит. Студия веб-дизайна WebStudio2U предлагает комплексные услуги по улучшению сайтов, включающие редизайн, поисковую оптимизацию, написание новых или оптимизацию старых текстов для сайта, оптимизацию программного кода сайта и т. д. Перед началом выполнения любых работ формируется подробное техническое задание, которое не только служит для оценки качества оказанных услуг, но и помогает наиболее точно сформулировать задачи, что необходимо решить с помощью улучшения сайта. Обращайтесь за профессиональной помощью по улучшению вашего сайта в нашу веб-студию WebStudio2U прямо сейчас! Теги:улучшение сайта, редизайн сайта, оптимизация сайта, студия веб-дизайна, веб-студия, веб-разработка |
webstudio2u.net
Как обращаться с данными, чтобы улучшить дизайн сайта и производительность
Эффектный дизайн имеет решающее значение для бизнес-целей веб-сайта. Так же, как привлекательные люди, как правило, получают больше внимания, сайт с хорошим дизайном имеет больше шансов передать свое сообщение и направить пользователей к желаемым результатам. В большинстве случаев, владельцы веб-сайтов считают, что то, что им нравится – приятно для пользователей. Однако, это не означает, что пользователи согласны.
Для того чтобы веб-дизайн считался по-настоящему эффективным, аналитические данные должны подтверждать запросы. Интернет является одним из тех редких мест, где художественные штрихи могут быть измерены суровыми цифрами. Элементы дизайна могут быть проверены, оценены и улучшены для того, чтобы понять вкусы пользователей.
Если вы когда-нибудь задумывались, почему Apple и Google занимают ведущие позиции в дизайне, это не только потому, что они могут нанять самых талантливых людей. Большая часть их успеха заключается в упорстве тестирования каждого элемента дизайна. К счастью, вам не нужно быть мега корпорацией, чтобы делать то, что делают оба этих предприятия. С помощью простых инструментов, немногих усилий и без затрат, вы можете начать совершенствовать вид вашего сайта для улучшения показателей юзабилити и конверсии.
Оценивание элементов веб-дизайна
Эффектный дизайн должен придерживаться основных принципов, которые улучшат сайт. Согласно WebProNews, есть четыре элемента, которые всегда должны быть приняты во внимание при разработке сайта. Это:
1. Ясная цель
Каждый сайт должен посылать пользователям сильное, но скрытое сообщение. Будь то просмотр товара или предложение принять участие в обсуждении, каждая страница должна отражать мотив, который выгоден как для посетителя, так и для владельца сайта.
Дизайн сайта должен служить руководящей силой для целей сайта – это должно помочь развить увеличение конверсии.
Метрики для рассмотрения
Следующие показатели могут помочь вам определить, выражает ли ваш сайт четкую цель или отгоняет пользователей смутными мотивами:
- Показатель отказов – в традиционном маркетинге говорят, что сбитый с толку человек всегда откажется. Применяя это к веб-дизайну и юзабилити, запутанный посетитель всегда нажмет на кнопку “назад” в браузере. По мнению аналитика Авинаш Каушик, показатель отказов – самая чувственная метрика всего цифрового маркетинга.
Отказ происходит, когда пользователь заходит на одну из ваших страниц и возвращается к ссылающейся странице без каких-либо кликов. Это предполагает, что желание пользователя, скорее всего, было не удовлетворено, и пользовательский опыт в значительной степени не был осуществлен. Если ваш сайт имеет показатель отказов 60% или выше, это должно быть причиной для беспокойства. Это признак того, что ваш дизайн, ваше послание или оба возможно сбивают с толку.
Показатель отказов – это процент посетителей сайта, от общего количества посетителей, которые зашли на страницу, после чего покинули сайт. Практически каждая аналитическая платформа предлагает данные о показателе отказов для всего сайта или для каждой страницы. В Google Analytics, ваш показатель отказов является одним из первого, что можно увидеть в приборной панели.
- Коэффициент конверсии – конверсия происходит, когда цель сайта достигнута. Это может быть посещение страницы, сделка, подписались на рассылку, телефонный звонок, и т.д. Таким образом, ваш коэффициент конверсии – это отношение числа посетителей, которые совершили предложенное на целевой странице желаемое действие к общему числу посетителей, выраженное в процентах.
Неясные цели могут понизить уровень конверсии. Четкая подача материала и продуманный дизайн, который не отвлекает внимания, может помочь конверсии. Если коэффициент конверсии вашего сайта составляет менее 2%, вы захотите пересмотреть дизайн сайта и посмотреть поможет ли это вашим целям и задачам.
2. Контент
Контент напрямую связан с пользовательским опытом. Будь то текст, видео, аудио или изображения, он должен быть правильно выложен или оформлен, чтобы привлечь наибольшее участие вашей аудитории. При надлежащей поддержке хорошего дизайна, контент легче понять. Наоборот, плохой дизайн может ограничить способность контента влиять на пользователей и расширить работу вашего сайта.
Метрики для рассмотрения
Большинство аналитических платформ предложит вам обилие данных, которые дадут вам идеи о том, как выглядит ваш контент. Вот другие показатели, которые подскажут, как представить контент по отношению к дизайну:
- Средняя продолжительность времени на странице – длительность пребывания пользователей на ваших страницах является показателем уровня их занятости. Плохой дизайн может способствовать стремлению выйти со страницы. Если обычный пользователь тратит в среднем меньше, чем две минуты на посещение ваших страниц, вы немедленно захотите разобраться в чем дело.
- Среднее время на статистике сайте/страницах можно узнать на Google Analytics и в большинстве других платформ. В самом деле, вы можете найти эту метрику на основной панели GA. Для того, чтобы узнать среднее время посещения страниц, вы можете перейти к разделу GA “Site Content” и получить отчеты всех ваших страницах, чтобы увидеть, какие из них являются неэффективными. И вы сможете обозначить общие закономерности, которые могут помочь вам решить проблемы дизайна.
- Показатель выходов – какие страницы на вашем сайте, провожают большинство посетителей, когда они не должны быть конечной остановкой в последовательности действий? Этот показатель поможет вам узнать. В Google Analytics “Site Content” вы можете классифицировать страницы сайта в соответствии с тем, которые из них способствуют выходу пользователей с сайта. Страницы с аномально высоким уровнем выхода должны быть исследованы для возможного улучшения дизайна, которые могут остановить посетителя.
3. Удобство навигации
Удобство навигации определяется тем, как быстро пользователь может просматривать сайт, чтобы найти то, что он или она хочет видеть. Использование меню, поиска и категорией будут способствовать лучшей навигации. В идеале, пользователь не должен совершать более чем четыре клика, чтобы попасть из домашней страницы в страницу, которая осуществит его запрос. Все остальное, как правило, означает, что ваш навигационный дизайн нужно улучшить.
Джефф Сауро из MeasuringU написал отличный пост о том, на что вы должны обратить внимание при попытке оценить производительность навигационной схемы. К этому относится:
- Показатель поиска/Показатель выполнения работы
- Время, требуемое на поиск
- Изменчивость во времени поиска
- Первый клик
- Путь к успеху
- Уверенность
- Сложность:
- Самые сложные элементы
- Первый путь к успеху/второй путь к успеху
- Причины сложности
Вы можете прочитать определение каждого в посте, указанном выше, а также советы о том, как собрать данные для них.
Если вы ищете аналитические отчеты о навигации, которые легче понять, посмотрите Google Analytics’ Navigation Summary. Это сокровище можно найти в Behavior>Site Content>All Pages в GA. Это показывает, как посетители переходят из одной страницы на другую, так что вы можете получить представление о том, на каких страницах хорошая навигация, а на каких нет.
Целью является, в конечном счете, убедиться, что ваш дизайн облегчает перемещения пользователей и обнаружение страниц, удовлетворяющих намерения пользователя. Чем быстрее и легче будет навигация, тем больше станет конверсия.
4. Визуальная привлекательность
Визуальная привлекательность относится к тому, как сайт целостно оказывает влияние на посетителя. Большинство людей согласны, что визуальная привлекательность сайта создают проект, цветовая схема, строение, шрифты, и использование СМИ. Это также часть, которая является наиболее субъективной из четырех принципов, составляющих качественный сайт. Это значит, что это область, где должны проходить тестирования и анализ, чтобы увидеть, какая схема радует большинство посетителей.
По большей части, есть два типа тестирования для выявления наилучших визуальных элементов дизайна сайта. Это:
- A/B тестирование – в веб-дизайне и маркетинге, A/B тестирование это эксперимент, проведенный для определения, какой из двух вариантов получает лучший отклик от небольшой аудитории. Например, если вы выбираете между двумя цветами кнопки “призыв к действию”, вы проводите такой тест, чтобы увидеть, какой из них получит больше положительных отзывов.
То же самое может применяться к таким элементам, как шрифты. Если вы хотите знать, какой из двух шрифтов способствует большей читабельности, вы можете запустить этот тест. Среднее время на страницах и Прокрутите вниз ставок некоторые из статистике вы хотите проверить.
Google Website Optimizer является отличным инструментом для A/B тестирования. Он бесплатный и понятен даже новичкам.
- Многовариантное тестирование – если A/B тестирование расскажет вам, какие выбрать элементы, многовариантное тестирование покажет вам, какая комбинация элементов способствует идеальному поведению пользователей. Подходит ли цвет кнопки к вашему фону и стилю шрифта? Пусть пользователи дадут вам самые честные ответы.
Как A/B тестирование, Google Website Optimizer является отличным инструментом для этого типа теста. VWO и Optimizely также хороши.
Инструменты, помогающие улучшить веб-дизайн и производительность
Планирование и выполнение модификаций могут быть непростой задачей, но это не должно означать, что вы должны начать с нуля. Ниже перечислены инструменты, которые могут помочь вам начать работу.
Постановка и сопровождение целей
Постановка целей является неотъемлемой частью в усовершенствовании веб-дизайна, а также отслеживание их. Google Analytics предоставляет полное устройство создания целей для изменений, которые вы собираетесь применить. С GA, вы можете придумывать цели, задавать значения, записывать свой статус, и обмениваться этим. Вы также можете использовать Goals on Track, альтернативной аналитической платформы для постановки целей и мониторинга.
Сайт и скорость страниц
Изменения, которые вы будете осуществлять на вашем сайте и веб-страницах, скорее всего, повлияют на скорость загрузки. Вы можете контролировать эти два вида деятельности, используя Pingdom, инструмент, который расскажет вам, насколько быстро загружается ваш сайт, и PageSpeed, инструмент, который создал Google в помощь анализирования скорости загрузки ваших оптимизированных веб-страниц.
Теплокарта
Теплокарты на вашем сайте позволят вам определить деятельность ваших посетителей, например, кликов и прокруток. Она расскажет вам, какие области сайта больше посещаются, а какие меньше. Ответы на эти вопросы помогут в аспектах вашего веб-дизайна. Такими инструментами являются Crazy Egg и Inspectlet.
Кодирование cheat sheet
Кодирование, вероятно, одна из самых трудоемких задач, когда дело касается реализации изменений веб-дизайна. К счастью, подробные руководства, такие как jQuery, CSS, HTML5 и Javascript доступны программистам.
Итог
В конечном счете, веб-дизайн непрерывно развивается. На начальных стадиях нужно быть артистичным, но аналитика и тестирование должны питать процесс оптимизации. Нужно уметь различать, что красиво выглядит, а что хорошо работает, а еще лучше разбираться в цифрах, которые уж точно не введут вас в заблуждение.
17-03-2016
lpgenerator.ru
