Найти тему

3 составляющие веб-дизайна: внешний вид, содержание и смысл

Оглавление

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

Я выделила 3 ключевых направления: внешний вид, содержание и смысл. Именно сюда можно уложить все оставшиеся понятия.

Внешний вид

Отвечает за то, как мы воспринимаем веб-страницу с первого взгляда на неё. 3 вещи, отвечающие за внешний вид:

  1. Композиция. Знание принципов баланса помогает создавать гармоничные макеты, которые направляют взгляд пользователя к ключевым элементам веб-страницы.
  2. Типографика. Выбор сочетаемых шрифтов и других настроек, с ними связанных, играют ключевую роль в читаемости контента и его восприятии пользователем.
  3. Цвет. Цветовая палитра влияет на настроение и чувства пользователей. Знание теории и психологии цвета помогают в выборе эффективных цветовых схем.

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

Содержание

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

  1. Тексты. Основной контент веб-страницы. Заголовки, подзаголовки и тексты должны привлекать внимание и удерживать пользователя. Чтобы он хотел погружаться ещё и ещё.
  2. Медиа. Изображения, анимации, аудио и видеофайлы. Медиа элементы помогают объяснить то, чего не может текст. Дополняют текстовый контент и усиливают общее впечатление от сайта.
  3. Структура. Помогает пользователю быстрее ориентироваться на ресурсе. Отвечает за распределение контента как по блокам отдельной страницы, так и всему сайту в целом. В том числе, удобная и понятная навигация.

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

Смысл

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

  • Стратегия. Для чего создаётся сайт или веб-приложение. Какие маркетинговые задачи его владельца он должен решать и как вписывается в общую концепцию бизнеса.
  • Логика. Помогает определить, что именно должен делать продукт и как он это должен делать. Как пользователь решает свою задачу с помощью сайта и что ему помогает в этом или мешает.
  • Юзабилити. Простота использования сайта или приложения является ключевым фактором, который напрямую влияет на удовлетворенность пользователя и достижение бизнес-целей.

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

Вот такая у меня получилась схема. Вполне подходит под план обучения веб-дизайну. Именно по нему я и буду двигаться: искать, изучать и систематизировать сопутствующие материалы. О своих успехах обязательно сообщу. Ведь это всё-таки дневник ;)