Первый контакт

Главное меню

• Если в меню мало пунктов, его можно сделать горизонтальным, если больше 5 — делайте вертикальным.
• Если меню представляет собой список (например, список услуг), делайте его вертикальным.
• Если сомневаетесь, делайте меню вертикальным.

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

• Хорошо, когда подменю раскрываются по клику, а не при наведении.
• Подразделы должны быть видны всегда, когда я нахожусь в «материнском» разделе.
• В подменю должно быть только то, что однозначно относится к этому разделу. Лучше сделать отдельный раздел, чем добавлять подпункт «до кучи».
• Используйте «хлебные крошки».

Дублирование информации

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

Привлечение внимания

1. Каждый элемент должен находиться там, где я, скорее всего, буду его искать. Сначала подумайте, какие вопросы задает клиент, когда приходит на сайт: «А они доставят товар в мой город?», «Где я могу найти стиральную машину с вертикальной подачей?» и т.д. А затем выстраивайте иерархию согласно этой логике, объединяя общее и выделяя частное.
2. Элемент должен быть заметен сам по себе. Только не надо больших красных букв, всплывающих подсказок и громоздких блоков. Просто отделите элементы друг от друга, а активные элементы сделайте похожими на активные (кнопки, вкладки, пункты меню, ссылки).

Нестандартный дизайн

Транзакционные элементы

Главная страница

• «Да, я вижу, что это интернет-магазин, но что он продает?»
• «Да, я понял, что это сайт про мишек Тедди, но что это: интернет-магазин, сайт производителя, клуб любителей?»
• «Да, я понял, что это новостная лента, но какова тематика?»
• «Стоматологическая клиника. Она хотя бы в моем городе?»
• «Ага, это что-то про интернет. Блин, да я и так в интернете! Вроде бы, это не Хабр, что нового я тут найду?!»

Резюме