10 Способов упростить дизайн

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

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

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

1. Фокусируйтесь на призыве к действию

Упростить дизайн

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

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

2. Оптимизируйте количество страниц

Упростить дизайн

Ваш дизайн состоит из множества страниц информации? Вы уверены, что это так необходимо?

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

Избавьтесь от страниц, которые содержат старую, неактуальную информацию. Удалите страницы, содержащие бесполезные виджеты или карты – эти элементы, как правило, можно разместить в другом месте.

3. Придерживайтесь цветовой палитры

Упростить дизайн

Большое количество цветов – это весело и увлекательно, а также очень утомительно. Придерживайтесь цветовой палитры из двух-трех цветов, чтобы держать все под контролем.

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

4. Используйте стандартную навигацию

Упростить дизайн

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

Стандарты, тем временем, достаточно скудны. Полоска навигации сверху страницы, или выдвигающееся элементы навигации с 3-8 опциями меню считаются нормой. И забудьте об этих мега-стильных навигационных меню, которые когда-то были популярны. Если вы не крупный e-commerce предприниматель, нет никакой нужды помещать каждую страницу сайта в меню. К тому же, такие меню редко работают на мобильных устройствах.

5. Используйте правило 80-20

Упростить сайт

Если вы собираетесь поменять дизайн, то начать стоит с правила 80-20.

Существует два варианта понимания этого правила и способа его применения.

  • 20 процентов всех элементов вашего сайта лягут в основу 80 процентов желаемых действий пользователей. Это означает, что призывы к действию, кнопки и другие элементы интерфейса будут генерировать подавляющую долю взаимодействий с пользователем. Это совершенно нормально.
  • Имея это в виду, перерабатывайте дизайн, фокусируясь на 20 процентах контента, чтобы получить 80 процентов результата. 20 процентов элементов, которые вы, возможно, захотите изменить, включают те элементы, которые генерируют наибольшее количество кликов: кнопки призыва к действию, воронки конверсии и изображения. Пустые пространства – еще один важный фактор.

Правило 80-20 также называют принципом Парето. Он был сформулирован экономистом Вильфредо Парето, но нашел свое применение во многих областях.

6. Осмысленно используйте UI элементы

Упростить сайт

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

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

7. Позаботьтесь от типографике

Упростить сайт

Правило с использованием типографии такое же, как и в случае с цветом – чем меньше, тем лучше.

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

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

8. Увеличьте размер шрифта

Упростить дизайн сайта

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

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

9. Сфокусируйтесь на тексте

Упростить дизайн сайта

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

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

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

10. Нарушьте одно правило, но только одно

Упростить дизайн сайта

Правила нужны, чтобы их нарушать. Но нарушьте только одно правило.

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

Звучит просто, да?

Заключение

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

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


Перевод статьи 10 Ways to Simplify Your Design

Автор оригинального текста: Carrie Cousins