Юзабилити главной страницы

Чтобы обратить на себя внимание посетителя, у сайта есть всего 10 секунд. Удержит ли пользователя главная страница Вашего сайта? В обществе, насыщенном информацией и многочисленными сайтами разной направленности, главная страница сайта должна привлечь внимание посетителей и ответить на вопросы: где, что дальше, зачем. Отвечает ли главная страница Вашего узла этим требованиям? В этом выпуске перечислены основные принципы создания удобных главных страниц (по материалам работ Якоба Нильсена)

Зачем?

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

Назначение сайта

• Название и/или логотип компании должны иметь подходящий размер и располагаться в заметном месте страницы. Обычно это верхний левый угол (для языков читающихся слева направо)
• Добавить к странице рекламный лозунг, который бы четко характеризовал, чем занимается данная компания (или для чего предназначен сайт)
• Четко выделите первостепенные задачи сайта, чтобы, попав на главную страницу, посетитель сразу понимал, с чего ему следует начинать (например, середина верхней части страницы. Постарайтесь не перегружать эту область визуальными эффектами – если выделить все, пользователь не заметит ничего.
• Количество ключевых задач должно быть небольшим (1-4), а область страницы вокруг нее – незаполненной)
• Оформление главной страницы должно четко отличать ее от остальных страниц сайта.

Информация о компании

Если поддерживаете механизм Обратной связи, объясните назначение данной ссылки и уточните детали – кто именно будет читать полученные сообщения: служба работы с клиентами или web-мастер и т.п.

Стиль содержимого сайта

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

Не употребляйте слишком много умных фраз или рекламного жаргона, которые только затрудняют понимание (не «Выбирай, планируй и вперед!», а «Планирование отпуска»)

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

Формулируя задания для пользователей сайта, используйте повелительное наклонение, например «Введите название города».

Избегайте восклицательных знаков (тогда их придется часто использовать либо остальной текст потеряет значимость)

Использование примеров для краткого обзора содержимого сайта

Примеры должны рассказывать, а не просто описывать содержимое сайта (заголовок «Товары» скажет много меньше, чем фотографии нескольких реальных товаров вместе с их ценами)

Каждый пример должен сопровождаться ссылкой на подробное описание данного продукта, а не категории, к которой он принадлежит

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

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

Ссылки

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

Цвета просмотренных и непросмотренных ссылок должны различаться

В названии ссылки или группы ссылок не употребляйте само слово «ссылка». Чтобы показать, что данное слово или фраза является ссылкой, подчеркните его/ее и выделите голубым

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

Навигация

Главная панель навигации должна находиться в заметном месте страницы, предпочтительно рядом с ее основной частью (не следует размещать верхнюю горизонтальную панель навигации (неважно, главную или какую-нибудь другую) над графическими элементами наподобие горизонтальных границ или баннеров – пользователи зачастую игнорируют любую прямоугольную область в верхней части экрана, а также все, что находится выше нее. Подобное поведение называют «баннерной слепотой».

Страница не должна содержать активной (т.е. такой, на которой можно щелкнуть) ссылки на саму себя.

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

Поиск

Главная страница должна содержать непосредственно поле для ввода поисковых запросов, а не просто ссылка на страницу поиска.

Ссылки на службу сайта

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

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

Графика и анимация

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

Графическое оформление

Постарайтесь обойтись без горизонтальной полосы прокрутки для разрешения экрана 800 на 600 пикселей.

Все главные элементы главной страницы по возможности должны находиться «выше линии сгиба» (в первом экране страницы, доступном без вертикальной прокрутки) для наиболее распространенного разрешения экрана, которое на данный момент составляет 1024 на 768 пикселей.

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

Элементы интерфейса

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

Адрес главной страницы

Главные страницы коммерческих компаний должны иметь адрес вида www.company.com (или эквивалентный URL для домена Вашей страны или некоммерческого домена верхнего уровня. Позаботьтесь так же о том, чтобы главная страница компании «отвечала» на оба адреса www.company.com и company.com)

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

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

Новости и пресс-релизы

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

Раскрывающиеся окна и промежуточные страницы

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

Откажитесь от раскрывающихся окон. (Дополнительные окна только отвлекают внимание от главной странице, и даже если в этих окнах содержится какая-либо ценная информация, большинство пользователей все равно примут их за рекламные объявления и постараются побыстрее закрыть. Еще один недостаток раскрывающихся окон заключается в том, что от них легко избавится – как только пользователь закрывает такое окно, оно исчезает, и его назад невозможно, если даже пользователю очень захочется)

Рекламные объявления

Рекламные баннеры других компаний следует вынести «на периферию» страницы. (Никогда не размещайте баннеры рядом с первостепенными элементами страницы – наряду с баннерами посетители проигнорируют и сами элементы. Вообще не рекомендуется размещать главную информацию страницы над рекламными объявлениями: большинство пользователей «страдает» от «баннерной слепоты», т.е. проигнорируют все, что находится выше области размещения баннеров)

Избегайте общепринятых приемов дизайна рекламных баннеров в оформлении основного содержимого сайта.

Сообщение о технических проблемах и внештатных ситуациях

Если сайт «слег» или если важные элементы сайта перестали работать, немедленно сообщите об этом на главной странице. (Постарайтесь хотя бы примерно оценить, сколько времени уйдет на устранение неполадок – например, скажите не просто «Попробуйте зайти на сайт несколько позднее», а «Как ожидается, сайт заработает около 4 часов вечера») Заранее продумайте план работы с сайтом на случай внештатных ситуаций. (Например, подготовьте альтернативную главную страницу со специально областью, отведенной под сообщение о возникшем чрезвычайном положении, а также с упрощенной схемой навигации, которая бы состояла из нескольких перекрестных ссылок и способ возвращения к главной странице сайта)

Благодарности

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

Статьи по теме

Чат-бот – что это такое

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

2022-04-25

Основные UX-тренды 2022 года

Традиционно новый год приносит с собой ряд изменений в сфере e-commerce. Чтобы успешно конкурировать на рынке с другими компаниями, представ�...

2022-01-18

Особенности оформления подвала сайта

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

2021-08-02

Обратный звонок: полезный инструмент или раздражитель?

Несмотря на то, что в последние годы переписка между компанией и клиентами является основным методом коммуникации, некоторые люди по-пр�...

2021-03-29

Фирменный стиль: секреты успешной разработки

Число брендов на мировом рынке постоянно увеличивается. Чтобы выделиться среди конкурентов, вам необходимо разработать фирменный стил�...

2021-03-19

ТОП-10 онлайн-консультантов для сайта

Онлайн-консультанты − помощники, которые встречают гостей сайта практически сразу после визита на интернет-площадку. Эти виджеты позво...

2021-02-24

Вопросы юзабилити: на что обратить внимание в 2021 году?

Вопросы юзабилити: на что обратить внимание в 2021 году? Начало года − время для подготовки плана работы над сайтом. В зоне внимания в�...

2021-01-19

Подключение платформы Яндекс.Диалоги на веб-сайт

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

2020-09-15

Текст для карточки товара: как сделать идеальное описание?

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

2020-08-21

Онбординг: получаем признание клиентов за несколько секунд

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

2020-07-30

Главная страница: идеальное юзабилити

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

2019-06-26

Поведенческие факторы: суть и специфика их влияния на продвижение сайта

Поведенческие факторы (ПФ) − это всевозможные действия, которые совершают на интернет-сайте посетители. Их набор меняется с течением вр�...

2019-06-18

Оформление электронной корзины: как не помешать пользователям сделать покупку?

Онлайн-коммерция − высококонкурентная сфера. Чтобы побудить пользователей к приобретению, мало просто добавить активную кнопку «Купит...

2019-05-15

Оформление текстов на сайтах: 10 полезных советов

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

2019-01-09

3 конкретных шага, чтобы сделать ЛЮБОЙ сайт продающим! Или как минимум улучшить его.

ЗДРАВСТВУЙТЕ! Нам все чаще за последнее время стали поступать заявки с вопросами: как привлечь клиентов, какие рекламные каналы работ...

2017-03-01