Дизайн — статьи о сайтах
Макет сайта библиотеки смотрят директор, заведующие отделами, библиотекари и иногда учредитель. Каждый ищет на нём своё. Если не договориться о правилах просмотра, правки идут по кругу: сначала «добавьте новости», потом «а где режим работы», затем «этот отдел надо поднять выше». Ниже описан порядок, который помогает свести такие круги к одному-двум.
Почему правки в макетах библиотек приходят поздно
Главная причина в том, что макет рисуют на условных данных: аккуратный заголовок, три одинаковые карточки новостей, короткие названия отделов. В реальности анонс встречи клуба умещается в две строки, а объявление об изменении режима читального зала занимает три абзаца. Когда настоящий материал попадает в макет, оказывается, что блок его не вмещает, а у отдела нет ни фотографии, ни описания.
Вторая причина: согласующие не знают, чего от них ждут. Они оценивают вкус («слишком строго», «хочется ярче») вместо того, чтобы проверить, решает ли страница задачу читателя.
Что зафиксировать до первого эскиза
Письменно договоритесь о трёх вещах:
- Задачи посетителей по приоритету. Для библиотеки это обычно: узнать, как работает сегодня; найти книгу в каталоге; записаться или продлить срок; открыть электронные ресурсы; узнать о мероприятии. Выберите пять задач и расставьте по порядку. То, что оказалось внизу списка, не должно занимать верх страницы.
- Состав страницы. Это перечень блоков без оформления: что на странице есть и в какой последовательности.
- Владельцы контента. Для каждого блока назовите человека, который пишет и обновляет текст. Блок без ответственного через месяц устареет, хотя на макете выглядит красиво.
Только после этого имеет смысл обсуждать цвета, шрифты и картинки.
Условный пример: страница «Как записаться и получить книгу»
Представим вымышленную городскую библиотеку. Черновая схема страницы:
- вверху короткий ответ: «Записаться можно в любом отделе или заранее оставить заявку на сайте» и кнопка «Заполнить заявку»;
- рядом актуальный режим работы с пометкой, когда он обновлялся;
- четыре шага: заявка, подтверждение, визит с документом, получение читательского билета;
- перечень документов отдельно для взрослых, детей и школьников;
- порядок заказа книги и переход в электронный каталог;
- контакты отдела: телефон, почта, адрес и описание входа.
На согласовании такая схема даёт конкретные вопросы. Заведующая абонементом может заметить, что часы выдачи книг отличаются от часов работы читального зала. Значит, вместо одной строки нужна небольшая таблица, и лучше узнать это до вёрстки. Другой вопрос: что увидит посетитель, если приём заявок временно приостановлен? Для кнопки нужно предусмотреть состояние «сейчас недоступно» с номером телефона.
Как показывать макет, чтобы замечания были по делу
- Подставьте реальные тексты, самый длинный и самый короткий заголовок мероприятия или название отдела.
- Покажите нестандартные состояния: книга без обложки, длинное название издания, пустой результат поиска, объявление о закрытии на санитарный день.
- Откройте мобильную версию. Многие читатели заходят с телефона, поэтому смотрите макет в ширину экрана смартфона, а не уменьшенным на мониторе.
- Проверьте крупный шрифт. Если на сайте будет версия для слабовидящих, убедитесь, что при увеличении текста блоки не наезжают друг на друга.
Попросите давать замечания в одной форме: «страница, блок, в чём проблема, что предлагаете». Фраза «как-то не то» не может быть правкой.
Как собрать правки и не ходить по кругу
Назначьте одного человека, который собирает замечания в единый документ, и определите срок. Правки удобно делить на три группы: ошибки в фактах, нарушения задач посетителя («читатель не найдёт режим работы») и вкусовые пожелания. Первые две принимаются сразу, третьи выносятся на решение директора. Если замечания противоречат друг другу, покажите их вместе и пусть решение примет один человек.
Утверждённую версию фиксируйте письмом: «версия 2 принята, новые пожелания рассмотрим в следующем этапе». Без этого утверждённые решения пересматриваются повторно.
Проверочный список перед подписью макета
- Для страницы записаны её главные задачи в порядке важности.
- Самое нужное читателю видно без прокрутки на телефоне.
- В макете реальные тексты, а не заглушки.
- Показаны состояния: нет обложки, нет результатов, запись приостановлена.
- У каждого блока есть ответственный за обновление.
- Режим работы можно изменить за минуты, без вызова разработчика.
- Все замечания собраны в одном документе и разобраны по трём группам.
- Принятая версия подтверждена письменно.
