Человек заходит на сайт библиотеки с конкретным вопросом: до скольки вы сегодня работаете, есть ли нужная книга, как продлить срок возврата, что проходит в выходные. Первый экран, то есть всё, что видно без прокрутки, должен отвечать на такие вопросы раньше, чем начнётся рассказ об истории учреждения. Ниже разберём, из чего его собрать.
С какими вопросами приходят читатели
Прежде чем рисовать макет, выпишите, о чём на самом деле спрашивают по телефону и у стойки выдачи. Обычно это часы работы и адрес, наличие книги, продление, правила записи, ближайшие мероприятия. Такой список надёжнее представлений руководства о том, что «должно быть на главной». Директор думает о миссии, а читатель думает о субботе и о том, откроются ли двери.
Аудитории у библиотеки разные: родители школьников, студенты, пожилые читатели, краеведы. Вместить на первый экран все разделы не получится. Выберите три-четыре самых частых сценария, остальное уйдёт в меню и на нижние блоки.
Поиск по каталогу, часы работы и контакты
Это минимум, без которого первый экран не выполняет свою задачу.
- Поле поиска по каталогу прямо на странице, а не ссылка «Электронный каталог» в меню. Подпись внутри поля должна объяснять действие: «Автор, название или тема». Если каталог работает в отдельной программе, уточните у её поставщика, можно ли передавать туда запрос из поля на главной.
- Часы работы на сегодня: «Сегодня открыто до 20:00». Если есть санитарный день или сокращённый график перед праздниками, пометьте это заметно, а не в подвале страницы.
- Адрес и телефон текстом, чтобы их можно было скопировать, а на телефоне набрать одним касанием. Если у библиотеки есть филиалы, добавьте выбор филиала.
Действия читателя: продлить, записаться, узнать о сроках
Крупные кнопки с глаголами работают лучше названий разделов. «Продлить книги» понятнее, чем «Читателям». Но кнопка должна вести к реальному действию. Если электронного продления у вас нет, не рисуйте кнопку-пустышку. Лучше напишите: «Продлить можно по телефону такому-то». То же с записью в библиотеку: коротко укажите, что нужно взять с собой, согласно правилам вашей библиотеки, и добавьте ссылку на полный текст правил.
Афиша и новости: сколько оставлять на виду
Карусель из пяти сменяющихся баннеров читатель обычно не дожидается, а фотографии с мероприятий мало что сообщают. Вместо неё покажите два-три ближайших события в виде списка. У каждого должны быть дата, время, место, возраст аудитории и пометка, нужна ли предварительная запись.
Следите за актуальностью. Если на главной висит анонс прошлогодней акции, у читателя возникает сомнение, работает ли сайт вообще. Поручите кому-то из сотрудников удалять прошедшие события и проверьте, чтобы лента не показывала устаревшее автоматически.
Условный пример первого экрана
Представим городскую библиотеку с двумя филиалами. Это учебная схема, а не описание реального проекта. На широком экране она может выглядеть так:
- Шапка: название, телефон, строка «Сегодня 10:00–20:00», ссылка на версию для слабовидящих.
- Центр: крупное поле «Автор, название или тема» и под ним три ссылки: «Новые поступления», «Электронные ресурсы», «Расширенный поиск».
- Справа: блок «Ближайшие события» с тремя строками вида «7 марта, 12:00 — встреча клуба юных читателей, 6–9 лет, нужна запись».
- Ниже: четыре плитки: «Записаться в библиотеку», «Продлить книги», «Детям и родителям», «Как нас найти».
На телефоне порядок другой: сначала строка с часами и кнопка звонка, затем поиск, потом плитки, а афиша идёт колонкой ниже. Проверьте макет на реальном смартфоне, а не только в уменьшенном окне браузера.
Что убрать с первого экрана и как проверить результат
История библиотеки, структура, документы, отчёты и сведения о закупках нужны, но не в первые секунды. Им место в меню и в нижней части страницы. Приветствие директора тоже лучше перенести в раздел «О библиотеке».
Проверочный список:
- Можно ли за пять секунд найти, открыта ли библиотека сегодня?
- Видно ли поле поиска по каталогу без прокрутки и без перехода в меню?
- Ведёт ли каждая кнопка к действию, которое действительно работает?
- У каждого события в афише указаны дата, время, место и условия участия?
- Нет ли на экране прошедших анонсов?
- Читается ли страница на телефоне, набирается ли номер одним касанием?
- Попросите двух человек вне библиотеки найти часы работы и продлить книгу. Сколько кликов им понадобилось и где они задумались?
