← Все статьи
Андрей КравцовСайты

Как спроектировать страницу услуги, которую удобно открыть с телефона

О коллекции

Авторская работа коллекции Аишки. Персонажи и исходные ситуации придуманы; материал не подтверждает заказ или результат действующего клиента.

На телефоне страницу услуги часто открывают на ходу. Нужно быстро понять стоимость, длительность и путь к записи. Начну с того, что мешает этим действиям.

Содержание 8

Поставьте рядом сведения для решения

В первом содержательном блоке человеку нужны название, формат, длительность и понятный путь к записи или консультации. Если цена зависит от варианта, покажите правило выбора, а не одно число без контекста. Длинную историю услуги можно оставить ниже. Фотографии должны объяснять пространство или процесс, а не подменять условия. Проверьте, что после открытия с внешней ссылки посетителю понятно, какой филиал или вариант он видит и как это изменить.

На практике

Не прячьте важное в декоративных элементах

Ограничение, которое меняет возможность записи, должно быть доступно до отправки формы. Не оставляйте его только в карусели, которую легко пролистать, или в изображении с мелким текстом. Используйте обычный читаемый текст и понятные заголовки. Для индивидуальных вопросов дайте маршрут к ответственному специалисту. Редактор не должен дописывать медицинские обещания или рекомендации по аналогии с другой услугой. Содержание таких блоков требует согласованного источника.

На практике

Проверьте путь после ошибки

Форма должна сохранять введенные сведения при временной проблеме и показывать, что именно не завершилось. Для сертификата отдельно существуют ожидание платежа, подтверждение и выдача. Закрытая платежная вкладка не равна оплате. Для обычной записи аналогично различаются выбранное время и созданная запись. На телефоне проверьте клавиатуру, сообщения рядом с полями, фокус после ошибки и возможность исправить данные без потери всей формы. Красивый успешный экран — лишь одна часть сценария.

Даю странице простой тест: можно ли найти условия и выбрать следующий шаг одной рукой, без поиска по меню? Если нет, сначала исправляю этот путь.

На практике

Перед тем как передать материал дальше

  • ☐Собрать ключевые условия рядом с действием.
  • ☐Сделать ограничения обычным читаемым текстом.
  • ☐Согласовать содержание профессиональных рекомендаций.
  • ☐Проверить сохранение формы и реальные состояния подтверждения.

Работы из этого разбора

Источники

Обсуждение

Задайте вопрос об этой работе, обсудите решение или поделитесь своим опытом.

Обсуждение открыто для всех участников.

Загружаем комментарии…