Очень немногие понимают пользу текстового прототипа в процессе разработки дизайна сайта. А еще меньше людей используют его в своей работе. В этой статье мы подробно разберем: что такое текстовый прототип, а также как его создать.
📃Что такое текстовый прототип?
Текстовый прототип (ТП) – это все тексты, которые будут размещены на страницах сайта. За исключением служебных блоков (например: шапка и подвал сайта).
Зачем нужен ТП?
Зачем нам его делать, ведь можно просто начать работать сразу над визуалом? Для этого есть одна весомая причина, а именно: калибровка с клиентом по предоставлению информации. Сложно звучит? 🙂 Сейчас расскажу проще.
Когда мы с вами смотрим на любой дизайн сайта, то в нем чаще всего заложено основное целевое действие, которое мы хотим получить от клиента. Это может быть: продажа, подписка, оформление заявки и т.д. В погоне за красивым визуалом мы просто на просто можем забыть о самой логике продажи, которую нужно пройти (Знакомство — описание — работа с возражениями — продажа). В результате под красивым визуалом может прятаться просто некачественно оформленное коммерческое предложение.
Поэтому нам с вами сначала нужно поработать с логикой и текстами, чтобы действительно наглядно увидеть, что информация на сайте будет логичной, конверсионной и удобной для изучения. А текстовый прототип как раз позволяет это очень быстро увидеть.
📑Из чего состоит ТП?
Основные разделы, которые есть в текстовом прототипе:
- Заголовки (Экраны сайта)
- Подзаголовки
- Полный текст
Идеальным примеров для пояснения будет служить параллельное сравнение например одностраничного сайта и текстового прототипа.
Раздел заголовки
По сути представляет собой список экранов или композиций, которые идут друг за другом на сайте. Например: сначала мы показываем первый экран с основным заголовок и указанием чем занимается компания, далее может идти описание продукции, вводная информация о компании, корпоративные новости, список партнеров и завершается сайт подвалом.
Раздел подзаголовки
Далее мы постепенно раскрываем каждый заголовок на основные подмысли раздела. Например: меню ресторана. Заголовок будет — «Меню», а разделы этого меню, а именно: Барная карта, горячие блюда — будут подзаголовками.
Итоговый текст
Здесь мы уже размещаем полностью все тексты, которые будут располагаться на сайте. В идеале — уже в конечном варианте и вычитанные.
📋Основа для текстового прототипа
- Техническое задание. Если оно подробное, то нам лишь остается просто аккуратно распределить текст по соответствующим разделам.
- Процесс продажи. Если в техническом задании нет подробных текстов, то я вам крайне рекомендую созвониться или встретиться с клиентом, чтобы он рассказал вам как происходит процесс продажи (Описал продукт, показал его достоинства, показал отзывы, поработал с возражениями). Именно такой формат разговора позволяет вычленить самую главную информацию, которую вы расположите на сайте. Это же относится к целевому действию, например: подписка, скачивание приложения и др.
💻ТП для интернет-магазинов
Это все было об одностраничных и многостраничных сайтах. А что с интернет-магазинами? Для интернет-магазинов текстовые прототипы будут урезаны. Так как текстовая составляющая в основном будет в карточке товара, на главной и служебных страницах. Для них нужно делать текстовые прототипы. Вы просто размечаете основные разделы, которые будут на сайте (здесь они уже могут не идти друг за другом) и уже вставляете в них текстовый контент.
📚Источники ТП
Откуда мы можем брать информацию:
- Текущий сайт клиента. Если в плане текстового контента клиента все устраивает на текущем сайте, то мы просто забираем тексты в свой проект.
- Логика сайтов в этой нише. Не нужно боятся давать клиенту логику других сайтов, если они лидеры рынка. Важна не уникальность структуры текста, а конечный результат для бизнеса — прибыль. Это будет относиться к заголовкам и подзаголовкам. Полный текст нужно будет писать самим, чтобы поисковые системы не наложили санкции на ваш сайт за неуникальность контента.
- Техническое задание. Об этом мы уже чуть ранее говорили.
- И последнее. Если клиент не знает, как представить сайт по текстовой структуре — лучше не выдумывать вместе, а взять решение с рынка. А полный текст написать самим или нанять копирайтера.
Использовать ли в своей работе бриф?
Я никогда не использовал бриф, так как это односторонний разговор клиента с бумагой. А вы должны слышать клиента, как он выражается, как он подает акценты. Именно через разговор возможно понять, что действительно важно. Плюс клиент мог просто скачать образец ТЗ из интернета и заполнить его по шаблону, не вдаваясь в анализ собственного проекта. Тогда ценность данной информации очень низкая.
💡Что еще?
Дополнительные моменты, которые можно внедрить у себя:
- В текстовом прототипе можно использовать готовые цвета и шрифты (если у компании есть брендбук или вы будете использовать шрифты из текущего сайта клиента). Это поможет клиенту увидеть заранее часть визуального оформления (но это опционально).
- Для шаблонных страниц многостраничных сайтов и интернет-магазинов делаем один текстовый прототип, чтобы мы понимали объем текстов, а также какую конкретно информацию нужно разместить. Например: не нужно делать текстовый прототип для всех карточек товара. Особенно, если номенклатура сайта состоит из тысячи наименовании. Достаточно сделать один типовой образец и указать: какие разделы там будут и пример одного контента на основании любой карточки товара. Тоже самое относится к услугам на сайте визитки и многостраничном сайте.
✒️Вычитка текстов
Я вам крайне рекомендую ей заняться после составления текстового прототипа, потому что это поможет поднять стоимость проекта и получить более высокую конверсию сайта.
Сервисы, которые нам в этом помогут:
- ГлавРед https://glvrd.ru/ (Когда будете в нем анализировать текст — нужно набрать не менее 7 баллов; также данный сервис поможет вычистить тексты от воды)
- Проверка на орфографию — https://text.ru/spelling/
- В качестве дополнительной литературы я рекомендую почитать:
- Тексты, которым верят. Коротко, понятно, позитивно (Панда Петр)
- Пиши, сокращай: Как создавать сильные тексты (Ильяхов Максим)
Данные книги закроют 95% всех вопросов связанных с копирайтингом и вычиткой текста.
📍Выводы
- Текстовый прототип — это все тексты на сайте, которые вы будете использовать в процессе работы.
- Структура текстового прототипа: заголовки, подзаголовки, полный текст.
- Откуда берем информацию: разговор с клиентом, техническое задание, среднее решение по рынку.
- Дополнительно лучше делать вычитку текста, чтобы увеличить средний чек, а также сделать текст более продающим и конверсионным.