От автора: по результатам популярного исследования Миссурийского университета науки и технологий посетители формируют мнение о вашем бизнес сайте менее чем за две десятых секунды. Помогает им в этом визуальный контекст, который формирует хорошее впечатление и задерживает пользователей на сайте подольше. Картинка влияет на пользователей сильнее текстового контента, так как с ее помощью можно более эффективно и быстрее передать сообщение.
На словах трудно объяснить читателю, что писатель хочет передать. То же самое и в веб-дизайне. Сайту необходим визуальный контекст, который свяжет жизненный опыт и истории организации.
Что такое визуальный контекст?
Визуальный контекст связан с представлением контента таким образом, чтобы лучше доносить основную идею сайта.
Например, на сайте архитектора может быть портфолио с успешными проектами. Пользователь сам решит, нужен ему этот раздел или нет. Визуальный контекст с самого начала (изображения, цвета, отступы) даст пользователю понимание о знаниях архитектора в дизайне, опыте в строительстве и административной экспертизе.
Разберем еще один пример с компанией по производству аэрокосмической техники. Смелая картинка самолета и техники сразу дает понять о положении этой компании в авиационно-космической промышленности. Пользователю даже не нужно читать текст на баннере.
Представьте, как бы выглядел этот лендинг без изображения самолета. Более расплывчато и сложнее. Merc Aerospace предлагает широкий выбор инженерных решений в различных секторах. Основное направление – авиационная промышленность. Все это подходящим образом представляется через картинки.
Как создать визуальный контекст?
Создание визуального контекста зависит от понимания ваших пользователей, перспективы смены пользователей с возрастом, полом и этнической принадлежностью. Например, изображения с белым цветом могут вызвать счастье у одних людей и грусть у других. Поэтому для создания идеального визуального контекста на вашем бизнес сайте необходимо оценить понимание вашей аудитории, того, с чем вам может помочь пользователь.
Несколько ценных ингредиентов в создании визуального контекста:
изображения с типом бизнеса;
инфографика, собирающая основной текст в читаемом виде;
стрелки, линии, узоры, подсвечивающие номера и показывающие направление;
выборка слов и фраз, обогащающих визуальный контекст;
истории, рассказанные с помощью креативной графики;
привлекательные иконки, помогающие в меню.
Насколько важен визуальный контекст?
Давайте рассмотрим несколько причин значимости визуального контекста:
Первое впечатление
Выше мы уже сказали, что пользователям для формирования мнения о вашем сайте нужны доли секунды. Более полное мнение складывается за следующие несколько секунд. Бренд, изображения и иконки должны создать хорошее первое впечатление за короткий промежуток времени. Чтобы пользователи остались на сайте подольше, убедитесь, что визуальный контекст дает информативную картинку того, о чем ваш сайт и для чего.
Помогает с донесением информации
Визуальная составляющая сайта «чувственно» привлекательнее, чем текстовый контент. Пользователь, скорее всего, обратит внимание на еще несколько изображений, подтверждающих общий контекст, а не на фразы и параграфы текста. Неважно, насколько хорошо вы передаете историю, первый эмоциональный отклик от пользователя сильно зависит от изображений, что помогает в передаче информации.
Пользователи намного лучше понимают визуальный контекст
Визуальный контекст оживляет историю, он помогает пользователю понять ваш бизнес и ваши операции. Он или она поймут базовую идею вашего бизнеса из контекста и начнут искать опции, товары и услуги.
Если вы гонитесь за инновационным интерфейсом, который бросает вызов конвенциям, визуальный контекст поможет преодолеть разрыв между пользователями и вашим товаром.
Эмоциональная связь имеет значение
Визуальный контекст вызывает эмоции у целевой аудитории. Разберем пример с Lend With Care, микрофинансовой организацией. Посчитайте количество лиц на домашней странице. Это мгновенно передает контекст и связывает пользователя. Теплые и мягкие цвета делают сайт привлекательнее, улыбки передают позитив и чувство сообщества.
За считанные секунды у посетителей создается эмоциональная связь с сайтом.
То же самое применимо к товарам. Покупатели могут сформировать форму связи с разными товарами. Вы, как дизайнер, должны создавать картинку, которая будет пробуждать внутренние чувства у целевой аудитории.
Заключение
Визуальный контекст помогает пользователям, особенно тем, кто на вашем сайте первый раз. Он интерпретирует характеристики и значения с сайта. Как дизайнер, вы можете использовать все вышеописанное для создания важного контекста (изображения, цвета, визуальные данные, инфографика, видео, анимация, иконки, направления и другие визуальные инструменты).
Автор: Paul Simmons
Источник: //webdesign.tutsplus.com/
Редакция: Команда webformyself.
