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