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