Не Декорируй, Информируй!

Автор: Phil Brisk

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

Оформлена ли ваша информация наиболее удобным для пользователей образом?

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

1. Помните, как работает мозг

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

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

Оставляет ли такой подход место для творчества? Конечно.

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

2. Помните, как работают глаза

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

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

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

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

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

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

В другом случае, я видел брошюру, увеличившую отклик читателей на 543% после небольшого редизайна, заключавшегося в использовании шрифта с засечками вместо рубленного (проще читать) и удаления большого количества изображений с правой границы страницы (где они отвлекают взгляд читателя, и препятствуют его возврату на следующую строку).

Сейчас вы подумали, — «Замечательно, но это печать. Многое ли из этого актуально в веб-дизайне?»

Практически все. Многие успехи и неудачи печатных дизайнеров, сейчас повторяют веб-дизайнеры.

3. И самое главное - вы здесь, чтобы информировать, а не декорировать

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

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

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

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

Оригинал: Don't Decorate, Communicate!

Источник: Design For Masters

Об авторе: Фил Бриск является рекламным писателем и творческим директором с более чем  20-летним опытом работы на телевидении, в печатных и электронных средствах массовой информации.