— Блог об интернет деятельности и финансовой независимости —. Улучшение юзабилити сайта


10 советов по улучшению юзабилити сайта

Идеально, если хорошее юзабилити сайта продумано и реализовано на этапе создания нового ресурса. Но действительность далека от идеала, поэтому практически всегда приходится на ходу исправлять ошибки, а иногда и переделывать с нуля. Если вы ищете способы улучшить юзабилити сайта — наша сегодняшняя статья для вас.

10 советов по улучшению юзабилити сайта

Первое, что вам пригодится, если сайт у вас уже есть, – это проверка юзабилити сайта. В этом тексте мы расскажем о базовых вещах, которые необходимо учесть, чтобы с максимальной вероятностью превратить посетителей вашего сайта в покупателей ваших товаров или услуг.

Наши советы по улучшению юзабилити сайта, с одной стороны, очевидные. А с другой стороны — не так много сайтов в рунете, которые отвечают всем этим требованиям:

1. Скорость загрузки страниц.

Современный пользователь живет в спешке. Если ваш сайт открывается дольше 2-3 секунд, человек скорее всего не будет ждать, закроет вкладку и уйдет к конкуренту. Поэтому позаботьтесь о том, чтобы такая мелочь, как медленная загрузка, не зарубила на корню всю остальную работу по продвижению сайта в интернете.

2. Простота и удобство меню и навигации.

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

3. Доступность контактной информации.

Удивительно, но в 2017 году у крупных компаний бывают сайты без номера телефона на главной странице.

10 советов по улучшению юзабилити сайта

Еще удивительнее, что номер телефона в приведенном примере не виден даже при переходе на вкладку «Контактная информация». Вы же понимаете, что на главной странице нужно указывать телефон и e-mail либо форму для отправки заявки через сайт? Кнопка «Заказать обратный звонок» еще больше увеличит вероятность того, что потенциальный клиент с вами свяжется.

4. Лаконичность дизайна, стильное визуальное оформление.Если ваш сайт выглядит так, как выглядели сайты в начале 2010-х, вряд ли имеет смысл рассчитывать на доверие потенциальных покупателей. Тренды веб-дизайна меняются очень быстро. Важно их знать и им соответствовать.

5. Отсутствие или минимальное количество рекламных баннеров и анимации.Раньше работал принцип: чем больше яркого и движущегося — тем круче. Сейчас ровно наоборот. Большие баннеры и навязчивая анимация только раздражают.

10 советов по улучшению юзабилити сайта

6. Читабельность шрифтов.Отдельное внимание стоит уделить тому, насколько легко читаются тексты на сайте. Избегайте креатива в этом вопросе: не пишите желтым на красном, не используйте 3 типа и 5 размеров шрифта на одном экране.

7. Грамотность текстов.Помимо того, что тексты должны хорошо выглядеть, они должны быть хорошо написаны. Тексты с ошибками у грамотных людей вызывают как минимум недоумение.

Попробуйте свои силы в 10-дневной бизнес-игре «Твой Старт», в которой Вы начнете зарабатывать на своем деле, используя свои таланты и сильные стороны!

8. Показ похожих статей.Отвечая на вопрос о том, как повысить юзабилити сайта, задумайтесь: что еще может быть интересно человеку, который изучает эту информацию? Давайте ссылки на материалы по смежным темам.

Как правильно сделать главную страницу сайта

9. Поиск по сайту.Позвольте пользователям искать информацию на вашем сайте по ключевым словам. Это пригодится и информационному порталу наподобие нашего, и интернет-магазину. Сделайте поиск доступным с любой страницы сайта. Это увеличит среднее время пребывания на вашем портале и повысит лояльность потенциальных покупателей.

10. Адаптация к мобильным устройствам.Если веб-версия вашего сайта сделана великолепно, а на смартфоне нужно вручную увеличивать текст, чтобы хоть что-то прочитать, вы никогда не победите в схватке с более продвинутыми конкурентами. Сейчас чуть ли не половину коммерческих запросов люди вводят через мобильные устройства, и иметь дизайн сайта, не адаптированный для мобильных – преступление против собственного бизнеса. Поэтому если вы еще не обзавелись мобильной версией, начните улучшение юзабилити сайта именно с этого.

10 советов по улучшению юзабилити сайта

Пару минут назад не знали как улучшить сайт компании? Теперь вы сможете сделать первые шаги для улучшения юзабилити сайта и в ближайшее время получить видимые результаты. Если этих 10 пунктов для работы над сайтом вам недостаточно, переходите по ссылке и скачивайте чек-лист «Проверка сайта на юзабилити».

Надеюсь, вам понравились наши советы по улучшению юзабилити. Если это так, то жмите «Мне нравится»!

bizcase-lab.ru

15 шагов по улучшению юзабилити / Хабр

Встречают по одёжке, провожают по уму. Эта старинная поговорка говорит, помимо прочего, о важности первого впечатления. Это верно не только для людей, но и для программных продуктов — веб-сайтов и мобильных приложений. Одним из важнейших моментов формирования привлекательности сетевого проекта является удобство его использования — юзабилити. И когда человек впервые знакомится с каким-то сайтом или приложением, то первые впечатления зачастую определяют, будет ли он возвращаться к этому продукту снова и снова. Иными словами, юзабилити — одно из ключевых свойств сайта, формирующих (или разрушающих) аудиторию. Давайте рассмотрим некоторые распространённые и часто упускаемые из виду сценарии поведения пользователей, а также способы улучшения юзабилити на наиболее важных стадиях взаимодействия с вашим веб-сайтом или мобильным приложением.

Ясное и осознанное взаимодействие

1. Выбирайте размеры шрифтов
Люди всё больше сёрфят по сети с помощью мобильных устройств, и для некоторых сайтов мобильная версия стала основной. А это диктует свои требования к размеру шрифтов, ведь экраны смартфонов и планшетов гораздо меньше, чем обычные мониторы и ноутбуки. Распространение адаптивного дизайна сыграло большую роль в привлечении внимания к проблеме шрифтов.

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

2. Пишите информативные сообщения об ошибках
Многие пренебрегают подбором формулировок для сообщений об ошибках, считая их чем-то вторичным. Разработчики обычно знают, как избегать неправильных действий в своих продуктах, и потому редко сталкиваются с подобными сообщениями.

Но настоящие пользователи не могут этим похвастаться.

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

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

Удобство форм ввода

3. Упростите требования к паролям

Сегодня принято требовать от пользователей создания сложных паролей. Но это нужно делать позитивно, с ободряющей помощью, а не в виде непреодолимого сурового условия. Многие формы ввода выглядят очень красиво, но при этом совершенно неудобны. Хотя удобство этого элемента интерфейса может иметь решающее влияние на успешность всего продукта. Неудачные решения могут оттолкнуть пользователей уже на стадии ввода логина-пароля, или во время оформления заказа. Поэтому необходимо уделять пристальнейшее внимание удобству пользования формами.

К примеру, исторически сложилось так, что поля выбора (select box) трудно поддаются стилизации. В большинстве случаев разработчики стараются скрыть стандартные объекты и клонировать их в виде более подходящих DOM-элементов. При этом данные из «клонов» передаются на вход оригинальных элементов.

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

Например, пользователи Windows Mobile ожидают, что при выборе выпадающего меню список вариантов открывается на весь экран, отдельно от самого поля. В то время как пользователи Android ожидают увидеть модальное окно. И если в угоду своим дизайнерским идеям вы не оправдаете подобных ожиданий, то пользователи могут совсем не оценить ваших решений. Вероятнее всего, им будет труднее работать с вашим продуктом, что негативно скажется на их впечатлении. Иными словами, изменяя дизайн стандартных элементов вы создадите больше проблем, чем решите.

4. Используйте правильные формы ввода
Многие советуют использовать форматирование данных в полях ввода. Например, если добавить input[type="email"], input[type="tel"], то при вводе автоматически переключается раскладка. Однако выглядит это странно и вовсе не помогает, а мешает в заполнении формы.

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

Использовать разные типы ввода в HTML 5 целесообразно лишь тогда, когда полей на экране как можно меньше. Хороший пример — двухфакторная аутентификация Google: здесь лишь одно поле, в которое можно ввести только цифры. Тут будет очень уместным автоматическое переключение на цифровую раскладку.

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

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

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

6. Дьявол в деталях
Всевозможные мелочи могут сыграть большую роль в облегчении освоения вашего продукта. Например, привычный стандартный курсор в первом же поле ввода позволит быстрее и безболезненнее погрузиться в интерфейс. В идеале, пользователь должен на «автопилоте» перемещаться по сайту или приложению.

Отсутствие у новых пользователей опыта работы с вашим продуктом выражается в том, что какие-то функции могут вызывать серьёзные затруднения. Вспомните Скрепку из Microsoft Office, которая внезапно вылезала и предлагала свою помощь, что больше раздражало.

Режиссирование успешного первого опыта использования сродни ходьбе по канату — очень трудно всё сделать правильно, но если у вас получается, то с лихвой вознаграждается пользовательским признанием. Например, проект Stumbleupon очень удачно обучает новичков своим основным возможностям.

Хорошим решением может быть встраивание процесса обучения в обычную процедуру использования продукта. Допустим, при выполнении архивирования писем в почтовом приложении можно выдавать сообщение «А вы знаете, что можно запускать архивирование с помощью Ctrl + K?». Такой подход позволяет обучать пользователей гораздо мягче по сравнению с традиционными уроками в стиле «обзор всего приложения».

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

Например, привязка банковской карты или предоставление электронной почты для многих пользователей является довольно спорными моментами. И если вы не представляете некий проверенный временем, уважаемый бренд, то люди всегда будут опасаться предоставлять вам подобную информацию. Микрокопии могут помочь в работе с сомнениями пользователей

8. Всегда обеспечивайте наличие контекста
Пользователи ненавидят отсутствие контекста. Учитывая, с каким информационным потоком им постоянно приходится справляться, люди стараются абстрагироваться от всего лишнего на экране и сосредоточится на конкретных вещах. Когда в моду вошёл бесконечный скроллинг, многие сайты столкнулись с одной проблемой: стоило пользователю по ошибке кликнуть куда-нибудь, и текущая позиция сбрасывалась. Особенно неприятно это бывает в тех случаях, когда человек пролистал содержимое сайта очень далеко вниз. Уже после пяти прокрученных экранов случайный клик может стать причиной раздражения.

Большинство сайтов сегодня решают это проблему с помощью модалов (modal) и прочих схем, характерных для одностраничных приложений. Например, в Pinterest при клике на плитку открывается не новая страница, а модал. Это позволяет изучить подробности той или иной записи, не теряя текущую позицию и не ожидая загрузки новой страницы.

В мобильном приложении Facebook используется такой же подход: если нажать на фотографию в альбоме, то она загрузится в полноэкранном модале. Это выглядит почти так, как если бы открылась новая страница, но при нажатии кнопки «Назад» вас аккуратно возвращают к контексту.

Крайне популярный сегодня material design от Google вывел на новый уровень использование анимации для обеспечения контекста. Нажатие на объект запускает анимированное перетекание из текущей страницы к подгружаемой информации об объекте. Это наглядно показывает логические взаимосвязи, откуда что проистекает и куда пользователь вернётся.

Хотя было бы ещё лучше, если бы при возврате отображалась аналогичная анимация. Хорошим примером является работа с уведомлениями на Stackoverflow. При нажатии на сообщение вы попадаете на соответствующую страницу, причём вас переносят сразу к нужному контенту. Очень полезно, но они пошли ещё дальше, и реализовали возвращение к контексту с помощью ненавязчивой анимации. Она мягко, но эффективно направляет внимание пользователя именно туда, куда нужно, помогая фильтровать визуальный «шум» на экране.

9. Атомарные действия
Зачастую пользователям проще выполнить какое-то действие, если все остальные элементы, не связанные с этим, затемняются или маскируются. Такое решение помогает снизить когнитивную нагрузку и упростить работу с интерфейсом.

Один из замечательных примеров: модальное окошко “compose new tweet” в Twitter'е, представляющее собой модуль для выполнения одного из важнейших действий в этом приложении. Ведь Twitter умрёт, если люди перестанут твитить. Как видите, здесь всё нацелено на то, чтобы пользователь мог сосредоточиться на написании текста, не отвлекаясь ни на что лишнее.

Этот подход работает эффективнее всего при выполнении атомарных действий. При этом вы можете предоставить всё необходимое для совершения действия в рамках того же самого модала.

10. Сообщения об ошибках
Здесь также очень важно обеспечивать пользователям контекст. С помощью сообщений об ошибках можно сразу выделить конкретные поля ввода, на которые нужно обратить внимание пользователя.

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

Выше представлена форма регистрации Basecamp, в которой не только подсвечиваются нужные поля, но и даётся текстовая подсказка по заполнению. Вероятно, вы считаете, что если в форме всего два-три поля, то всё настолько очевидно, что пользователю помогать не нужно. Однако даже в этом случае рекомендуется фокусировать внимание людей на проблемных местах, это куда полезнее, чем просто вываливать им список ошибок, как это делается в Amazon:

11. Сосредоточение уведомлений в одном месте
Благодаря распространению одностраничных приложений мы имеем возможность унифицировать всевозможные пользовательские уведомления. Граница между нативными и веб-приложениями становится всё более размытой. Когда приложению нужно повзаимодействовать с пользователем, то куда легче отправлять все сообщения в какое-то отдельное место, а не размещать их в контексте. Хотя из этого правила есть исключения. Хорошим примером репозитория уведомлений является папка входящих сообщений Gmail. А модуль для организации уведомлений Growl не даст пользователю не заметить важное сообщение.

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

В Feedly все уведомления глобальные и всегда отображаются в одном и том же месте. При этом ссылки и перечень необходимых действий явно отделены от текстового контекста.

12. Избегайте тупиковых состояний
Модалы — вещь удобная, но не надо использовать их для блокирования действий пользователя, не позволяя ему работать с приложением до тех пор, пока он не выполнит что-то в модале. Подобные тупиковые состояния не оставляют другого выбора, кроме отмены текущей операции. В каких-то редких случаях это может быть необходимо, но всё же рекомендуется всеми путями избегать подобных ситуаций.
13. Предоставляйте пользователю контроль
Карусель без кнопок навигации оставляет пользователю очень мало возможностей по управлению. Этот устаревший подход обеспечивает далеко не лучший пользовательский опыт из-за слишком большого количества переменных. Особенно плохо, если вы размещаете карусель в верху страницы: весьма вероятно, что это будет первое, с чем столкнётся пользователь в вашем приложении. И невозможность управлять этими элементами задаёт плохой тон в ваших взаимоотношениях.

Лучше всего придерживаться простого эмпирического правила: реагировать только на явные действия пользователя. Если вы не знаете точно, чего он хочет, то предоставьте ему возможность управления.

14. Избегайте рассеивания внимания
Предупреждения от JavaScript сильно отвлекают. Человеку приходится переключаться со страницы на уведомления, требующие внимания. Поэтому используйте их только тогда, когда это абсолютно необходимо, а в остальных случаях применяйте более мягкие альтернативы.

Пользователи, особенно мобильные, не любят, когда неожиданно меняется содержимое экрана. К этому нужно прибегать только в ответ на явные действия пользователей. Например, новостные ленты в Twitter и Facebook обновляются принудительно. Иначе получалась бы неприятная ситуация, когда вы читаете сообщение, а в это время фоновый процесс обновляет ленту и вываливает вам кучу новых сообщений, которые погребают под собой то, что вы читали до этого. Всё равно что порыв ветра, вырывающий у вас из рук газету.

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

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

Разбиение на логические блоки субъективно упрощает задачу настройки и заполнения многочисленных полей, предотвращает возникновение ощущения неприятной работы. Особенно это важно для мобильных приложений и версий сайтов.

К примеру, Facebook несколько лет оттачивал группировку настроек приватности, чтобы облегчить их конфигурирование. А ведь когда-то это была настолько нетривиальная задача, что многие просто не трогали эти настройки. После их разделения на секции увеличилась доля пользователей, которые работают с этими страницами, а не избегают их.

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

Также разделение на логические блоки облегчает обнаружение и решение возникающих проблем. Ведь никому не захочется разбираться с сообщением наподобие «Вы не могли бы исправить следующие четыре пункта?»

Если же вы заставите пользователя заполнять все поля или конфигурировать настройки на одной, сложно организованной странице, то тем самым вы сложите яйца в одну корзину. Любая ошибка будет препятствовать отправке всех остальных данных.

То же самое можно сказать и о формах пожертвования, в особенности в мобильных проектах. Вы же наверняка хотите, чтобы пользователь подумал: «Надо же, как всё просто» вместо «Да уж, на это нужно время». Улучшение удобства пользования формами напрямую отражается на прибыльности проекта.

* * *

Большинство вышеупомянутых моментов достаточно просты, когда их рассматриваешь по отдельности. Но если работаешь с этим каждый день, то глаз часто замыливается. Поэтому важно уметь отступить назад, абстрагироваться и посмотреть на своё детище глазами «нового пользователя».

habr.com

8 простых способов как повысить юзабилити вашего сайта

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

Просто вспомните то, что делает и продает корпорация Apple: стала бы их продукция столь популярной, не будь она так красива и удобна?

Юзабилити — не тот аспект, который можно игнорировать. Сделайте свой сайт удобнее, и клиенты получат положительный пользовательский опыт, что мотивирует их вернуться к вам снова за повторными покупками.

Из перевода инфографики от Quick Sprout вы узнаете, как улучшить юзабилити сайта и добиться высокого уровня пользовательского опыта. Существует 8 несложных способов сделать это.

1. Уберите лишнюю информацию

62% онлайн-покупателей отказываются от продукта или услуги в случае, если на сайте слишком много ненужной информации.

По некоторым данным, сокращение текстового контента вдвое может привести к повышению юзабилити на 58%.

Проще говоря, уберите лишние слова — в среднем, только 28% текста будет прочитано пользователями.

2. Размещайте контент согласно принципам айтрекинга

Вряд ли существует более очевидный способ повысить юзабилити как сделать сайт удобным - просто удобным для пользователей, но путь к этому непрост.

80% времени пользователей приходится на изучение информации выше линии сгиба.

А 69% времени посетителей приходится на левую сторону страницы. Как видите, левая верхняя часть сайта — лучшее место для самой важной информации.

3. Ориентируйтесь на то, как пользователи читают страницу

Дабы разобраться, как повысить юзабилити, нужно сперва изучить привычки и паттерны поведения своих пользователей. Подавляющее большинство людей пользуется F-паттерном при чтении страниц в интернете. То есть, сначала человек внимательно изучает 2 горизонтальные линии на первом экране (регион «выше сгиба», Above the Fold), после чего проглядывает остальной контент по одной вертикальной линии до конца страницы. Этим свойством можно воспользоваться для размещения важнейших элементов в центре внимания посетителя:

  • лид-форма как правило должна быть вертикальной;
  • панель навигации оптимальнее разместить в виде длинной вертикальной линии;
  • заголовок должен располагаться по горизонтали.

4. Быстрая загрузка страницы

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

4 из 5 пользователей покинут ресурс, если им придется долго ожидать загрузки видео.

Интернет-пользователи готовы ждать загрузки страницы 2 секунды или меньше — на третьей секунде большинство из них уйдет.

5. Размер окна поиска

Средняя длина окна поиска на большинстве сайтов — 18 символов, но такой размер не вмещает около 27% запросов.

Увеличьте окно поиска до 27 символов, и оно будет вмещать 90% запросов.

6. Разметка страницы

Оптимальный размер страницы: длина 1000–1600 пикселей и ширина около 770 пикселей.

Очень важно использовать одинаковый макет для всех страниц сайта.

Кроме того, панель навигации на всех страницах вашего ресурса должна быть одинаковой и располагаться в одном и том же месте.

Не допускайте, чтобы посетители попадали на «тупиковые» или нерелевантные страницы.

7. Типографика

Используйте минимально возможное количество разных шрифтов.

Не забывайте, что 8% мужчин страдают дальтонизмом — для важных сообщений используйте не только цветовые сигналы.

Не используйте более 4 разных цветов на текст — это уменьшит путаницу.

Оптимальная ширина строки в статье — около 45–75 символов.

8. Ссылки

Ссылки должны быть синими, потому что это универсальный цвет для оформления ссылок в интернете.

Ссылка должна менять цвет после нажатия на нее.

Пользователь должен интуитивно понимать, что перед ним — ссылка.

74% сайтов используют различные цвета для оформления посещенных и непосещенных ссылок.

Заключение

Сегодня вы получили целых 8 ответов на вопрос, как делать юзабилити сайта выше. Если вы решили развивать бизнес, то не стоит отдавать все силы на генерацию трафика — попутно займитесь оптимизацией юзабилити и пользовательского опыта.

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

Высоких вам конверсий!

По материалам quicksprout.com 

14-10-2014

lpgenerator.ru

25 советов как улучшить юзабилити (usability) вашего сайта. |

Ассортимент игровых автоматов http://vegasavtomati.info/ с друзьями играем, обзоры игр,.

юзабилити сайта

Доброго времени суток, дорогие друзья! Сегодня мы поговорим с вами о такой важной вещи как Usability (юзабилити) сайта, о том, как улучшить данный фактор, зная его основные принципы и правила. Ну и в заключение научимся делать независимый и бесплатный аудит (анализ) своего проекта на привлекательность к его аудитории. Итак, начнем, пожалуй, с определения самого понятия usability (юзабилити).

Usability – с перевода означает меру удобства, качества, простаты в использование чего-либо. В нашем случае имеется в виду сам сайт, так как он непосредственно взаимодействует с пользователями интернета. От того какой уровень юзабилити у того или иного проекта напрямую будет зависеть его CTR (процент) продаж, позиции в поисковых системах и естественно количество трафика (посетителей). Если вам удастся улучшить данный фактор, то вы одним выстрелом убьете сразу нескольких зайцев, которые могут повысить ваш заработок в 2-3 раза! Вот что вы получаете в случае высокого уровня usability:

— Увеличения такой очень важной вещи как конверсии сайта (процент продаж), а значит и прибыль владельца сайта.

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

— Уменьшению бюджета (расходов) на контекстную и иную рекламу для привлечения посетителей. Зачем за них платить, если вас и так хорошо находят через поиск?

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

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

— Довольные клиенты будут рекомендовать вас вашим друзьям и знакомым, ведь они уже знают, что вам можно доверять.

Как вы видите, можно очень нехило повысить свой заработок в интернете, но для этого надо сделать так, чтобы ваши посетители или клиенты в прямом смысле влюбились в ваш сайт. При заходе на него они не должны чувствовать себя неловко, напряженно или ощущать какого-то подвоха с вашей стороны, что их сейчас обманут. Данные неприятные чувства чаще всего создают слишком завышенные цены, непонятная навигация и всего сайта в целом. Простого пользователя может обидеть даже то, что вы говорите не на его языке!

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

И это только малая капля того, что надо учитывать при разработке сайта, чтобы он был максимально привлекательным для пользователя. При создании своего проекта надо изначально поставить себе точные вопросы по юзабилити  и ответить на них как можно точнее, без всяких я думаю, я предполагаю и т.д, чтобы потом не удивляться почему посетителей полно, а продаж нет.

Итак, вот ряд тех вопросов, которые надо учитывать при проектировании сайта:

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

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

— Насколько пользователь легко сможет запомнить и отыскать ваш сайт (тут иметься в виду красивый уникальный дизайн, короткий и понятный адрес сайта, его название, телефон и т.д.).

— Будет ли доволен посетитель после покупки?  А вдруг доставка запоздает или вообще товар придет разбитым, а у вас как и у всех денежные средства не возвращают.

— Ну и наконец-таки, насколько доделанный ваш проект во всех смыслах. Знаете, это наверно самое ужасное, что может случиться, когда клиент, зайдя на вашу площадку, находит какую-нибудь ошибку в самом сайте или где-нибудь еще. Ведь из-за этого будет теряться доверия к вам, что в конечном итоге понизит уровень продаж.

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

юзабилити сайта

Основные правила как улучшить юзабилити контента (статей) сайта.

1) Разделяйте свой статьи на небольшие абзацы, каждый из которых состоит примерно из 5-7 предложений. В наше время пользователи уже не читают записи на сайтах как какую-нибудь книгу, а просто их сканируют и определяют, стоит ли читать ее полностью или нет. Так вот если вы пишите длинные статьи, как я, то пользователь может просто испугаться, увидев один огромный текст, которому невидно конца. Думаю, вы тоже вряд ли прочитали бы и эту статью, если бы она не была бы поделена на абзацы.

2) Используйте цепляющие, интригующие подзаголовки, которые выделяются специальными тегами: <h2>, <h3>, <h4>. Это не только улучшает восприятие статьи, ее привлекательность, но также является одной из основных правил раскрутки сайтов.

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

Иными словами, если в самом начале статьи будут отсутствовать нужные ключевые слова, то пользователь с большой вероятностью сразу же уйдет. Также данный прием является одной из основ оптимизации статей под поисковики. Если что, Google до сих пор еще нравится, когда ключи выделены жирным текстом, для Яндексе же это уже не имеет никакого значения.

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

5) Вставляйте в публикации качественные картинки или видеоролики. Это помогает улучшить usability статьи, ведь никому не хочется читать один нудный текст. Это, кстати, в наше время стало очень актуально, когда все больше и больше людей начали покупать небольшие комиксы, чем когда-то килограммовые книги.

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

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

 

Как улучшить юзабилити самого сайта?

юзабилити сайта8) Перед тем как создавать сайт надо проанализировать рынок, свою аудиторию, что им привычно, а что чуждо, понять ход их мыслей. Чаще всего в 90% случаев юзабилити сайта начинают заниматься, когда он уже создан, что в конечном итоге приводит владельца сайта в уныние, так как он начинает осознавать, что придется провести столь большой ряд нововведений, что легче всего будет вообще снести весь сайт и сделать все сначала.

В остальных 10% случаев юзабилити сайта чаще всего занимаются дизайнеры или программисты, которые ничего в этом не понимают. Они, как правило, опираются на свою собственную интуицию, опыт, мнение, которое ничего общего не имеет с мнением посетителей.

9) Не делайте инопланетянский сайт, в котором только вы сможете хорошо ориентироваться. Я это веду к тому, что как бы вам не хотелось выделиться среди конкурентов, интерфейс и навигация вашего проекта должна быть похожей как на большинство сайтах, чтобы пользователь мог легко по нему перемещаться.

10) Сделайте страницу ошибки 404.  Вы, конечно же, можете удивиться: как же она может, повлияет на продажи? А вот как. Давным-давно одна компания сделала хитрую вещь, написав на странице 404 сообщение, что они просто не могут обработать товар и просили заново повторить процедуру покупки. Таким вот способом они увеличили свою прибыль на 380$ в месяц.

11) Сделайте на сайте кнопку наверх. Если у вас достаточно большие публикации или описания товаров, то пользователь может просто утомиться, прокручивая долго вверх после прочтения.

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

юзабилити

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

14) Сделайте заголовок и описание вашего сайта человечески понятным, чтобы пользователь с первого взгляда понял, что это за сайт и какова его цель. Многие, по моему мнению, делают одну и ту же грубую ошибку, вставляя в описание своего сайта название компании (особенно на английском) из которого пользователь ничего понять не может. Например, вот только что я ввел в поиск запрос «купить платье», перешел по первому же рекламному объявлению на сайт и что я вижу в заголовке? Mondigo.ru. Да, согласен, хороший прием, чтобы пользователь запомнил сайт, только вот вряд ли он им воспользуется.

15) Прикрепите к вашему сайту поиск, желательно в привычное для всех место — к верхнему правому углу. Если у вас меньше 100 страниц, то можете пока что не волноваться по поводу этого, так как тут можно обойтись простой постраничной навигацией, но как страниц станет больше, обязательно добавьте поиск. Это, кстати, касается и  партнерской программы. Совсем недавно я искал интернет-магазин, где была бы партнерка по нужному мне товару.

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

16) Так как мы по своей культуре читаем записи слева направо, то и сам сайт должен быть так устроен, что весь текст должен начинаться слева, а не с центра, например, где у сайта две колонки с обеих сторон. Также фон обязательно должен быть белым, а текст черным не меньше 12рх.

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

17) Сделайте внутреннюю перелинковку на сайте, если у вас просто информационный сайт. Если же у вас интернет-магазин, то лучше убрать ее чтобы пользователь не затерялся на вашем сайте и попал туда, куда вам нужно, тем самым повысив конверсию.

18) Уберите всплывающую форму подписки которая помимо того, что и так сильно раздражает, еще и замедляет сайт в 10 раз. Также давно на многих сайтах лицезрел такую ужасную прелесть, когда при нажатии на крестик сайта выходила ужасная форма подписки с тупым вопросом: вы точно хотите покинуть этот сайт? Рекомендую отказаться от данного способа собирания емайл адресов, ибо этим вы только ухудшите ваши поведенческие факторы.

19) Знайте меру при монетизации сайта. Слишком много рекламы может отпугнуть или вообще не дать найти нужный материал читателю.

20) Уберите форму регистрации или сделайте возможность авторизоваться у вас через различные социальные сети. Также, если у вас интернет-магазин, то уберите лишние поля для заполнения. Поверьте никому не хочется, писать о себе целую биографию в таких пунктах как: как вы нас нашли, ваши увлечения и т.д.

21) По возможности не используйте в меню сайта java скрипы и flash анимацию, так как у вашего посетителя, может быть, просто в настройках браузера они отключены. В итоге пользователь не сможет пользоваться меню, а значит, и сделать заказ.

22) Позаботьтесь, чтобы ваш сайт нормально отображался в мобильных устройствах. Для этого надо проверить его на валидность и почисть код сайта, если будут найдены какие-нибудь ошибки.

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

24) Уберите плеер со своего сайта, посетитель пришел, чтобы найти нужный ему материл, а не слушать классику или роке-н-рол. Также рекомендую убрать все ненужные элементы на сайте такие как: календарь, топ комментаторов и т.д.

25) И последнее, будьте дружественны и позитивны к вашей аудитории, ведь негатива и так всем хватает в своей жизни.

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

Как сделать качественный  аудит (анализ) сайта бесплатно?

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

тепловая карта сайта

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

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

Рубрика: Поисковая оптимизация сайта. Метки: Бесплатная раскрутка сайта, Вебмастеру на заметку

firstprize.ru

Анализ и улучшение юзабилити сайта

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

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

Юзабилити сайта включает в себя очень многое. Фактически, можно сказать, что внутренняя оптимизация направлена именно на его улучшение. Поэтому мы уделим внимание именно тому, каким должен ваш ресурс.

Анализ юзабилити сайта

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

В сети есть много сервисов созданных для этих целей, но можно попытаться сделать это и самому, тем более, что общее представление о том, как это делается, у вас сейчас появится после прочтения этой статьи.

Итак, ваша задача — провести анализ юзабилити сайта на соответствие таким пунктам:

  • уникальный контент — содержимое вашего ресурса должно быть абсолютно уникальным, авторским. Если такое не возможно в ряде случаев — нужно указывать источник, а также дополнять собственным описанием, выводами;
  • качественная текстовая составляющая — все статьи должны быть правильно оформлены и составлены, у них не должно быть никаких ошибок любого характера;
  • приятное графическое оформление — цветовая гамма и оформление сайта не должны вызывать негатив у большинства пользователей, а текст хорошо читаем;
  • удобная навигация — постраничная навигация, удобное меню по разделам и все прочее, что помогает посетителю найти желаемую информацию;
  • карта сайта — общая карта содержимого сайта по всем рубрикам и подрубрикам;
  • высокая скорость загрузки страниц — страницы сайта должны загружаться как можно быстрее. Если время ожидания превышает 1-2 секунды — это уже минус. Значит нужно выбрать другой вид хостинга и тарифный план, а также оптимизировать нагрузку на сервер;
  • не заспамленность рекламой (контекстной, банерной и др.) — любая реклама должна органично вписываться в структуру сайта и не мешать его юзабилити;
  • удобный поиск — поиск по какому-либо запросу должен выдавать соответствующую информацию, которая полностью удовлетворит посетителя;
  • правильная внутренняя перелинковка — внутренние ссылки на другие статьи должны быть логичны и не вводить пользователей в заблуждение. Наличие в конце статьи или поста списка «похожих материалов» будет очень кстати.

Если по анализ юзабилити выявил проблемы хотя бы по одному из пунктов, их необходимо исправлять как можно быстрее.

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

Улучшение юзабилити сайта

Допустим, вы проверили свой ресурс на удобство и соответствие указанным выше пунктам — всё отлично. Тогда, по большому счету, вам остается только не понижать уровень и постепенно развиваться дальше: добавлять новый контент, следить за проиндексированными страницами в поисковых системах, отслеживать посещаемость, рекламировать сайт на других ресурсах.

Если же проблема была выявлена, решайте её, тем самым улучшая юзабилити сайта.

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

Ведь как бывает? Заходишь на страницу, буквально за несколько секунд пробегаешь взглядом по содержимому и, если не видишь нужного или чего-то интересного, закрываешь её.

Поэтому, улучшайте внутреннюю оптимизацию сайта. Хорошее юзабилити должно не столько привлекать посетителей, сколько не мешать им, не усложнять поиск, то есть не отталкивать.

 

Также стоит прочитать

sitesnulya.ru

Как делать улучшение юзабилити сайта самостоятельно

Когда новичок начинает изучать область продвижения сайтов, ему приходится сталкиваться со множеством непонятных терминов. Слово “юзабилити” – одно из них. Везде пишут, что юзабилити очень важно для продвижения сайтов, но не сразу становится понятно, что это такое и как его можно измерить и улучшить.

В этой статье мы расскажем про улучшение юзабилити сайта самостоятельно, а также о том, что это такое, простыми словами.

Как делать улучшение юзабилити сайта самостоятельно

Что такое юзабилити

Слово “юзабилити” вошло в русскоязычный лексикон буквально несколько лет назад. Оно пришло из английского – usability, что обозначает степень удобство использования тем или иным предметом. Синонимами юзабилити можно назвать удобство, дружественность и эргономичность.

Когда говорят о юзабилити сайта понимают, то, насколько этот сайт удобен для посетителей. Сайт с хорошим юзабилити обладает такими свойствами:

  • Простая и удобная навигация.
  • Логичное расположение элементов управления.
  • Понятная и простая структура.
  • Приятный и лёгкий к восприятию дизайн.

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

Зачем нужно улучшать юзабилити

В информационную эпоху людям приходится фильтровать качественную информацию от “мусора”. Если информацию воспринимать неудобно, то это – “мусор”, как бы грубо это ни звучало, и какой бы полезный смысл не несла информация.

При запросе в поисковике, посетителю предлагается как минимум десяток хороших сайтов на первой странице выдачи. Поэтому конкуренция высокая. И если на сайте неудобная навигация, неприятные цвета, мелкий шрифт или что-то ещё, что отталкивает, то посетитель его быстро покинет.

Алгоритмы поисковиков могут оценивать то, сколько времени посетитель провёл на сайте и какие страницы открывал. Это называется вовлечённость. Вовлечённость — это один из главных показателей, который формирует поведенческие факторы.

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

Как начать улучшение юзабилити

Перед тем, как начать, нужно подготовиться. Для этого можно дать такие рекомендации:

  • Во-первых, изучите сайты конкурентов, посмотрите, насколько ими удобно пользоваться. Если там есть какие-либо интересные идеи, то перенимайте их на свой проект.
  • Во-вторых, оцените специфику ниши и определите, что особенное нужно именно для вашей аудитории.
  • В-третьих, поставьте себя на место посетителя и посмотрите на свой проект объективно, как человек, который в первый раз пришёл, и очень торопиться найти нужную информацию. Либо можно попросить знакомых оценить удобство сайта. Это поможет выявить существующие проблемы юзабилити.

Улучшение юзабилити сайта самостоятельно

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

Визуальная иерархия

Люди не читают информацию полностью, а пропускают то, что, по их мнению, им ненужно. Чтение происходит по определённому пути, обычно, в форме букв “Z” или “F”. Поэтому всю важную информацию нужно расположить на важных местах, по пути следования глаз посетителя.

Для страниц с большим количеством текста, лучше использоваться схему “F”, например, для блогов. А для страницы с небольшим количеством текста, подойдёт схема “Z”, например, для интернет-магазинов.

Главная страница

Главная страница является лицом проекта, поэтому она должна соответствовать хорошему юзабилити. Вот какие советы можно дать для этого:

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

Оформление текстов

Внимание посетителей будет обращено на тексты. Поэтому вебмастер не должен обходить их вниманием.

  • Уважайте время посетителей и не пишите воды. Тексты должны быть ровно такой длины, сколько требуется для передачи сути. Главная суть должна быть вначале.
  • В тексте не нужно делать каких-либо элементов, которые могут вызвать негативную реакцию – яркие цвета, жёсткие контрасты, мигающие баннеры, бегущие строки и прочее.
  • Используйте элементы структуризации статьи, такие как списки, таблицы, цветные вставки, графики и прочее.
  • Старайтесь писать грамотно, ставьте запятые по правилам языка, перечитывайте слова на предмет опечаток.
  • Выберите корректный размер и цвет шрифта. Шрифт должен быть привычным, читать должно быть легко, цвет должен быть тёмным и контрастировать с фоном, но не слишком резко.
Также по этой теме:

wpuroki.ru

Как улучшить юзабилити веб-сайта? / Полезное / FREELANCE.TODAY

Автор: Елизавета Гуменюк (liza1510) Рейтинг топика: 0 Просто люблю писать, переводить и давать людям возможность читать интересный контент. И пусть я не всегда идеальна — есть к чему стремиться!!!

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

Несмотря на многочисленные исследования, нельзя сказать наверняка, как будет взаимодействовать пользователь с тем или иным сайтом. В этих ситуациях именно благодаря концепции юзабилити, дизайнеры и разработчики знают о предпочитаемых пользователями стилях и элементах веб-страниц.  

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

Результаты этих испытаний демонстрируют, что пользователи заинтересованы не только в дизайне сайта, но и в быстром получении информации. Если веб-сайт не был разработан с учетом этих двух потребностей одновременно, то пользователь очень быстро может разочароваться в нем и покинуть сайт, раньше времени.

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

НИКОМУ НЕ НРАВИТСЯ ВЕБ-СТРАНИЦА, КОТОРАЯ ЗАГРУЖАЕТСЯ МЕДЛЕННО

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

По словам специалистов в данной области, у немногих пользователей есть терпение ждать больше 5 секунд, пока интернет-страница загрузится.

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

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

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

Понятно, что последнее десятилетие принесло много изменений, когда дело доходит до разработки веб-сайта.  

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

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

 БЕЛОЕ ПРОСТРАНСТВО ВЫГОДНО, НЕ ВРЕДНО

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

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

ПОГОВОРКА «НЕ СУДИ ПО ОБЛОЖКЕ» ДОПУСТИМА ДЛЯ ВЕБ-ПОЛЬЗОВАТЕЛЕЙ?

Ответ «Нет!». Наоборот, первое, что пользователь делает – смотрит на внешний вид, судит о книге по ее обложке, как говорится. Да, пользователь мог бы быть более терпеливым в том, что касается просмотра страницы, которая имеет больший объем контента. Но, в то же время, вы должны подогревать его любопытство, убедившись, что некоторые тайны сохранены на потом. Кроме того, необходимо представлять цель вашего сайта в ясной и простой для понимания форме, как в случае контента, так и дизайна.

В таких ситуациях рекомендуется прибегнуть к одному из законов юзабилити Круга — проанализируйте содержание вашего сайта и уменьшите его на 50%. Затем повторите процедуру.

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

ВЕБ-СТРАНИЦА ДОЛЖНА ПОСЕЩАТЬСЯ, А НЕ АНАЛИЗИРОВАТЬСЯ

Когда Стив Круг описывал концепцию юзабилити, он заявил, что каждая веб-страница должна обладать двумя главными атрибутами — очевидностью и ясностью. Сложная часть процесса дизайна — это гарантировать, что новая страница не требует каких-то разъяснений.

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

ДОСТУПНОСТЬ ВЕБ-САЙТА ТАК ЖЕ ИМЕЕТ ЗНАЧЕНИЕ

Важность юзабилити сайта ясна. Тем не менее, следует отметить, что концепция юзабилити часто появляется в одной связке с веб-доступностью.

Веб-дизайнеры заинтересованы в том, чтобы гарантировать юзабилити сайта для широкого круга пользователей. С другой стороны, доступность гарантирует, что определенные пользовательские категории смогут извлечь выгоду из подобного опыта просмотра в качестве повседневных пользователей.  

Доступность может быть гарантирована посредством использования надлежащей грамматики, а также проверки правописания контента на веб-сайте. 

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

ВАЖНОСТЬ НАВИГАЦИИ ПО САЙТУ

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

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

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

Чтобы проанализировать поведение различных пользователей в отношении навигационного опыта, можно обратиться к определенным тестам, таким как A/B-тестирование.

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

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

ВНИМАНИЕ ПОЛЬЗОВАТЕЛЕЙ ДОЛЖНО ПОДДЕРЖИВАТЬСЯ

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

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

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

ПОВТОРНОЕ ТЕСТИРОВАНИЕ ОБЕСПЕЧИВАЕТ ЮЗАБИЛИТИ

Из всего сказанного до сих пор, вы, вероятно, нашли ответ на вопрос: «Почему юзабилити так важно в дизайне сайта?».  Кроме того, вы должны понимать, что невозможно его достичь за короткий промежуток времени.  

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

Даже если ряд веб-приложений доступны для тестирования юзабилити, это вовсе не значит, что мы должны использовать все из них. Наоборот, намного легче проанализировать необработанные данные пользователя.

Чтобы этот анализ был эффективным, мы должны получить более подробную информацию о пользовательской среде. Например, мы должны быть знакомы с их любимым браузером, или же выбранной операционной системой.

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

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

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

Источник

freelance.today