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