Сегодня именно тот день, чтобы глобально отпраздновать достижения в сфере юзабилити! Сегодня Всемирный день юзабилити! Этот блог посвящен всем UX энтузиастам и профессионалам, которые осознают важность юзабилити сайтов, и прилагают все усилия, чтобы сделать свой вклад в улучшение пользовательского опыта по всему миру, и сделать его как можно лучшим. Всемирный день юзабилити это особый день, который объединяет программистов, веб дизайнеров QA тестеров, и другие сообщества профессионалов с одними ценностями и целями сделать жизнь проще и легче. Этот день – празднование того, что мы уже достигли, улучшая созданные продукты, а также формирование видения для будущего UX трендов и стратегий. Мы подготовили чеклист, как протестировать юзабилити сайта. Надеемся, что он вам понадобится и поможет избежать неудобств плохого дизайна или низкокачественных сайтов. Итак, наслаждайтесь и узнавайте основы юзабилити от А до Я!
Ознакомьтесь с психологией пользователя
Когда вы хорошо знакомы с психологией пользователя, вы уже на шаг ближе к прокращення юзабилити на вашем сайте. Ознакомившись со следующими советами и применив их на практике, вы добьетесь успеха.
1) Настоящий, замечательный UX дизайн обязательно дает ответы на три вопроса, которые часто присутствуют в мыслях пользователей. И они очень просты: “О чем этот сайт?”, “Чем мне это будет полезно?”, “Что дальше?”. Поэтому, вы должны рассказать о чем ваш сайт, указав это в заголовке или изображении. Затем, покажите какие преимущества будет иметь пользователь, но не вспоминайте причин, почему пользователь должен что-то купить, зарегистрироваться или просто нажать на ссылку. Акцентируйте внимание на том, что именно они получат, воспользовавшись вашими предложениями. Когда пользователи уже знают что к чему, они должны понимать, каким будет следующий шаг. Это может быть как регистрация, так и информация о начале сотрудничества.
2) Само собой разумеется, что ваш сайт должен вызывать доверие. Люди обычно доверяют тем компаниям, которые выглядят настоящими. Если ваш сайт производит такое впечатление, тогда пользователи будут уверены, что вы не мошенники.
3) Нет ничего идеального, поэтому если у вас есть не только хорошие, но и негативные комментарии – это вполне нормально. Обычно, люди относятся с подозрением к продуктам, которые выглядят слишком прекрасно.
4) Кроме того, ограничив возможность голосовать, или просто дав ее только опытным пользователям, вы сможете определить, каким продуктам они доверяют больше всего.
5) Если вы гарантируете пользователям конфиденциальность, они поделятся личными данными, так как будут чувствовать безопасность.
6) Еще одна вещь, о которой стоит упомянуть, – это то, что вам следует постоянно давать новую информацию о вашем продукте. Так сказать, скажите им настоящие сроки доставки, цены, и в каких целях будет использоваться их адрес.
Навигация и лэйаута
Навигация является неотъемлемой частью любого сайта, поскольку именно она помогает посетителям пользоваться вашей страницей. Поэтому, отличная навигация очень ценно. Действительно ли созданная вами навигация является четкой и понятной? Если это не так, сделайте план и расположите элементы навигации в понятной манере. Пользователи очень довольны, если они могут быстро и беспрепятственно найти нужную информацию. Это то, что касается общих положений, а теперь давайте перейдем к более конкретным шагам.
7) Сначала создайте карту сайта, так как без нее невозможно обойтись большим сайтам. Каждый, кто будет посещать ваш сайт “не затеряется” и легко найдет путь от одной страницы к другой. И, что даже более важно, поисковикам будет гораздо легче собрать нужную им информацию о вашем сайте.
8) Еще одна функция, которая поможет посетителям в навигации – хлебные крошки. Свойства бредкрамбив состоит в том, что они указывают местонахождение пользователя на сайте и змешують количество действий, которые делают пользователи для того, чтобы добраться до определенной страницы.
9) Также, сделайте поиск. Приложите немного усилий и создайте хорошую поисковую систему на сайте, которая будет показывать все подобные единицы, если не будет именно такой, которая нужна, и отражать элементы, которые ищет пользователь, даже если название, которое он написал, содержит ошибку. Замечательная поисковая система – это та, которая обрабатывает синонимы, падежи, альтернативные варианты написания и тяжелые запросы.
10) Кнопки играют одну из важнейших функций любого интерактив дизайна. Существует два типа кнопок, так как существуют основные и второстепенные действия, выполняемые пользователями. Кнопки вроде “Купить”, “Сохранить” или “Поделиться” считаются основными, и, конечно, мы ожидаем, что пользователи будут нажимать на эти кнопки. Сделайте их другого цвета и оттенка, и поместите их где-то в оси взаимодействия с пользователем, чтобы он увидел их автоматически. Действия “Отменить”, “Сброс” или “Пропустить” должны отображаться в форме менее заметных кнопок. Для их создания, используйте подобные оттенки и тона и постарайтесь разместить их подальше от оси взаимодействия.
11) Как на самом деле должно выглядеть красиво оформленное меню? Подпункты меню должны быть размещенными по убыванию, в зависимости от популярности. Важнейшей функцией подменю является то, что оно должно всегда быть расположено в том же месте, на каждой странице сайта. Тогда пользователи быстро поймут, где именно его искать.
12) Обычно пользователи ожидают, что логотип вашего сайта при нажатии будет вести домашнюю страницу сайта, поэтому убедитесь, что вы это уже сделали.
13) Четкие и описательные ссылки дополняют первоклассную систему навигации. С хорошим текстом, использованным в качестве ссылки, пользователи смогут эффективно просмотра страницы, быстро принять решение, и как результат добраться до желаемого пункта назначения.
14) Правильно спроектированный лэйаута сайта очень сильно помогает, потому что вы сможете успешно увеличить продажи продукта. Люди могут просматривать ваш сайт для того, чтобы просто пробежаться глазами, возможно, чтобы что-то поискать, или для того чтобы найти то, что хотели, и в конце концов – купить. Адаптируйте ваш дизайн для каждой из этих ситуаций. Сделайте сайт простым для просмотра (избегайте лишних вещей, но используйте изображения и графику, чтобы обратить внимание пользователей). Если у вас есть новинка, и вы хотите продать ее, постарайтесь разместить ее на видном месте, чтобы посетитель легко ее нашел.
15) Если вы хотите иметь хорошо оптимизированный сайт, начните использовать важные ключевые слова в ваших ссылкам, чтобы пользователи знали, где именно они могут найти соответствующую информацию. Это не просто SEO, это также часть хорошей навигации и юзабилити.
16) У вас на сайте достаточно “белого места”? Разместив элементы друг к другу, вы можете перегрузить пользователей. Приложите усилия и спроецируйте удобный и приятный дизайн.
17) Вы уже разместили информацию должным образом? Иногда следует облегчить процесс поиска для пользователей, чтобы им было удобнее найти, что они хотят, сгруппировав подобную информацию вместе.
18) Обязательно покажите пользователям, где они находятся. Убедитесь, что Вы указали разницу между посещаемыми и не посещаемыми ссылками. И все это для удобства клиентов.
19) Ваш сайт правильно отображает информацию на других устройствах? Используйте респонсивним дизайном, и ваш сайт будет выглядеть одинаково на всех экранах.
20) Выполняйте правила F-паттерна. Данные, которые представляются на странице, должны напоминать фору буквы “F”. Тогда пользователи смогут заметить важную информацию, которую вы хотите им подать.
21) И еще одной из распространенных проблем является медленная загрузка страницы. Убедитесь, что страница быстро загружается, и ваш сайт является “дружественным” для каждого. Как результат, люди не покидать вашу страницу быстро.
формы
Формы – это драгоценная часть сайта, на которую вы потратите большую часть времени, и все это ради юзабилити.
22) Если созданная вами форма слишком длинной, разделите ее на несколько страниц. Основная цель – сделать ее максимально простой.
23) Лучше будет, если вы разместите подобные вопросы друг к другу.
24) Если вам нужны исчерпывающие ответы, используйте чекбоксы, а если более точные – радиокнопки.
25) Добавьте сжатые и понятные подсказки у полей ввода. Иногда инструкции необходимы, когда вопрос является многозначным или сложным. Если инструкция сама собой короткая, разместите ее у поля ввода. Если объяснения дольше, лучше напишите его у формы.
26) Дав пользователям несколько подсказок, вы уменьшите количество ошибок. Вы можете это сделать несколькими путями. Ваш совет может быть размещена у поля ввода, или быть частью инструкции к вопросу.
27) Когда пользователь делает ошибку или пропускает вопрос, предупредите его об этом, чтобы он это исправил. Если вы можете проверить достоверность покажите правильность ответа зеленым или красным в противном случае.
28) минимизировав ответ пользователей, вы получите более точные данные. Не спрашивайте, о вещах, которые являются не такими важными.
Дизайн и цвета
Сайт без привлекательного дизайна ничего не значит. Однако, каждый опытный дизайнер знает, что дизайн – это не просто завнишний вид, а также функциональность. Следующие 10 пунктов рассказывают об улучшении юзабилити с помощью дизайна.
29) Вы считаете ваш дизайн привлекательным? Используйте цвет, расположение, соответствующие размеры, шрифты и даже больше, для того, чтобы создать незабываемый опыт пользователя.
30) Цвета в веб-дизайне считаются не только просто “цветами”, но и функциями. Каждый цвет несет в себе значение; это может быть “Подтвердить”, “Отменить”, “Удалить” и так далее. Используйте все возможные оттенки и тона, для того чтобы привлечь внимание пользователей. Попробуйте применить их должным образом, и они будут играть ключевую роль в юзабилити сайта.
31) Пусть цвета будут сферой работы дизайнера. Цвета должны гармонировать с вашим брендом, поэтому дизайнер должен быть хорошо осведомленным в конкретных деталях о компании для того, чтобы все идеально скомбинировать.
32) Помните о контрасте. Дайте темные оттенки объектам, которые вы хотите чтобы пользователи увидели прежде всего, и сделайте светлый фон. Ни в коем случае не нужно использовать светлый текст на светлом фоне, потому что тогда будет трудно прочитать контент.
33) Фолд вашего сайта должен информировать посетителей о том, что написано дальше внизу.
34) Изображение играют больше функций, чем вы думаете. Хорошо расположены изображения направляют взгляд пользователей, поэтому примите это во внимание. Например, если у вас есть фото с человеком, который куда-то смотрит, постарайтесь разместить его так, чтобы взгляд человека был направлен именно на тот текст, на который вы хотите, чтобы пользователи обратили внимание.
35) Проверьте, вы добавили описание к изображениям. Расположите нужную информацию в тегах “alt” и “title”, тем самым позволив пользователям знать цель размещения картинки.
36) Задайте себе вопрос, шрифты, которые вы использовали, читаемые. Сделайте ваш текст легким для чтения, избегая малого размера шрифта и слишком сложных шрифтов.
37) Каждое изображение может рассказать целую историю, и порой требуется создать ловко продуманной инфографику, чтобы все рассказать быстро, точно и в современном стиле.
38) Если ваша страница содержит определенные типы графики, они повини быть релевантными. Используйте изображения, прямо относятся к контенту, чтобы донести информацию максимально точно.
Анализ и тестирование
Тестирование пользователей также занимает видное место в определении юзабилити сайта. Давайте пересмотрим следующие советы:
39) Для того, чтобы увидеть, юзабилити веб-сайта является удовлетворительным, создайте тест. Сделав его слишком сложным для участников, от него не будет никакой пользы, потому что они не смогут оставить хороший отзыв. Лучше сделайте его простым.
40) Еще один факт, который нужно принять во внимание – это исследование среди пользователей. Задайте им несколько нужных вам вопросов, и соответственно эта информация поможет при создании сайта. Сделайте мини-исследование спросив “Вы доверяете компании?”, “Как долго вы пользуетесь нашим продуктом?”, “Как вы попали на наш сайт?”, И так далее. Когда вы получите ответы, вы найдете пути улучшения сайта.
41) Есть еще один хороший путь к улучшению юзабилити. И это A / B тестирование. Сделав его, вы будете знать точку зрения тысячи пользователей, по лучшей и удобной версии сайта.
42) Юзабилити тесно связано с QA тестированием, которое улучшит связь между вами и пользователями, и даст вам идеи как сделать приложение, сайт или иной продукт более удобным.
43) Вы отвечаете на вопросы пользователей? Они посещают сайты, именно для того, чтобы получить ответы, поэтому важно, чтобы ваш сайт дал им то, что они ищут.
44) Не забудьте протестировать сайт во всех браузерах. Он должен одинаково хорошо отображаться абсолютно везде, как в Google Chrome, так и в Firefox, Safari, Opera, Internet Explorer и других браузерах. Тексты и надписи Теперь поговорим о важных аспектах использования текстов на сайте.
45) Убедитесь, что речь во всех текстах достаточно понятной.
46) Инструкции, написанные на кнопках и меню, должны быть сжатыми и прямыми. Избегайте жаргона, специфических терминов, шуток или каких-либо фраз, которые могут казаться подозрительными, обманчивыми и запутывать видвдувачив. Чем проще текст, тем проще пользоваться навигацией сайта.
47) Заголовки должны не только лаконично отражать главную идею. Все основные заголовки должны быть усилены важной информацией, которая идет дальше.
48) Расскажите пользователям всякому деталь, например всегда ставьте даты, когда именно была выставлена та или иная информация. Посетители не должны сами догадываться, данная информация новая или устарела. Добавьте детали к статей, пресс релизов и другого типа контента.
49) Пользуясь тэглайн, вы расскажете посетителям о дальнейших возможных действиях или общее описание сайта.
50) И последний, но не менее важный пункт касается URL. Лучше написать короткую URL адрес, быстро всем запомнится, и будет приятной на вид.
вывод
Обязанность всех дизайнеров и разработчиков – обеспечение эффективности и надежности продукта, удовлетворение пользователей и возможность удобного пользования им всеми людьми. Существует множество методов и подходов по тестированию и улучшение юзабилити. Надеемся, что все советы вам пригодятся. Будьте тем, кто создаст продукт простым в использовании и легким для понимания. Удачи … И … еще раз поздравляем вас с Всемирным днем юзабилити.