Сохрани себе чек-лист по юзабилити сайта!

Внеш­ний вид сайта
Про­верь­те, со­от­вет­ству­ет ли струк­ту­ра сайта цели, ко­то­рую вы ста­ви­те перед ним.
Упо­ря­дочь­те эле­мен­ты стра­ниц.Ис­поль­зуй­те свет­лый фон.
Не пе­ре­бор­щи­те с гра­фи­кой.
Рас­по­ла­гай­те кон­такт­ную ин­фор­ма­цию в пра­вом верх­нем углу стра­ни­цы.
Раз­бав­ляй­те текст изоб­ра­же­ни­я­ми.
Не по­ме­щай­те в на­ча­ле ста­тьи ссыл­ку, ве­ду­щую на дру­гой ре­сурс.
От­кры­вай­те новую ссыл­ку в новой вклад­ке.
Пра­виль­но на­строй­те время и место по­ка­за плагинов ви­дже­тов на сайте.
Не за­кры­вай­те гра­фи­кой зна­чи­мые эле­мен­ты сайта при скро­ле.
Четко вы­де­ляй­те ги­перс­сыл­ки.
До­бавь­те поле по­мо­щи поль­зо­ва­те­лю сайта.
До­бавь­те от­зы­вы поль­зо­ва­те­лей на сайт.
Рас­по­ла­гай­те лого сайта в верх­ней части каж­дой стра­ни­цы.
Вы­рав­ни­вай­те со­дер­жи­мое стра­ни­цы.
Про­те­сти­руй­те, какое рас­по­ло­же­ние меню — го­ри­зон­таль­ное или вер­ти­каль­ное -по­дой­дет для ва­ше­го сайта.
Рас­по­ла­гай­те поле ре­ги­стра­ции в пра­вой верх­ней части экра­на.
Навигация сайта
Располагайте меню сайта в верхней части страницы.
Используйте привычные названия пунктов меню и разделов сайта.
Фиксируйте выпадающее меню при наведении курсора мыши.
Оптимизируйте количество пунктов меню:4-6 достаточно.
Поместите поле поиска на каждой странице.
Сделайте выпадающие блоки меню контрастными.
Проверьте скорость загрузки страниц, идеально 2-5 секунд.
Поместите поле возврата на главную страницу в верхней части экрана.
Добавьте стрелку «вверх» при долгой прокрутке страницы вниз.
Логотип — ссылка на главную страницу.
Контент
Используйте не только тексты, но и видеоконтент и изображения.
Разделяйте текст абзацами.
Используйте подзаголовки.
Используйте цитаты, добавляйте списки.
Используйте ключевые слова.
Используйте ясный призыв к действию.
Сделайте важную информацию легко доступной на каждой странице сайта.
Располагайте связанные элементы рядом друг с другом, например, пункты «Доставка» и «Корзина».
Используйте единый шрифт на всех страницах.
Не используйте цвет ссылок для выделения текста. Лучше выделяйте жирным.
Округляйте цифры до читабельных, если точная цифра не принципиальна.
Упрощайте текст Call to Action.
Прописывайте атрибуты Alt для изображений.
Используйте подводки к статьям, если это блог.
Пишите описания к товарам понятным языком.
#ITP #ITPLANETGROUP #IMOS #ARKTIC