Джон Зератски указывает на важность создания небольших фрагментов текста в дизайне пользовательских интерфейсов
Для многих технологических компаний дизайн — это загадка. Поэтому, когда я работаю со стартапами, я пытаюсь пролить свет на дизайн, рассказывая о процессах и навыках. Идея такова: дизайн не волшебная творческая вещь, которую дизайнеры благословляют. Он рационален и объективен, и его компоненты довольно легко понять.
Люди часто удивляются, когда я говорю им, что написание текстов — это навык дизайна. Раньше я работал с отличным визуальным дизайнером, который ненавидел, когда его называли визуальным дизайнером. Его аргументом было: «Разве не весь дизайн визуальный?» Ну, нет. Большая часть нашей дизайнерской работы выражается визуально, но мы используем дизайн, чтобы выяснить разные вещи: что делает продукт, как он работает и что он говорит. То, что наши продукты говорят людям, которые их используют — одна из самых важных вещей, которые нам дизайнерам нужно решать.
В Google Ventures, я и мои партнеры еженедельно работаем с разными стартапами и стараемся постоянно разрабатывать различные подходы к дизайну. Я писатель и дизайнер, поэтому мой подход — сосредоточиться на написании замечательного текста и использовании простого визуального дизайна, чтобы выделить наиболее важные части. Недавно Дэниел Берка писал о том, как мои визуально безыскусные (все в порядке, вы можете сказать «уродливые») прототипы часто хорошо показывают себя в пользовательских исследованиях — регулярно превосходят красивые, вылизанные, сексуальные прототипы.
Мы считаем, это довольно удивительным. Я начал собирать советы и рекомендации, которые помогают мне проектировать понятные решения. Вот пять моих принципов для написания великолепного текста интерфейса.
(Что такое текст интерфейса? Это небольшие фрагменты текстовых меток, кнопок, описаний
1. Ясность — это самое важное
Некоторые говорят, что лучше всего быть кратким. Некоторые говорят, что, чем подробнее, тем лучше. Некоторые отмечают, что люди просматривают текст в Интернете (они его не читают), поэтому это не имеет значения до тех пор, пока не будут сказаны ключевые слова.
Мой принцип: Ясность — это король. Мы всегда должны стремиться к четкости, лаконичности и изящности. Итак, как этого добиться?
- Будьте точны. Не говорите «поиск», когда вы имеете в виду «фильтр». «Сохранить» это не то же самое, что «отправить»
- Следите за жаргоном и сокращениями. Легко позволить этим словам проскользнуть, когда мы не обращаем внимания. «Веб-сайт» лучше, чем «сайт». «Приглашение» предпочтительнее «приглос». «Репозиторий» понятнее, чем «репо».
- Первичная загрузка ваших ярлыков (например, поместите важные слова вверху). В полях следует указать «first name», а не «name (first)». Кнопки должны указывать «Продолжить», а не «Нажмите, чтобы продолжить».
- Не ленитесь. Вместо стандартных слов, вроде «окей» и «отмена», скажите точно, что делают эти кнопки.
Это, конечно, мелочи. Но когда все сделано правильно, наши интерфейсы легко понять и продукты ощущаются качественными.
2. Индивидуальность не так важна, как вы думаете
Каждый хочет выделиться. Многие стартапы пытаются развить бренд с индивидуальностью — они хотят быстро добиться успеха. Написание текста играет важную роль в брендинге, но это незначительная проблема по сравнению с ясностью.
Когда мы одержимы индивидуальностью, мы можем писать заголовки, вроде «Хорошо, давайте начнем!» И кнопки «Звучит здорово!». Заголовки и кнопки — это столпы наших продуктов и должны быть на 100% сосредоточены на четкой передаче сообщений. Я всегда стремлюсь к описательности и полезности. Например, «Расскажите нам о своем бизнесе» и «Сохранить и продолжить».
После того, как мы сколотили основу, мы можем использовать подзаголовки и вспомогательный текст для добавления индивидуальности. Но не слишком старайтесь — ваша индивидуальность (и вашей компании) будет формироваться естественным путем.
3. Просто скажите мне
Помните эпизод сериала «Сайнфелд» в котором Креймер имитирует парня из Moviefone? Поняв, что он не может отличить тональный сигнал «2» от «3» или «4» (и т. д.), Крамер спросил: «Почему бы вам просто не сказать мне, какой фильм вы хотите посмотреть?»
Лучший подход к написанию текста для интерфейса — это просто сообщить своим пользователям, что вы хотите, чтобы они знали. Я видел слишком много маркетинговых сайтов с заголовками, обещающими «наилучший способ», «лучший способ» или «новый способ» сделать что-то, не описывая, что это такое.
Во многих интерфейсах простая подпись может действительно улучшить понимание. Недавно я работал с компанией, чей продукт содержит список обновлений от компаний, на которые вы подписаны. Но список был без подписи, и было неясно, что это такое. Добавление заголовка — «Обновления от компаний, на которые вы подписаны» — все сразу прояснило.
Этот принцип может быть очень полезен для многостраничных пошаговых помощников (где пользователи должны вводить определенную информацию и листать страницу за страницей). Вместо простой кнопки «Далее» попробуйте сообщить пользователю, что произойдет: «Сохранить и продолжить». Далее мы попросим вас предоставить личную информацию".
4. Кстати, люди все-таки читают
За последние 10 лет я видел, как сотни людей использовали различные приложения и веб-сайты в исследованиях пользователей. Один шаблон понятен: люди читают текст (короткий и длинный) в программных продуктах.
Часто заголовки являются наиболее заметными элементами, поэтому люди, скорее всего, прочтут их. А интерактивные элементы, такие как кнопки, ссылки и подписи форм, также читаются. Это самые важные слова на экране, и они заслуживают наибольшего внимания. Меньшие экраны (на телефонах и планшетах) имеют меньше пространства для слов, поэтому ставки еще выше — люди будут читать текст в ваших продуктах, поэтому найдите время, чтобы все исправить.
Простой текст может иметь удивительное влияние на доверие. Мои партнеры Джейк Кнапп и Дэниел Берка поделились примером из Blue Bottle Coffee: основополагающая история на домашней странице придала компании более серьезный и законный вид. Мы также видели примеры в финансовых продуктах, где описание функций безопасности и конфиденциальности помогает пользователям доверять продукту.
Не бойтесь добавлять текст в свои продукты, если он понятный и по существу.
5. Копирайтинг (написание текста) — часть дизайн-процесса
В чем написание текста и дизайн интерфейса совпадают? Я узнал, что письмо является основной частью процесса проектирования — столь же важной, как дизайн взаимодействия, визуальный дизайн, прототипирование и исследование пользователей.
Копирайтинг, как и другие основные навыки проектирования, не является шагом каскадного процесса. Это не относится к началу, середине или концу, потому что это то, что нам нужно делать в течение всего процесса проектирования.
Просто скажите «нет» lorem ipsum.
Некоторые из первых веб-сайтов, которые я разработал, начались с огромного пакета текста от клиента. Моя работа заключалась в том, чтобы редактировать, организовывать и представлять этот текст, но сам текст был в основном ограничителем или требованием веб-сайта. Это был первый шаг в этом процессе. Позже я сделал противоположную ошибку: проектировал продукты с «lorem ipsum», а затем в конце пытался добавить текст. (Просто скажите «нет» lorem ipsum.)
Когда мы работаем над дизайн-проектом, наши ранние прототипы будут простыми во всех смыслах: взаимодействия немного неуклюжи, визуальные эффекты немного грубые, а текст немного расплывчатый. Когда мы тестируем этот прототип, мы узнаем, что работает, и что нужно для работы, и мы делаем улучшения по всем направлениям. Если текст не является частью этого процесса, мы упускаем огромный компонент пользовательского опыта, и наши продукты страдают.
Эти принципы хорошо послужили мне, но они не высечены в камне (насколько я знаю). Попробуйте их в своем следующем проекте — проверьте результаты (в пользовательском исследовании или в A / B тесте) и посмотрите, помогут ли они. Дайте мне знать, что вышло, и, пожалуйста, поделитесь своими рекомендациями для отличного копирайтинга! Вы можете связаться со мной в Twitter: @jazer.
Об авторе
Джон Зератски — партнер в Google Ventures, где он помогает стартапам использовать дизайн для достижения бизнес целей.
Подробнее
Нет комментариев