Джон Зератски указывает на важность создания небольших фрагментов текста в дизайне пользовательских интерфейсов

Для многих технологических компаний дизайн — это загадка. Поэтому, когда я работаю со стартапами, я пытаюсь пролить свет на дизайн, рассказывая о процессах и навыках. Идея такова: дизайн не волшебная творческая вещь, которую дизайнеры благословляют. Он рационален и объективен, и его компоненты довольно легко понять.

Люди часто удивляются, когда я говорю им, что написание текстов — это навык дизайна. Раньше я работал с отличным визуальным дизайнером, который ненавидел, когда его называли визуальным дизайнером. Его аргументом было: «Разве не весь дизайн визуальный?» Ну, нет. Большая часть нашей дизайнерской работы выражается визуально, но мы используем дизайн, чтобы выяснить разные вещи: что делает продукт, как он работает и что он говорит. То, что наши продукты говорят людям, которые их используют — одна из самых важных вещей, которые нам дизайнерам нужно решать.

В Google Ventures, я и мои партнеры еженедельно работаем с разными стартапами и стараемся постоянно разрабатывать различные подходы к дизайну. Я писатель и дизайнер, поэтому мой подход — сосредоточиться на написании замечательного текста и использовании простого визуального дизайна, чтобы выделить наиболее важные части. Недавно Дэниел Берка писал о том, как мои визуально безыскусные (все в порядке, вы можете сказать «уродливые») прототипы часто хорошо показывают себя в пользовательских исследованиях — регулярно превосходят красивые, вылизанные, сексуальные прототипы.

Мы считаем, это довольно удивительным. Я начал собирать советы и рекомендации, которые помогают мне проектировать понятные решения. Вот пять моих принципов для написания великолепного текста интерфейса.

(Что такое текст интерфейса? Это небольшие фрагменты текстовых меток, кнопок, описаний и т. д., которые вы найдете в интерфейсах программных продуктов.)

1. Ясность — это самое важное

Некоторые говорят, что лучше всего быть кратким. Некоторые говорят, что, чем подробнее, тем лучше. Некоторые отмечают, что люди просматривают текст в Интернете (они его не читают), поэтому это не имеет значения до тех пор, пока не будут сказаны ключевые слова.

1. Ясность – это самое важное

Мой принцип: Ясность — это король. Мы всегда должны стремиться к четкости, лаконичности и изящности. Итак, как этого добиться?

  • Будьте точны. Не говорите «поиск», когда вы имеете в виду «фильтр». «Сохранить» это не то же самое, что «отправить»
  • Следите за жаргоном и сокращениями. Легко позволить этим словам проскользнуть, когда мы не обращаем внимания. «Веб-сайт» лучше, чем «сайт». «Приглашение» предпочтительнее «приглос». «Репозиторий» понятнее, чем «репо».
  • Первичная загрузка ваших ярлыков (например, поместите важные слова вверху). В полях следует указать «first name», а не «name (first)». Кнопки должны указывать «Продолжить», а не «Нажмите, чтобы продолжить».
  • Не ленитесь. Вместо стандартных слов, вроде «окей» и «отмена», скажите точно, что делают эти кнопки.

Это, конечно, мелочи. Но когда все сделано правильно, наши интерфейсы легко понять и продукты ощущаются качественными.

2. Индивидуальность не так важна, как вы думаете

Каждый хочет выделиться. Многие стартапы пытаются развить бренд с индивидуальностью — они хотят быстро добиться успеха. Написание текста играет важную роль в брендинге, но это незначительная проблема по сравнению с ясностью.

Когда мы одержимы индивидуальностью, мы можем писать заголовки, вроде «Хорошо, давайте начнем!» И кнопки «Звучит здорово!». Заголовки и кнопки — это столпы наших продуктов и должны быть на 100% сосредоточены на четкой передаче сообщений. Я всегда стремлюсь к описательности и полезности. Например, «Расскажите нам о своем бизнесе» и «Сохранить и продолжить».

После того, как мы сколотили основу, мы можем использовать подзаголовки и вспомогательный текст для добавления индивидуальности. Но не слишком старайтесь — ваша индивидуальность (и вашей компании) будет формироваться естественным путем.

3. Просто скажите мне

Помните эпизод сериала «Сайнфелд» в котором Креймер имитирует парня из Moviefone? Поняв, что он не может отличить тональный сигнал «2» от «3» или «4» (и т. д.), Крамер спросил: «Почему бы вам просто не сказать мне, какой фильм вы хотите посмотреть?»

Лучший подход к написанию текста для интерфейса — это просто сообщить своим пользователям, что вы хотите, чтобы они знали. Я видел слишком много маркетинговых сайтов с заголовками, обещающими «наилучший способ», «лучший способ» или «новый способ» сделать что-то, не описывая, что это такое.

Во многих интерфейсах простая подпись может действительно улучшить понимание. Недавно я работал с компанией, чей продукт содержит список обновлений от компаний, на которые вы подписаны. Но список был без подписи, и было неясно, что это такое. Добавление заголовка — «Обновления от компаний, на которые вы подписаны» — все сразу прояснило.

Этот принцип может быть очень полезен для многостраничных пошаговых помощников (где пользователи должны вводить определенную информацию и листать страницу за страницей). Вместо простой кнопки «Далее» попробуйте сообщить пользователю, что произойдет: «Сохранить и продолжить». Далее мы попросим вас предоставить личную информацию".

4. Кстати, люди все-таки читают

За последние 10 лет я видел, как сотни людей использовали различные приложения и веб-сайты в исследованиях пользователей. Один шаблон понятен: люди читают текст (короткий и длинный) в программных продуктах.
4. Кстати, люди все-таки читают

Часто заголовки являются наиболее заметными элементами, поэтому люди, скорее всего, прочтут их. А интерактивные элементы, такие как кнопки, ссылки и подписи форм, также читаются. Это самые важные слова на экране, и они заслуживают наибольшего внимания. Меньшие экраны (на телефонах и планшетах) имеют меньше пространства для слов, поэтому ставки еще выше — люди будут читать текст в ваших продуктах, поэтому найдите время, чтобы все исправить.

Простой текст может иметь удивительное влияние на доверие. Мои партнеры Джейк Кнапп и Дэниел Берка поделились примером из Blue Bottle Coffee: основополагающая история на домашней странице придала компании более серьезный и законный вид. Мы также видели примеры в финансовых продуктах, где описание функций безопасности и конфиденциальности помогает пользователям доверять продукту.

Не бойтесь добавлять текст в свои продукты, если он понятный и по существу.

5. Копирайтинг (написание текста) — часть дизайн-процесса

В чем написание текста и дизайн интерфейса совпадают? Я узнал, что письмо является основной частью процесса проектирования — столь же важной, как дизайн взаимодействия, визуальный дизайн, прототипирование и исследование пользователей.

Копирайтинг, как и другие основные навыки проектирования, не является шагом каскадного процесса. Это не относится к началу, середине или концу, потому что это то, что нам нужно делать в течение всего процесса проектирования.

Просто скажите «нет» lorem ipsum.

Некоторые из первых веб-сайтов, которые я разработал, начались с огромного пакета текста от клиента. Моя работа заключалась в том, чтобы редактировать, организовывать и представлять этот текст, но сам текст был в основном ограничителем или требованием веб-сайта. Это был первый шаг в этом процессе. Позже я сделал противоположную ошибку: проектировал продукты с «lorem ipsum», а затем в конце пытался добавить текст. (Просто скажите «нет» lorem ipsum.)

Когда мы работаем над дизайн-проектом, наши ранние прототипы будут простыми во всех смыслах: взаимодействия немного неуклюжи, визуальные эффекты немного грубые, а текст немного расплывчатый. Когда мы тестируем этот прототип, мы узнаем, что работает, и что нужно для работы, и мы делаем улучшения по всем направлениям. Если текст не является частью этого процесса, мы упускаем огромный компонент пользовательского опыта, и наши продукты страдают.

Ранние прототипы интерфейса
Даже ранние прототипы должны содержать много реального текста. Когда вы оставите копирайтинг напоследок, вы пропустите ценные возможности для оценки и улучшения слов на странице.
Эти принципы хорошо послужили мне, но они не высечены в камне (насколько я знаю). Попробуйте их в своем следующем проекте — проверьте результаты (в пользовательском исследовании или в A / B тесте) и посмотрите, помогут ли они. Дайте мне знать, что вышло, и, пожалуйста, поделитесь своими рекомендациями для отличного копирайтинга! Вы можете связаться со мной в Twitter: @jazer.

Об авторе

Джон Зератски — партнер в Google Ventures, где он помогает стартапам использовать дизайн для достижения бизнес целей.

Подробнее