Марат-блог
Услуги по продвижению и разработке сайта
Отправить заявку
Заказать обратный звонок

Спасибо, Ваша заявка принята.

В ближайшее время менеджер свяжется с Вами.

Главная Дизайн 10 признаков «работающего» веб-дизайна
10 признаков «работающего» веб-дизайна
Дизайн
58
12 июня 2017

10 признаков «работающего» веб-дизайна

Сегодня мы поговорим о базовых принципах качественного веб-дизайна. А именно – об особенностях поведения пользователей, об упрощении процесса восприятия данных и о том, как их заставить произвести целевое действие.
Итак, основными характеристиками поведения пользователей в Интернете считаются таковые:

  • Они любят качественный и полезный контент. По этой причине сайты со старым дизайном и отличным содержанием не теряют своей актуальности.
  • Не читают, а делают сканирование информации. Цепляются при этом за «якори» и делают на их основе выводы. Взгляд движется слева направо и сверху вниз по схеме F.

  • Нетерпеливо себя ведут и хотят результата здесь и сейчас.
  • У них нет стремления к оптимальному выбору. Останавливаются на первом разумном варианте.
  • Ценят вещи, понятные на уровне интуиции. Изображение – нередко лучше текста.
  • Желают контролировать ситуацию и раздражаются из-за всплывающих окон.

Принцип 1. Не заставляйте читателей думать


Данные на странице должны быть понятными и не нуждаться в дополнительных объяснениях. Работайте с четкой структурой и навигацией, понятной на уровне интуиции. Главное изображение сайта и текст должны показывать клиенту, что это за сайт и что на нем можно найти.
Вот пример компании Beyondis:


А вот сайт ExpressionEngine – здесь похожая структура. Но в заглавном тексте изначально ясно, о чем идет речь, а это немаловажно.



Принцип 2. Не стоит испытывать терпение пользователя


Помните золотое правило: чем меньше действий необходимо сделать для совершения покупки, регистрации и так далее, тем больше подобных действий вы получите в итоге.
Не забывайте, что те, кто приходят на сайт первый раз, хотят анализировать и исследовать. Они могут «пробежаться» по сайту из чистого любопытства. Не стоит их сходу заставлять регистрироваться на сайте или вводить данные на нем.
Нужно, чтобы клиент самостоятельно захотел регистрироваться и сделал это быстро и без особых трудностей.

Принцип 3. Сфокусируйте внимание клиента на важных вещах


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


Принцип 4. Покажите доступные функции


Структурированные данные крайне полезны и удобны для обычного пользователя: списки, кнопки СТА. Это сильно облегчает восприятие информации и становится сразу понятно, какие действия доступны и как идти к цели.
Пример – личный кабинет Yagla. Один экран транслирует сразу три возможности:

Принцип 5. Работайте с сильным текстом


Никому не нравится сплошной скучный текст – без выделенных подзаголовков, картинок и списков.
И разговор стоит вести исключительно по делу. Если вы ориентируетесь на клиента, то сразу откажитесь от заумных слов и терминов.
И меньше работайте в духе рекламы. Вместо этого используйте убедительные доводы в пользу необходимости покупки продукта или регистрации на сайте.
Вот пример от Eleven 2: «Мы имеет планы от 6 долларов в месяц».



Принцип 6. Простота – лучшее качество


Люди кликают на сайт не для того, чтобы смотреть на дизайн. Им необходима информация. А в задачи дизайнера входит упрощение её поиска.
Так, на главной странице сайта Crcbus данные на итальянском языке, но всё предельно просто: куда нажимать, что и где искать – вполне ясно и просто.




Принцип 7. Не опасайтесь пустых пространств


Его не стоит бояться – с ним можно и нужно работать. Пустота на страницах уменьшает информационную нагрузку и фокусирует данные на значимых элементах. И хорошо разделяет данные на блоки по смыслам.


Принцип 8. Работайте с визуализацией


Есть 3 правила хорошей визуальной коммуникации:

  • Структурированность. Логичная и понятная подача данных.
  • Экономичность. По минимуму текста и по максимуму «визуалки».
  • Простота восприятия. Важна наглядность и разборчивость. Не используйте на странице больше трех видов шрифтов и не больше трех размеров. Лучшая длина строки – от 50 до 80 символов.


Принцип 9. Шаблоны – это хорошо


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


Принцип 10. Тестируйте, тестируйте и еще раз тестируйте


Лучший совет – тестировать сайт минимум на одном пользователе, нежели не тестировать вовсе. И проделайте эти тесты лучше на одном пользователе в начале, нежели на пол сотне к концу разработки.
И не забывайте, что тестирование является повторяющимся процессом, который помогает выявлять всё новые и новые проблемы и успешно их устранять.
Свежий взгляд – намного лучше оценки тех, кто много и долго работать с сайтом. Это немаловажно.
Работайте с этими десяти принципами и вносите свои изменения. Это поможет сделать сайт удобным, простым и принести хорошую конверсию.