Следить за новостями:

Категории
Свежие записи
BrainFБлог

10 коротких советов о web-дизайне

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

Помните о том что у вас не так много времени

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

Помните что пользователь просматривает web

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

Верхний левый угол является наиболее заметным

Это всем известный факт основанный на том что люди читают книги и статьи начиная с левого верхнего угла. Ранние web-сайты и приложения были реализованы таким же образом. Мы часто помещаем логотип в верхнем левом углу и это хорошо. Но в некоторых случаях стоит задуматься о размещении там другого элемента, который мы хотим сделать более заметным (ссылка на вход, форма поиска, слоган…)

Шаблон буквы F

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

Узнайте о том что игнорируют пользователи

Люди слепы к рекламе. Они приспособились игнорировать рекламные баннеры и текстовые объявления. Избегайте дизайна который выглядит как реклама. Кроме того пользователи игнорируют большие блоки текста. Ни у кого нет времени (на самом деле терпения) читать большие блоки текста для того чтобы получить представление о содержимом страницы.

Текст vs графика

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

Привлекайте внимание элементами дизайна

Для привлечения внимания хороши текстовые лозунги, призывающие к действию кнопки (ярких цветов), структурированные списки да и вообще списки в целом…

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

Форматирование текста

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

Используйте чистую графику

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

Для привлечения внимания вы можете использовать изображения людей. Особенно если эти люди смотрят на пользователя. Используя глаза на фото, вы можете заострить внимание пользователя в нужном направлении.

Используйте отступы

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

Еще по теме

Один комментарий к записи

Ваш комментарий
выберите имя