Роль текста в интерфейсе

Николай Яремко

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Мы, дизайнеры, крайне мало внимания уделяем текстам, которые в наших

интерфейсах присутствуют.

Текст — это язык,которым интерфейс разговаривает с человеком

Всегда ли инструмент пытался разговаривать

с человеком?

Схема-рисунок локомотива, 1875 год

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

Арифмометр 1822 года

Маркировка появляется в первую очередь на приборах индивидуальных, бытовых — но даже

тогда она крайне обрывочна и малопонятна.

Детекторный приёмник

1912 г.

Детекторный приёмник

«Комсомолец»

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

выполняющие различные функции

Детекторный приёмник1930 г.

Без подписей, но с инструкциейна задней крышке

Примерно в 1965 году подход к надписям

внезапно и сильно изменился

Советскийрадиоприёмник

1985 г.

содержитмножествоподписей

Я связываю эти перемены с появлением и востребованностью маркетинга как подхода

к повышению продаж.

Возникла необходимость повышать продажиза счёт расширения круга пользователей продукта.

Теперь к внешнему виду предъявляютсяновые требования:

интерфейс должен рассказывать о доступном функционале и обучать его использовать.

ТЕПЕРЬ НАС УЧАТ ВЕЗДЕ

На большинстве стиральных машин можно найти пометки о том,как стирать определенные ткани

Иногда стремление к схематичностидоходит до абсурда

Эта кнопка говорит нам

«Я — Кнопка!»

Иногда нельзя понять, что за функция комментируется.

Я считаю, что за последние полвекамы немного перегнули палку.

Мы умеем делать интерфейсы, которые обучают,но совсем перестали задумываться о том,

что произойдёт, когда человек ухватит идею и начнёт пользоваться

нашим инструментом.

Например, интернет-почтой.

Как часто дизайнер задумывается о том,откуда произошли все слова и образы,

встречающиеся в интерфейсе,разработкой которого он занимается?

Фильтры Контакты Папки

Входящие 27 / 768

Все то же самое 50 лет назад: входящие, исходящие, папки

Какова роль текста в интерфейсе?

Различение функций

1.

Какую кнопку нажать?В каком подразделе искать нужную операцию?

Обучение использованию

2.

Что я могу сделать с помощью этого инструмента?Как он устроен? Какие фичи у него есть?

Подпись

Всякий раз, когда дизайнер вставляет в свой макет слова «Какая-то подпись»,

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum....или щедрой рукой наполняет квадрат известным латинским текстом, он отказывается решать задачу

Кто будет придумывать тексты в интерфейсе?

Маркетолог?

Позиция маркетолога часто оказывается чересчур смещена в сторону обучения новым функциям, даже продвижения — в том числе и соседних сервисов.

Поддавшись желанию обучать новому, мы рискуем начать наше путешествие в Почту красочной страницей «Добро пожаловать!»

Это действительно полезная страница, она есть во многих почтовых службах.

В том числе и зарубежных.Но не во всех, конечно.

Другая крайность — когда текст пишет

разработчик.

Разработчик при написании текста будет объяснять внутреннее устройство — вот у нас есть «сборщики

почты», их можно «создавать», «включать».

Тогда как человеку достаточно будетуказать свой адрес и пароль.

Другая крайность — когда текст пишет

разработчик.

Если мы в прошлое опять заглянем, то обнаружим немало примеров подписей,

созданных разработчиками.

Так возникликнопки

PLAY/EJECT

Полоска и треугольник означают «поднять записывающую головку с ленты»!

Я считаю, что

задача дизайнера — рассмотреть все позиции

и выработать лаконичное решение, их согласующее.

Задача дизайнера:

найти лаконичное решение

Во-первых, различить все функции интерфейса.

Во-вторых, сообщить назначение этих функций, демонстрируя сценарии использования.

Спасибо!

Доклад подготовлен по материалу статьи «Текст», написанной Дмитрием Неягловым и Николаем Яремко