Как сделать сайт удобным и понятным для восприятия пользователями |
Сейчас речь пойдёт о том, как сделать сайт не только красивым, но еще удобным, простым для восприятия, интуитивно понятным для пользователей.
Перед тем, как попасть на Ваш сайт обычный пользователь уже посетил огромное количество сайтови у него уже выработается модель того, как должны выглядеть и функционировать сайты, а также, что и где должно ориентировочно находиться. Чаще всего посетитель сначала попадет на главную страницу сайта, а соответственно после этого решит дальше - бродить по этому сайту или закрывать и искать следующий. Также, если ему будет что-то непонятно или сложно для восприятия, то он уйдет. На главной странице должна быть информация, которая заинтересует посетителя сайтом. Тут может быть и описание того, что есть на этом сайте и чему он посвящён. Старайтесь не перегружать главную страницу и не выкладывать сразу всю основную информацию, заинтригуйте посетителя.
Принцип сайта, что на главной и внутренних страницах должен быть одинаков. Посетитель не должен путаться и ему должно быть всё понятно - как и где найти интересующую его информацию на сайте, а также что бы ему было удобно воспринимать предоставляемую информацию.
Представьте, что Вы вошли попали на сайт компании предоставляющий какие-то услуги, но не можете понять, что же за услуги предоставляются. Бродите по сайту, бродите но, у так и не понимаете в точности, что же предоставляют или продают. Парадоксально? Конечно! Заходят на сайт потенциальные клиенты или заказчики, а они не могут разобраться в содержимом и что где находится на сайте. Естественно, долго оставаться на сайте посетители не будут и уйдут на сайт к конкурентам.
Итак, вот и первые советы:
Название компании и логотип должны иметь подходящий размер и располагаться в заметном месте страницы. Лучший вариант - верхний левый угол.
Название сайта, его описание и рекламный лозунг должны отражать суть деятельности компании.
Важно выделить первостепенные задачи компании (сайта), чтобы пользователь сразу понимал куда он попал.
На главной странице должна быть информация, которая заинтересует посетителя сайтом. Эта эинформация должна быть информативной, чтоб посетитель чётко понимал, что находится на этом сайте и чему он посвящён, какие услуги предоставляются. Старайтесь не перегружать главную страницу и не выкладывать сразу всю основную информацию, заинтригуйте посетителя. Для магазина хорошо чтоб выводились на главной новые товары и товары на которые распространяются скидки, могут так же выводиться и самые популярные товары.
Определите количество разделов будущего сайта, их содержание, какие на сайте будут разделы и собственно, что на нём будет. Определитесь, что на сайте будет важнее, а что второстепенно. Напишите основные и второстепенные разделы.
Большинство посетителей зашедших на интернет-магизин или сайт каких-то услуг, прежде чем оплачивать товары захочет узнать о Вас побольше, поэтому должны быть специальные разделы среди которых обязательными являются "О нас" (может называться как угодно), где находится вся основная информация о компании, а так же раздел "Контакты", где помимо телефонов, факсов, электронных почт, асек, адреса и прочего, желательно, чтоб была и схема проезда.
Если считаете нужным, то телефоны консультации, номера асек и электронные почты могут быть вставлены в дизайн всех страниц сайта или только на главной таблице.
Не размещайте на общедоступном сайте информацию, предназначенную только для сотрудников компании, это может вызвать неразбериху.
Некоторые правила подачи информации:
Избегайте чрезмерности (когда выделено все, это гораздо хуже, чем когда ничего не выделено)
Не используйте в качестве названий разделов или каких-то блоков рекламные лозунги или слишком умные фразы, это затрудняет понимание.
Прежде чем употреблять не встречавшуюся ранее в тексте аббревиатуру, ее следует расшифровать.
Старайтесь избегать восклицательных знаков, лозунгов и через чур себя не расхваливайте (более эффективно указать свои сильные стороны и чем отличаетесь от конкурентов).
В описании товаров и услуг старайтесь давать чёткую информацию и характеристики, избегайте публикации не нужной информации.
Оформление ссылок:
Ссылки должны отличаться и выделяться (цветом или подчёркиванием) от текста.
Желательно, что бы цвет просмотренных ссылок отличался от не просмотренных.
Стили ссылок должны быть выставлены в соответствии с дизайном, а не те, что идут по умолчанию (синие, а посещённые - фиолетовые.
Если функция ссылки состоит в загрузке какого-то приложения, т.е. отличается от обычной, то об этом должно быть сказано.
Требования к навигации:
Навигация должна быть простой и понятной посетителям. Он сразу должен что есть на сайте и не тратить дополнительное время на то, что бы разобраться с тем где же и что тут находится. Очень часто, когда посетитель видя не понятное меню или плохо продуманное - закрывает сайт и находит другой сайт со схожей интересующей его тематикой. Меню может быть сверху или сбоку (слева или соответственно справа), а может разделяться на две части, например сверху идут структурные разделы сайта (контакты, баннеры и прочее), а сбоку идёт основное меню сайта. Крайне важно что бы Ваш сайт был удобен и понятен обычным посетителям.
Главная панель навигации должна находиться в заметном месте страницы, предпочтительно рядом с ее основной частью.
Сгруппируйте элементы области навигации (подобные элементы должны находиться рядом).
Если предусмотрена корзина для покупок, то ссылка на нее должна быть на главной странице, а ещё лучше чтоб она отображалась в дизайне (например в правом верхнем углу).
Наполнение графикой, музыкой и анимацией:
Не перегружайте графикой главную страницу, не используйте для неё тяжёлые и долгозагружающиеся картинки.
Ни в коем случае не используйте музыку, а если уж очень хочется сделать, то обязательно должна быть сделана возможность её отключения.
Графика должна отображать реальное содержание сайта, а не только служить его украшением.
Подписывайте рисунки и фотографии, если их смысл не до конца понятен из контекста статьи, к которой они прилагаются.
Изображения должны быть отредактированы в соответствии с размером экрана.
Изображения должны быть оптимизированы по объёму, но без потери качества.
Не подвергайте анимации главные элементы страницы (логотип, лозунг, главный заголовок) и не используйте анимацию только для того, чтобы привлечь внимание к какому-нибудь элементу главной страницы.
Время загрузки.
Если главная страница загружается долго, то пользователи сделают логичный вывод, что и весь сайт такой же медленный и высока вероятность того, что эти посетители пойдут на сайт конкурентов. Если страница грузится долго (и это не причина хостинга), то надо её облегчить (сократить количество и объём элементов тормозящих загрузку, оптимизация графики, сокращение объёма информации и прочее).
Ширина страницы.
Используется два варианта:
1. Сайт идёт по всей ширине т.е. боковые колонки постоянной ширины, а центральное поле с информацией - "гуляющее".
2. Фиксированная ширина сайта. Тут постоянно меняются стериотипы в сторону увеличения вместе с тенденцией перехода пользователей на всё большие и большие мониторы. Совсем недавно оптимальной шириноы было примерно 780 пиксилей. Теперь же самая распространенное разрешение монитора 1024х768 пикселей и оптимальная ширина страницы примерно 990 пикселей. Желательно, что бы сайт располагался по центру.
Длина главной страницы
Не обязательно пытаться "впихнуть все содержимое в первый "экран" страницы - достаточно, чтобы там находились ее важнейшие элементы. Оптимально, чтобы длина не превышала трех полных экранов.
Фреймы
Их использование крайне нежелательно, т.к. они негативно влияют на эффективность работы со страницей. Очень многих, в том числе и меня, они раздражают.
Навигация
Существует 4 различных схемы навигации, среди которых нет лидера и которые широко распространены:
левая панель навигации
вкладки
ссылки по верху страницы
список категорий в средней части страницы
нижняя строка навигации - туда обычно вставляют самые основыные разделы + разделы касающиеся информации о сайте и фирме. Если меню сайта не большое, то нижнее меню может включать все разделы и тем самым просто его дублировать. Желательно, что бы нижнее меню было в одну строчку.
|
|
|