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