Сайт Блог Связаться

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


Phil Brisk – 29 июня 2007

Создание сайтов Консультации Продвижение сайтов Разработка проектов
Карта сайта

Web дизайн. Разработка проектов. Консультации в области Интернета и сайтостроения.
© 2010 – 2013 Михаил Вилисов.