Ошибки в дизайне сайтов

Вы решили сами создать сайт или быть "подкованными" перед веб-студией, которая его для вас разрабатывает?

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

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

Данная статья написана с использованием знаний и рекомендаций известнейших мастеров веб-дизайна и юзабилити сайтов: Стивена Круга, Якоба Нильсена, Джесса Гарретта и и Алана Купера.

1. ОТСУТСТВИЕ ОЧЕВИДНОСТИ.

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

Что нужно сделать:

- сделайте заметными ссылки и кнопки

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

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

Ясность и простота веб-страницы - это как хорошее освещение витрины магазина: при нем все кажется лучше.

2. ВЫ НЕ ДУМАЕТЕ О ПОСЕТИТЕЛЯХ САЙТА

Иногда то, что вы хотите и то, что вы знаете не имеют значения для пользователей.

Ваш сайт должен быть клиентоориентированным (как и ваш бизнес в целом)!

Осознайте и поймите проблему посетителей вашего сайта.

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

И тогда вы сможете найти лучшее ее решение.

При разработке сайта задавайте себе вопросы:

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

- вы будете делать сайт, функциональный и удобный для пользователей или тот, который украсит ваше портфолио?

3. НЕ ПОНИМАНИЕ МЕНТАЛЬНЫХ МОДЕЛЕЙ ПОСЕТИТЕЛЕЙ САЙТА

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

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

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

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

4. ОТСУТСТВИЕ ПРОСТОТЫ

У качественного дизайна есть несколько принципов:

Возьмите их себе на вооружение.

Принцип KISS (Keep It Simpe, Stupid (делай это проще, тупица)) - при этом простота создаваемого сайта будет являться основной целью и ценностью. Люди редко заходят на сайт, чтобы насладиться его дизайном. Обычно они ищут ответы на свои вопросы.

Принцип "Бритва Оккама", которую можно упрощенно расшифровать, как "срезайте все лишнее без ущерба содержимому".

Подробнее о принципе "Бритва Оккама" читайте здесь.

Уберите всю ненужную информацию!

Принцип "Экономия формы" - достижение большего меньшими затратами.

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

Каждый элемент интерфейса должен выполнять одну из 2 функций:

- помогать посетителям в достижении их цели;

- способствовать достижению цели сайта, не мешая посетителям.

Также не злоупотребляйте сочетанием цветов

И не мельчите в тексте - это создает сложность для пользователей

5. НАГРУЖАТЬ ПАМЯТЬ ПОСЕТИТЕЛЕЙ САЙТА

Существует "магическое число 4", которое означает количество слов, которые человек может удерживать в памяти (как кратковременной, так и долговременной) (открыто и исследовано физиологом Аланом Бэддли в 1986 г.).

К примеру, телефонный номер в США состоит из 4 групп (+1-NPA-NXX-xxxx), Подробнее можете посмотреть здесь.

Или номер 8(920)58-2000-8 гораздо легче запоминается, чем 8(920)582-00-08

Советы:

- старайтесь уменьшить нагрузку на память посетителей;

- создайте привычку для повторных посетителей, чтобы одни и те же действия они делали на автомате;

6. НЕ ЗАДЕЙСТВОВАНО УПРАВЛЕНИЕ ВНИМАНИЕМ

Наш мозг за раз может делать только 1 действие. Поэтому его нужно фокусировать.

Фокус мозга в течение дня переходит от одного к другому. Это и называется вниманием.

Внимание человека устроено, как прожектор, который направлен на что-то определенное.

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

Все, что не освещено, может остаться без внимания.

Как заполучить внимание пользователей:

- используйте движущиеся предметы (мы рефлекторно обращаем на них внимание);

- используйте принцип сюрприза (когда что-то не вписывается в общую картину - это привлекает внимание);

- контраст и цвет (все, что сильно отличается от общей цветовой гаммы автоматически привлекает внимание);

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

7. ОТСУТСТВИЕ ТЕСТИРОВАНИЯ САЙТА

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

И своих теоретических знаний будет недостаточно для понимания объективной ситуации.

Необходимо использовать "А/Б-тестирование, или сплит-тестирование).

Кстати, при настройке рекламной кампании в Яндекс.Директ, я бесплатно провожу А/Б-тестирование рекламных объявлений.

Яркий пример важности тестирования:

Когда президент США Барак Обама собирал пожертвования в поддержку своей предвыборной кампании, то при изменении всего лишь одной кнопки призыва к действию (с "Зарегистрироваться" на "Узнать больше") на главной странице принесло ему несколько миллиардов долларов.