Kategorien: Alle - цель - навигация - графика - функционал

von Roman Kolomiets Vor 13 Jahren

504

Юзабили сайта

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

Юзабили сайта

Юзабили сайта

Навигация

3 клика
Важные страницы
Иконки
Меню

Графический дизайн

логотип

Текстовый дизайн

Заголовки сайта

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

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

Сформулирован заголовок должен быть так, чтобы его можно было быстро прочитать. Желательно, от 1 до 3х слов. Короткий заголовок легче впишется в дизайн. Будет больше возможности для его оформления.

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

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

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

Заголовки разделов

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

По размеру заголовки всегда больше основного текста и могут быть выделены более контрасно. Выделять заголовки можно отступами, другим шрифтом. У заголовков может располагаться иконка . Графические детали делают текст более привлекательным

Цвета

Играйте на контрассности. Текст не должен теряться на фоне или быть близким к его цвету.

Если фон сайта светлый, то текст должен быть темный. Если фон темный, соответственно, текст максимально светлым.

Наиболее читабельным считается темный текст на белом фоне.

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

Но, будьте внимательны в выборе оттенков цвета, когда вы выбираете среди другой цветовой палитры, отичной от белого и черного цветов.

Не всегда нужно оперироваться правилом контрассности. Есть цвета, не подходящие друг к другу.

Шрифт

Правильный выбор шрифтов на сайте увеличивает читабельность.

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

Для заголовков можно использовать шрифты с засечками. Самые распространненые: Times new roman и georgia.

Размер шрифта основного текста должен быть не меньше 10 пикселей. Желательно 13-14 пикселей.

Размер заголовков должен быть больше, чем у основного текста.

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

Колонки

Старайтесь располагать текст в 1 колонку, если сайт небольшой ширины. Если ширина большая, можно разбить на 2,3 колонки.

Оптимальным вариантом считается 1 или 2 колонки. Это увеличивает читабельность. Именно поэтому в газетах всегда разбивают текст на колонки.

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

Абзацы

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

Избегайте больших сплошных текстов. Они утомляют читателя.

Общие правила

Рождение сайта

Цель

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

Анализ подобных сайтов

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

Идея

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

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

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

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

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

Подбор функционала

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