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