Версия слайдов с WUD RU 2010, снабжённая комментариями для самостоятельного чтения

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.
Мы, дизайнеры, крайне мало внимания
уделяем текстам, которые в наших
интерфейсах присутствуют.

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

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

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

6. Арифмометр 1822 года
Маркировка появляется в первую очередь
на приборах индивидуальных, бытовых — но даже
тогда она крайне обрывочна и малопонятна.

7. Детекторный
приёмник
1912 г.
Детекторный
приёмник
«Комсомолец»
До второй половины прошлого века надписи наносились на
приборы для того, чтобы можно было различать рукоятки,
выполняющие различные функции

8. Детекторный приёмник
1930 г.
Без подписей,
но с инструкцией
на задней крышке

9. Примерно в 1965 году
подход к надписям
внезапно и сильно изменился

10. Советский
радиоприёмник
1985 г.
содержит
множество
подписей

11. Я связываю эти перемены с появлением
и востребованностью маркетинга как подхода
к повышению продаж.
Возникла необходимость повышать продажи
за счёт расширения круга пользователей продукта.
Теперь к внешнему виду предъявляются
новые требования:
интерфейс должен рассказывать
о доступном функционале и
обучать его использовать.

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

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

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

15. Эта кнопка говорит нам
«Я — Кнопка!»

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

17. Я считаю, что за последние полвека
мы немного перегнули палку.
Мы умеем делать интерфейсы, которые обучают,
но совсем перестали задумываться о том,
что произойдёт, когда человек ухватит
идею и начнёт пользоваться
нашим инструментом.
Например, интернет-почтой.

19. Как часто дизайнер задумывается о том,
откуда произошли все слова и образы,
встречающиеся в интерфейсе,
разработкой которого он занимается?

20. Фильтры Контакты Папки
Входящие 27 / 768

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

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

23. Различение функций
1.
Какую кнопку нажать?
В каком подразделе искать нужную операцию?

24. Обучение использованию
2.
Что я могу сделать с помощью этого инструмента?
Как он устроен? Какие фичи у него есть?

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

26. 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.
...или щедрой рукой наполняет квадрат известным
латинским текстом, он отказывается решать задачу

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

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

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

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

31. Другая крайность — когда текст пишет
разработчик.

32. Разработчик при написании текста будет объяснять
внутреннее устройство — вот у нас есть «сборщики
почты», их можно «создавать», «включать».

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

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

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

36. Я считаю, что
задача дизайнера —
рассмотреть все позиции
и выработать лаконичное решение,
их согласующее.

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

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