Презентация Николая Яремко, Старшего разработчика интерфейсов Всемирный день юзабилити, ноябрь 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. Спасибо!
Доклад подготовлен по материалу статьи «Текст»,
написанной Дмитрием Неягловым и Николаем Яремко