В многочисленных экспериментах было показано, что упрощение внешнего вида, снижение количества действий, которые необходимо предпринять пользователю, и прочие визуальные способы подстройки под него способствуют повышению лояльности и росту конверсии. Рекомендации по улучшению дизайна основываются на базовых и свойственных каждому человеку особенностях восприятия информации и специфике сетевого поведения людей.
Упрощение
Тенденция к упрощению в эпоху постиндустриального общества носит глобальный характер и не является специфичной для веб-дизайна. Среднестатистический пользователь проводит в интернете 3 часа в день и вынужден обрабатывать большое количество информации, преимущественная часть которой является откровенным мусором. И временной, и когнитивный ресурс любого пользователя ограничен. С этим и связано требование к упрощению:
- Минимум деталей и контента, отвлекающих внимание.
- Стилистическое единообразие.
- Акцентированные элементы.
Реализация трех перечисленных задач лежит в основе современного веб-дизайна.
Отрицательное пространство
Одним из методов упрощения, который позволяет минимизировать нагрузку на пользователя и акцентировать призыв к действию на фоне стилистического единообразия, является расширение зоны отрицательного пространства. Под этим термином понимают пустое место на экране, не заполненное ни текстом, ни элементами навигации, ни призывами к действию. Многие глобальные сервисы реализуют такой подход на своих главных страницах, экономя время пользователей и отсекая нецелевые регистрации, не конвертируемые в деньги.
Правило третей
Одно из базовых правил работы с любыми изображениями применительно к веб-дизайну говорит, что все самое важное должно находиться в центральной части экрана. Для этого экран делится на 9 равных прямоугольников (3 х 3). Центральный прямоугольник – самый важный, а элементы, находящиеся на его сторонах и в углах – максимально концентрируют на себе внимание. Это правило целесообразно использовать в лендингах, а также на страницах с большим объемом отрицательного пространства.
Правило F
Если правило третей идеально для применения в минималистичных дизайнах, позволяющих локализовать важное в одной точке, правило F подходит для более содержательных страниц. В многочисленных экспериментах было показано, что пользователи следуют глазами по странице в следующих направлениях:
- из левого верхнего квадрата в правый;
- из левого верхнего квадрата вниз до левого центра и далее по горизонтали;
- из левого центра вниз.
Схематично такое движение глаз по странице формирует букву «F». Соответственно элементы по степени их важности должны размещаться на «осях» этой буквы. Исходя из этого правила, призыв к действию целесообразно располагать слева. Правую часть экрана лучше оставлять под менее важный контент.
Использование изображений
Фотографические иллюстрации позволяют установить с пользователями более близкий контакт. В зависимости от целей изображения могут вызывать эмпатию (сопереживание), ассоциацию (перенос) – и то, и другое «цепляет» человека на подсознательном уровне. Вызывая положительную эмоцию, изображения способствуют более лояльному поведению пользователей, в том числе на длительном отрезке времени. В большинстве случаев целесообразно использовать изображения людей, однако, в зависимости от аудитории и специфики деятельности, это могут быть животные, птицы и даже нереальные персонажи.
Цвет и контраст
Будет излишним упоминать о необходимости гармоничного цветового решения. Так, например, фиолетовый и зеленый – плохо сочетаются друг с другом. Синий и его оттенки можно признать наиболее спокойным и позитивным цветом, однако, если каждый второй сайт будет выполнен в этой цветовой гамме, наверное, это тоже не самый удачный вариант. Отдельно следует сказать о таком способе привлечения внимания к отдельным элементам, как контраст. Это не обязательно противоположные цвета, как, например, белый и черный. Контраст белому составит любой яркий цвет: оранжевый, зеленый, бардовый и прочие. Какие же элементы следует делать контрастными? Это, прежде всего, призывы к действию, кнопки, гиперссылки, в том числе обеспечивающие навигацию по сайту.
Читабельный текст
Помимо того, что текст должен быть читабельным с точки зрения содержания и синтаксиса, не менее важен и дизайнерский вклад. Не следует увлекаться изощренными шрифтами, которые сложно разобрать. В то же время и чисто канцелярский Times в большинстве случаев смотрится неуместно. Читабельный текст выглядит следующим образом:
- достаточный интервал между буквами в словах (это особенно важно для мелкого шрифта);
- межстрочный интервал 1,5 и более;
- регулярное деление на абзацы (если текст большой);
- использование отрицательного пространства между текстовыми элементами (если текстовый материал небольшой).
Несмотря на важность дизайна, следует помнить, что только лишь одним им повысить конверсию вряд ли получится. Помимо внешнего вида, который важен, пользователи хотят видеть нужный им контент. Без него дизайнерское оформление будет лишь красивой обложкой.