Психология веб-дизайна: играем по-новому

Психология веб-дизайна: играем по-новому

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

Психологические аспекты дизайна

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

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

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

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

4 составляющих успеха

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

Пространство.

Контент.

Оформление текста.

Цвет.

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

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

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

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

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

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

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

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

Цвет. О цветах мы будем говорить отдельно, психология цвета в web-дизайне — это вообще очень ответственная и обширная тема. Цветом можно передать все: чувства, эмоции, донести самое важное. Современные дизайнеры редко (особенно если это касается коммерческих проектов) экспериментируют с цветами, для большинства случаев они уже подобраны и работают успешно. Приведу пару примеров:

сайты, посвященные натуральной косметике или бытовой химии, на 60% состоят из зеленого цвета — это помогает ассоциировать их с природой;

сайты высоко технологичной продукции используют синий цвет — надежный и уверенный;

если это кулинарный сайт, на 70% это будет бежевый и кремовый цвет, вызывающий аппетит и ассоциации с воздушным кремом;

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

Загадки цвета: отгадки рядом

Факторов, влияющих на то, как человек воспринимает информацию, множество:

кто-то проще обрабатывает визуальный ряд;

кому-то лучше один раз услышать;

а кто-то воспринимает явления исключительно тактильно.

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

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

Что вам как веб-дизайнеру следует усвоить в этом направлении?

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

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

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

В-четвертых, методы фокусировки и построения ассоциативного ряда.

В-пятых, основы анализа дизайна с точки зрения привлекательности для пользователей.

Вместо заключения

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

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

Хотите научиться создавать шикарные дизайны сайтов?

Получите бесплатную пошаговую обучающую систему по веб-дизайну

Получить

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (1)

  1. Татьяна

    Привет! Скажите, что Вы думаете о необходимости понимания и умения работы с формой и композицией в веб-дизайне? Для примера сайт из вашей подборки olea.com.au : шапка оформлена нестандартно, но гармонично. Хотелось бы тоже так уметь.Можете посоветовать хорошую литературу на это тему?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree