Привет!

Хватит делать красивые сайты. Создавайте сайты, которые работают! [digital note #10]

Гадашевич АндрейГадашевич Андрей

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

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

Это в корне неверно. Всегда нужно помнить: Полезность сайта более важна, чем его привлекательность. Вот почему.

Форма следует за функцией

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

Форма/вид/образ предмета должны способствовать выполнению функций этим предметом.

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

А потом можно творить красоту на основании полученного функционала.

Красивый дизайн может отвлекать пользователя

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

Опытные, квалифицированные дизайнеры и разработчики знают, как объединить красоту и функциональность. Чтобы интернет-проект был и красив, и работал отменно.

Это несложно, но требует взаимодействия дизайнеров, разработчиков и маркетологов.

У сайтов с плохим функционалом высокий показатель отказов

Что происходит, когда посетитель не понимает, как вести себя на сайте? Он уходит.

Высокий показатель отказов вредит SEO, дает понять, что что-то не так.

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

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

Красивый сайт обычно долго грузится

Всем уже надоело видеть это.

Всем уже надоело видеть это

Это скриншот сайта, на который заходили 2 минуты назад. Пришлось долго подождать, пока он загрузится.

В итоге он оказался сногсшибательным. Полноэкранные слайдеры, retina-изображения и красочный дизайн.

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

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

А откуда же берется такое большое время загрузки? Причина - немыслимый дизайн. В качестве доказательства приведем результаты Google PageSpeed Insights.

Google PageSpeed Insights

Если сайту не хватает простоты, это приводит к путанице

Миллионы сайтов очень сложные и запутанные.

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

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

Визуальный дизайн - это лишь одна часть уравнения

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

В центре любого сайта - стоит пользователь.

Есть ли золотая середина?

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

  1. Форма следует за функционалом. Определите цель сайта, прежде чем его оформлять.
  2. Простота. Как функциональная, так и визуальная.
  3. Время загрузки играет роль. Исключите ненужные визуальные элементы, если они замедляют скорость работы сайта.
  4. Цель сайта должна быть очевидна. Пользователи должны понимать, зачем вообще существует сайт.
  5. Должно быть понятно, как действовать на сайте. Пользователи должны знать, что делать далее.

Заключение

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

Источник: Quit Designing Websites That Look Good & Start Creating Websites That Work