Роль текста
в интерфейсе
Николай Яремко
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna
aliqu...
Текст — это язык,
которым интерфейс
разговаривает с человеком
Всегда ли инструмент
пытался разговаривать
с человеком?
Схема-рисунок локомотива, 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
aliqu...
Кто будет придумывать тексты в интерфейсе?
Маркетолог?
Позиция маркетолога часто оказывается чересчур
смещена в сторону об...
Поддавшись желанию обучать новому,
мы рискуем начать наше путешествие в Почту
красочной страницей «Добро пожаловать!»
Это действительно полезная страница,
она есть во многих почтовых службах.
В том числе и зарубежных.
Но не во всех, конечно.
Другая крайность — когда текст пишет
разработчик.
Разработчик при написании текста будет объяснять
внутреннее устройство — вот у нас есть «сборщики
почты», их можно «создав...
Тогда как человеку достаточно будет
указать свой адрес и пароль.
Другая крайность — когда текст пишет
разработчик.
Если мы в прошлое опять заглянем,
то обнаружим немало примеров подписей,...
Так возникли
кнопки
PLAY/EJECT
Полоска и треугольник означают
«поднять записывающую головку с ленты»!
Я считаю, что
задача дизайнера —
рассмотреть все позиции
и выработать лаконичное решение,
их согласующее.
Задача дизайнера:
найти лаконичное
решение
Во-первых, различить все функции интерфейса.
Во-вторых, сообщить назначение эти...
Спасибо!
Доклад подготовлен по материалу статьи «Текст»,
написанной Дмитрием Неягловым и Николаем Яремко
Роль текста в интерфейсе (с комментариями)
Upcoming SlideShare
Loading in …5
×

Роль текста в интерфейсе (с комментариями)

1,115 views

Published on

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

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,115
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Роль текста в интерфейсе (с комментариями)

  1. 1. Роль текста в интерфейсе Николай Яремко
  2. 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. 3. Текст — это язык, которым интерфейс разговаривает с человеком
  4. 4. Всегда ли инструмент пытался разговаривать с человеком?
  5. 5. Схема-рисунок локомотива, 1875 год До середины девятнадцатого века промышленные приборы и механизмы были лишены подписей и инструкций
  6. 6. Арифмометр 1822 года Маркировка появляется в первую очередь на приборах индивидуальных, бытовых — но даже тогда она крайне обрывочна и малопонятна.
  7. 7. Детекторный приёмник 1912 г. Детекторный приёмник «Комсомолец» До второй половины прошлого века надписи наносились на приборы для того, чтобы можно было различать рукоятки, выполняющие различные функции
  8. 8. Детекторный приёмник 1930 г. Без подписей, но с инструкцией на задней крышке
  9. 9. Примерно в 1965 году подход к надписям внезапно и сильно изменился
  10. 10. Советский радиоприёмник 1985 г. содержит множество подписей
  11. 11. Я связываю эти перемены с появлением и востребованностью маркетинга как подхода к повышению продаж. Возникла необходимость повышать продажи за счёт расширения круга пользователей продукта. Теперь к внешнему виду предъявляются новые требования: интерфейс должен рассказывать о доступном функционале и обучать его использовать.
  12. 12. ТЕПЕРЬ НАС УЧАТ ВЕЗДЕ
  13. 13. На большинстве стиральных машин можно найти пометки о том, как стирать определенные ткани
  14. 14. Иногда стремление к схематичности доходит до абсурда
  15. 15. Эта кнопка говорит нам «Я — Кнопка!»
  16. 16. Иногда нельзя понять, что за функция комментируется.
  17. 17. Я считаю, что за последние полвека мы немного перегнули палку. Мы умеем делать интерфейсы, которые обучают, но совсем перестали задумываться о том, что произойдёт, когда человек ухватит идею и начнёт пользоваться нашим инструментом. Например, интернет-почтой.
  18. 18. Как часто дизайнер задумывается о том, откуда произошли все слова и образы, встречающиеся в интерфейсе, разработкой которого он занимается?
  19. 19. Фильтры Контакты Папки Входящие 27 / 768
  20. 20. Все то же самое 50 лет назад: входящие, исходящие, папки
  21. 21. Какова роль текста в интерфейсе?
  22. 22. Различение функций 1. Какую кнопку нажать? В каком подразделе искать нужную операцию?
  23. 23. Обучение использованию 2. Что я могу сделать с помощью этого инструмента? Как он устроен? Какие фичи у него есть?
  24. 24. Подпись Всякий раз, когда дизайнер вставляет в свой макет слова «Какая-то подпись»,
  25. 25. 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. ...или щедрой рукой наполняет квадрат известным латинским текстом, он отказывается решать задачу
  26. 26. Кто будет придумывать тексты в интерфейсе? Маркетолог? Позиция маркетолога часто оказывается чересчур смещена в сторону обучения новым функциям, даже продвижения — в том числе и соседних сервисов.
  27. 27. Поддавшись желанию обучать новому, мы рискуем начать наше путешествие в Почту красочной страницей «Добро пожаловать!»
  28. 28. Это действительно полезная страница, она есть во многих почтовых службах.
  29. 29. В том числе и зарубежных. Но не во всех, конечно.
  30. 30. Другая крайность — когда текст пишет разработчик.
  31. 31. Разработчик при написании текста будет объяснять внутреннее устройство — вот у нас есть «сборщики почты», их можно «создавать», «включать».
  32. 32. Тогда как человеку достаточно будет указать свой адрес и пароль.
  33. 33. Другая крайность — когда текст пишет разработчик. Если мы в прошлое опять заглянем, то обнаружим немало примеров подписей, созданных разработчиками.
  34. 34. Так возникли кнопки PLAY/EJECT Полоска и треугольник означают «поднять записывающую головку с ленты»!
  35. 35. Я считаю, что задача дизайнера — рассмотреть все позиции и выработать лаконичное решение, их согласующее.
  36. 36. Задача дизайнера: найти лаконичное решение Во-первых, различить все функции интерфейса. Во-вторых, сообщить назначение этих функций, демонстрируя сценарии использования.
  37. 37. Спасибо! Доклад подготовлен по материалу статьи «Текст», написанной Дмитрием Неягловым и Николаем Яремко

×