Как повысить юзабилити: 4 простых способа наведения порядка на сайте

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

 

Способ 1. Сократить количество текста
Многие сайты содержат массу контента, на первый взгляд очень нужного. Но, как правило, в таком контенте просто много «воды». И если учесть тот факт, подтвержденный исследованиями еще в 1997 году, что люди заходят в интернет не для того, чтобы прочитать много умных мыслей, а чтобы быстро просканировать и выбрать нужное, то необходимость сокращения текстов возникает сама собой. Излишние слова и предложения мешают восприятию информации и усложняют работу с сайтом. В идеале в работе с текстами нужно стремиться к схеме: один абзац – одна идея. А для долгосрочного контента следует также придерживаться системы перевернутой пирамиды, когда материал начинается с выводов, а затем в него постепенно добавляются новые факты.

 

Разберем несколько примеров.

Заказать дизайн сайта компании

 

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

Б) Следующий пример – сайт компании Aiia. Как мы видим, это очень чистый дизайн с минимальным количеством текста. Пользователь сразу понимает, что он видит и лишние слова описания здесь ни к чему.

 

Способ 2. Убрать лишние визуальные эффекты
Очень часто визуальные эффекты, которые призваны украсить сайт, становятся его проблемой. В стремлении заставить сайт выглядеть наилучшим образом, мы часто перегибаем палку и накидываем чрезмерное количество цветов, шрифтов, графики и т.д. И здесь следует придерживаться золотого правила: меньше – значит лучше. Лишнее отвлекает внимание от сути. Кроме того, неоспоримое достоинство визуальных эффектов в том, что если их убрать, то смысловая нагрузка сайта нисколько не пострадает, а наоборот позволит проработать дизайн сайтов качественно.

 

Примеры:

Заказать в Москве дизайн сайта компании

 

 

А) Перед нами классический пример излишнего визуального оформления. Здесь и множество шрифтов, и несколько цветов, и резкая графика, и даже логотип непосредственно в тексте. В итоге взгляд посетителя не может сфокусироваться на чем-то одном, а следовательно, он не получает нужную информацию.

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

 

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

Рассмотрим примеры:

Заказать дизайн сайта компании Москва

 

А) Перед нами дизайн сайта компании Business Depot, предоставляющей услуги облачного сервиса юридическим лицам. На главной странице мы сразу же видим все цвета радуги. И может сложиться впечатление, что за каждую вкладку меню отвечает определенный цвет. Но нет! На сайте нет никакой цветовой системы, есть просто очень много цветов. В данном случае цвета никак не структурируют информацию, и это очень сбивает с толку.

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

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

 

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

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

 

Примеры:

Дизайн сайта компании. Примеры

 

А) Возьмем главную страницу сайта Hitlist. Абсолютно очевидно, что основной ее целью является предложение скачать приложение. В данном случае это можно сделать двумя способами: ввести номер телефона и получить прямую ссылку, или скачать через AppStore. Но, так или иначе, ничто не отвлекает внимание пользователя от цели страницы.
Б) Дизайн этого сайта просто идеально чистый. Здесь немного ссылок, которые не противоречат друг другу, и каждая из них имеет четкую цель, например, продать напиток.

 

Заключение
Мы рассмотрели 4 способа расчистить дизайн сайта компании, чтобы улучшить его восприятие посетителями. Также можно обратиться к профессиональным разработчикам, которые создают дизайн сайтов качественно и быстро. Но и нашими советами не стоит пренебрегать, так как они не сложные, приносят максимальный результат, а в результате ваш сайт преобразится и действительно станет намного удобнее.

 
Понравилась наша статья, поделитесь с друзьями!

 

Удачи в бизнесе, ваш Mindrepublic.ru
 

Comments

comments

Text_2Разработка юзабилити сайта. 5 юзабилити-правил
Text_2Редизайн сайта. 10 способов улучшения юзабилити.
Text_2Доработка сайта. Изображения продукта: 10 шагов по улучшению юзабилити коммерческих сайтов
Text_2Переделка сайта. 10 шагов по улучшению юзабилити.