Заметка «Как читать стихи с ребёнком» лежит в разделе «Разное». Человек находит её через поиск, читает и уходит: в меню ничто не подсказывает, где искать другие материалы о домашнем чтении. Чтобы заметить такую проблему, полезно спросить себя: куда нажмёт читатель, который помнит тему, но не заголовок?
В семейном блоге пути у всех разные. Кто-то ищет идеи для тихого вечера с ребёнком, кто-то — записи о кошке, а кто-то помнит историю про хорька, но забыл, как она называлась. Меню, рубрики, поиск и ссылки между публикациями должны помогать и тем, кто зашёл впервые, и тем, кто хочет продолжить чтение.
Ошибка 1. Пункты меню названы красиво, но непонятно
«Наш мир», «Моменты», «Полезное» звучат по-домашнему, но не говорят, что лежит внутри. Особенно трудно угадать, куда идти, если в «Полезном» собраны и детские книги, и уход за домом, и истории о питомцах.
Основные разделы лучше назвать по содержанию: «Дети и занятия», «Книги и чтение», «Кошки и хорьки», «Дом и семейный быт». Для авторского голоса останутся заголовки и сами тексты. Рубрика не обязана перечислять все темы до одной, но читатель должен примерно представлять, что в ней найдёт.
Проверить названия просто: покажите меню человеку, который не читал блог, и спросите, где он стал бы искать материал о чтении перед сном. Если он долго выбирает между разделами, стоит пересмотреть подписи, а не винить гостя в невнимательности.
Ошибка 2. В верхнее меню попало всё сразу
Десятки рубрик, «Об авторе», «Контакты», архивы по годам и любимые записи автора в одной строке — тут уже трудно понять, с чего начать. На узком экране часть пунктов переносится или прячется, а выглядят они одинаково важными.
Оставьте в основном меню несколько постоянных направлений. Служебным страницам можно найти другое место, а отдельные статьи открывать через рубрики. Например, материал о том, как читать стихи с ребёнком без принуждения, логичнее искать в разделе «Книги и чтение», чем среди пунктов верхнего меню на каждой странице.
Прежде чем убирать пункты, выпишите их и отметьте, какие ведут к широкой теме, а какие — к одной записи. Потом проверьте, что снятые из меню страницы всё ещё доступны через рубрику, поиск или подходящую ссылку в статье.
Ошибка 3. Рубрики пересекаются или остаются пустыми
«Семья», «Дети», «Семейные будни», «Вместе дома» легко превращаются в четыре названия для похожих записей. Автор сомневается, куда положить новую историю, читатель — где искать старую. Бывает и обратное: множество узких рубрик, в каждой по одной публикации. Открываешь раздел в ожидании подборки, а продолжения нет.
Попробуйте для каждой основной рубрики записать короткое правило: что сюда входит, а что нет. Например, в «Книгах и чтении» могут жить впечатления от книг и заметки о совместном чтении. В «Детях и занятиях» — игры, учёба и другие повседневные занятия, где литература не главная тема. Если запись подходит в оба раздела, выберите её основное назначение, а вторую тему обозначьте в заголовке, описании или ссылках из других статей.
Новую рубрику стоит заводить, когда для неё уже есть несколько публикаций и понятно, чем она отличается от соседней. Пустой раздел лучше пока не показывать в меню.
Ошибка 4. Выпадающее меню сложно открыть
Подменю, которое появляется только при наведении мыши, неудобно на сенсорном экране и при управлении клавиатурой. Даже с мышью список может закрыться, если курсор чуть ушёл в сторону. Ссылка вроде бы есть, но попасть на неё непросто.
Проверьте меню мышью, пальцем и клавиатурой. Вложенный список должен раскрываться по понятному действию, а не только при наведении. При переходе клавишей Tab должно быть видно, какой пункт выбран; открытый список не должен исчезать, пока человек движется к его ссылкам. Если вложенных пунктов всего пара, возможно, удобнее вывести их на страницу рубрики.
Длинную цепочку из меню, подменю и ещё одного подменю тоже лучше не строить. На телефоне она занимает экран, на компьютере требует слишком точных движений. Обычная страница раздела со списком подразделов часто справляется лучше.
Ошибка 5. На телефоне навигация выглядит иначе, чем ожидалось
На мобильной версии меню может скрываться за незаметной иконкой, ссылки — оказаться слишком мелкими, а закреплённая плашка — перекрыть список. Читатель не обязан угадывать, куда пропали рубрики. Если кнопка выглядит необычно, подпишите её «Меню». Заодно проверьте, легко ли закрыть открытую панель и вернуться к статье.
Откройте сайт на настоящем телефоне, не ограничиваясь уменьшенным окном браузера. Попробуйте одной рукой перейти из статьи в рубрику, открыть поиск и вернуться назад. Не стоят ли ссылки вплотную? Не приходится ли увеличивать страницу, чтобы нажать на нужную? Длинные названия должны переноситься, а не налезать на соседние пункты.
Проверяйте не только главную. Читатель нередко попадает сразу на отдельную запись, и оттуда ему тоже нужен понятный путь к другим материалам.
Ошибка 6. Читатель не видит, где он находится
Если на странице виден только заголовок статьи, в большой рубрике легко потерять ориентир. Название раздела рядом с публикацией поможет понять, где она лежит. При многоуровневой структуре пригодятся и «хлебные крошки» — короткая цепочка ссылок от главной страницы к текущему разделу. По ней можно подняться выше, не возвращаясь через браузер.
Но усложнять ради порядка не нужно. Небольшому блогу часто хватает ссылки на рубрику и заметного общего меню. Если добавляете крошки, сверьте их подписи с настоящими названиями разделов и проверьте каждый промежуточный переход.
Ошибка 7. Поиск есть, но не помогает найти запись
Поиск выручает, когда человек помнит слово из заголовка или конкретную тему. Но от строки, спрятанной глубоко в меню, мало пользы. Пустая выдача без пояснения и результаты без заголовков или коротких описаний тоже оставляют читателя в тупике.
Введите обычные запросы: «хорёк», «стихи», «книги», «прогулка». Появляются ли нужные записи? Можно ли различить их в результатах? Если ничего не найдено, покажите понятное сообщение и предложите основные рубрики вместо пустого экрана. Заодно попробуйте разные формы слов: так выяснится, справляется ли с ними встроенный поиск.
При этом поиск не заменит меню. Тот, кто не знает точного слова, пойдёт смотреть разделы; тот, кто помнит фразу, скорее введёт её в строку.
Ошибка 8. Ссылки в статьях ведут куда угодно или никуда
После истории о кошке хочется порой почитать ещё что-то близкое по теме. Но длинный блок случайных рекомендаций только мешает, особенно когда по заголовкам непонятно, почему записи оказались рядом. Без ссылок тоже неудобно: приходится возвращаться на главную и искать заново.
Ставьте переходы там, где они продолжают разговор. Если в заметке о совместном чтении речь зашла о привычках перед сном, к месту будет материал про вечернее чтение и семейные рассказы без строгого расписания. По тексту ссылки должно быть ясно, куда она ведёт: так проще выбрать, открывать ли страницу. Это важно и для тех, кто слушает текст через программу экранного доступа и может просматривать ссылки отдельно от абзацев.
Время от времени открывайте старые записи и проверяйте переходы. Если страницу переименовали или удалили, ссылка может привести к ошибке. Для переехавшей страницы настройте перенаправление на новый адрес; если подходящей замены нет, уберите ссылку или перепишите предложение.
Ошибка 9. Понятных путей назад нет
Главная — не всегда та страница, куда хочется вернуться. Человек открыл историю из рубрики «Кошки и хорьки» и ищет соседние публикации, а заметная ссылка ведёт только к общей ленте. Здесь поможет ссылка на рубрику рядом со статьёй. Сама страница рубрики тоже должна быть удобной для просмотра: с заголовками и короткими описаниями материалов, а не одними датами.
Если архив разбит на страницы, проверьте и переходы между ними. «Следующая страница» должна продолжать текущую рубрику или результаты поиска, а не внезапно уводить в общую ленту. После просмотра отдельной записи человеку важно вернуться туда, где он остановился.
Ошибка 10. Ссылки оформлены так, что их трудно распознать
Ссылку, которая отличается от обычного текста лишь чуть более светлым оттенком, легко пропустить — особенно на маленьком экране или при ярком дневном свете. Подчёркивание либо другое постоянное визуальное отличие подскажет, что на слова можно нажать. Эффекта при наведении недостаточно: на телефоне его нет.
Другая крайность — делать ссылкой почти каждое выделенное слово. Тогда абзац трудно читать, а нужный переход — выбрать. Проверьте также, виден ли фокус при перемещении клавишей Tab: должно быть понятно, какая ссылка откроется после Enter.
Как проверить навигацию без большого исследования
Возьмите три задачи, похожие на обычные действия гостей блога. Названия рубрик не подсказывайте — как раз нужно понять, помогают ли они сами по себе.
- Найти запись о совместном чтении, не зная её точного заголовка.
- Открыть любую статью о питомце, затем перейти к другим материалам той же темы.
- С телефона найти конкретную публикацию по одному запомнившемуся слову.
Попросите одного-двух знакомых пройти эти пути и посмотрите, где они останавливаются, возвращаются назад или выбирают не тот раздел. Во время проверки не объясняйте устройство сайта: подсказка скроет трудное место. Запишите не только итог, но и слова человека. «Я думала, книги будут в разделе „Семья“» расскажет больше, чем «меню неудобное».
Потом исправляйте проблемы по очереди. Если сбивают названия — начните с них. Если раздел находится легко, но записи внутри неразличимы, займитесь страницей рубрики. Если трудности возникают только на телефоне, сначала проверьте отображение и кнопки, а уже потом меняйте структуру сайта.
Короткий список для повторной проверки
- Названия в меню соответствуют тому, что открывается после нажатия.
- Из отдельной статьи виден путь к её рубрике.
- Меню открывается пальцем и доступно с клавиатуры.
- Поиск показывает различимые результаты и объясняет пустую выдачу.
- Внутренние ссылки ведут на существующие страницы по теме.
Для первой правки выберите одну неясную рубрику и выпишите заголовки пяти записей из неё. Подберите название, которое подходит всем пяти без натяжки, а затем покажите его человеку, не знакомому с блогом. Спросите, пошёл бы он в этот раздел за нужной историей. Так станет понятно, помогла ли новая подпись, прежде чем менять остальное меню.