Дизайн для людей,
приложений, устройств
и сервисов
Константин Кичинский
@kichinsky, konkich@microsoft.com
1. Люди
Все, что мы делаем,
мы делаем для людей.
Мы должны
выбираться из
пузыря наружу.
Тестируйте на реальных людях
Мы делаем не только и не столько для себя, сколько
для других
Тестируйте на реальных людях
Мы делаем не только и не столько для себя, сколько
для других
Не бойтесь это услышать:
«Твой ...
Тестируйте на реальных людях
Мы делаем не только и не столько для себя, сколько
для других
Не бойтесь это услышать:
«Твой ...
Все, что мы делаем,
мы делаем для реальных людей.
ПРОБЛЕМА:
реальных людей миллиарды,
потенциальная аудитория –
сотни тысяч и миллионы,
а я – один!
Тестирование на реальных людях
Друзья, знакомые, круг общения
Ограниченный круг
Юзабилити-тестирование в лаборатории
Хорош...
Тестирование на реальных людях
Друзья, знакомые, круг общения
Ограниченный круг
Юзабилити-тестирование в лаборатории
Хорош...
Реальные люди
всегда в контексте!
Контекст
Время
Утро, день, вечер, ночь
Свободное, занятое
30с, 1мин, 5 мин, 30 мин…
Место
Статичное, динамичное
Дома, на р...
Пример: Twitter
Видеть всю картину
целиком!
Понимание бизнеса и вовлеченных людей
Дизайн -> бизнес
Сервис-дизайн
Бизнес –> новый бизнес
Реинжиниринг бизнес-процессов
У людей есть…
Упражнение про руки
Пример: розовая колясочка
— Моя прелесть!
— Упс…
Вывод
Думайте о тех людях
Для кого вы делаете приложение?
Изучайте и планируйте сценарии использования
Как и зачем они буд...
2. Приложения
Приложения – это
интерфейс между
сервисами и
людьми.
У каждой
платформы есть
свои гайдлайны
Windows:
1. Будьте искусными в деталях
2. Достигайте большего меньшими средствами
3. Делайте по-настоящему цифровым
4. Дел...
Нам приятно наблюдать, как наши конкуренты…
Image by Robin Iversen Rönnlund
Есть сходимость…
Мы работаем для одних и тех же людей
Мы работаем в одно и то же время
Мы работаем с одними и теми же техн...
Что изменилось?
Люди
В центре внимания люди,
а не файлы и документы.
Устройства ПО и сервисы
“Flat” design is not
about being flat.
Image by SpreadTheMagic
Многие дети не
знают, как этим
пользоваться.
Image by aussiegall
Мы должны двигаться дальше
Фокус на контенте
Content not chrome
Content is the king
Мы должны двигаться дальше
Фокус на контенте
Content not chrome
Content is the king
Универсальность коммуникации
Мы должны двигаться дальше
Фокус на контенте
Content not chrome
Content is the king
Универсальность коммуникации
Понятные,...
Мы должны двигаться дальше
Фокус на контенте
Content not chrome
Content is the king
Универсальность коммуникации
Понятные,...
Мы должны двигаться дальше
Фокус на контенте
Content not chrome
Content is the king
Универсальность коммуникации
Понятные,...
Упражнение: как нарисовать
кнопку сохранения?
История
про голубей
Image by zigazou76
Важно учитывать
Платформа + гайды платформы
Согласие с платформой и родными приложениями
Собственные стили, брендбук и т.к...
Вывод
Приложения – это способ (один из…) взаимодействия
с людьми.
Приложения, платформы, экосистемы должны
отвечать (духу)...
3. Устройства и сервисы
DEVICE
DEVICE
DEVICE
DEVICE
Устройства
Устройства являются неотъемлемой частью
взаимодействия с сервисом/приложением.
Пример: кнопка назад.
Что важно учитывать?
Габариты, форм факторы
Аппаратные кнопки
Сенсорный ввод, жесты с краев, способы ввода
Пример…
Что важно учитывать?
Габариты, форм факторы
Аппаратные кнопки
Сенсорный ввод, жесты с краев, способы ввода
Сенсоры
Упражнение: как улучшить
новостное приложение?
DEVICE
DEVICE
DEVICE
DEVICE
DEVICE
DEVICE
DEVICE X
DEVICE
DEVICE Z
DEVICE X
DEVICE
DEVICE Z
Вывод
Даже если вы просто делаете «экранчики», важно
помнить о железе, сценариях использования.
Сервисы могут быть важной ...
Итоги
Итоги
1. Начинайте с людей и сценариев
2. Учитывайте платформу и экосистему
3. Вписывайтесь в устройства
4. Расширяйтесь с...
* Реклама 
Windows & Windows Phone
dev.windows.com + design.windows.com
dev.windowsphone.com
BizSpark для стартапов
Софт для разработки + Windows Azure
Бесплатно
Доступ в Windows Store и Windows Phone Store
Бесплатн...
Контакты
Константин Кичинский
Microsoft
konkich@microsoft.com & @kichinsky
blogs.msdn.com/kichinsky & html5insight.ru
© 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be...
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Константин Кичинский, Microsoft
Upcoming SlideShare
Loading in...5
×

Константин Кичинский, Microsoft

629

Published on

Дизайн для людей, приложений, устройств и сервисов

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

  • Be the first to like this

No Downloads
Views
Total Views
629
On Slideshare
0
From Embeds
0
Number of Embeds
33
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Константин Кичинский, Microsoft

  1. 1. Дизайн для людей, приложений, устройств и сервисов Константин Кичинский @kichinsky, konkich@microsoft.com
  2. 2. 1. Люди
  3. 3. Все, что мы делаем, мы делаем для людей.
  4. 4. Мы должны выбираться из пузыря наружу.
  5. 5. Тестируйте на реальных людях Мы делаем не только и не столько для себя, сколько для других
  6. 6. Тестируйте на реальных людях Мы делаем не только и не столько для себя, сколько для других Не бойтесь это услышать: «Твой интерфейс – гавно!»
  7. 7. Тестируйте на реальных людях Мы делаем не только и не столько для себя, сколько для других Не бойтесь это услышать: «Твой интерфейс – гавно!» Если вы делаете правильно, вы чаще будете слышать: «Ооооуууу-оу-оу-оу! Как это работает?!»
  8. 8. Все, что мы делаем, мы делаем для реальных людей.
  9. 9. ПРОБЛЕМА: реальных людей миллиарды, потенциальная аудитория – сотни тысяч и миллионы, а я – один!
  10. 10. Тестирование на реальных людях Друзья, знакомые, круг общения Ограниченный круг Юзабилити-тестирование в лаборатории Хорошая (случайная?) выборка Телеметрия Реальные пользователи, статистика
  11. 11. Тестирование на реальных людях Друзья, знакомые, круг общения Ограниченный круг Юзабилити-тестирование в лаборатории Хорошая (случайная?) выборка Телеметрия Реальные пользователи, статистика Реалистичные персонажи Усреднение аудитории по ключевым признакам
  12. 12. Реальные люди всегда в контексте!
  13. 13. Контекст Время Утро, день, вечер, ночь Свободное, занятое 30с, 1мин, 5 мин, 30 мин… Место Статичное, динамичное Дома, на работе, на отдыхе… Задачи Настроение
  14. 14. Пример: Twitter
  15. 15. Видеть всю картину целиком!
  16. 16. Понимание бизнеса и вовлеченных людей Дизайн -> бизнес Сервис-дизайн Бизнес –> новый бизнес Реинжиниринг бизнес-процессов
  17. 17. У людей есть…
  18. 18. Упражнение про руки
  19. 19. Пример: розовая колясочка
  20. 20. — Моя прелесть!
  21. 21. — Упс…
  22. 22. Вывод Думайте о тех людях Для кого вы делаете приложение? Изучайте и планируйте сценарии использования Как и зачем они будут использовать ваше приложение? Выбирайтесь иногда из своей коробки Вас могут ждать сюрпризы!
  23. 23. 2. Приложения
  24. 24. Приложения – это интерфейс между сервисами и людьми.
  25. 25. У каждой платформы есть свои гайдлайны
  26. 26. Windows: 1. Будьте искусными в деталях 2. Достигайте большего меньшими средствами 3. Делайте по-настоящему цифровым 4. Делайте быстрым и подвижным 5. Выигрывайте вместе
  27. 27. Нам приятно наблюдать, как наши конкуренты… Image by Robin Iversen Rönnlund
  28. 28. Есть сходимость… Мы работаем для одних и тех же людей Мы работаем в одно и то же время Мы работаем с одними и теми же технологиями Здесь есть место инновациям, но нельзя отрицать неизбежность сходимости в базовых вещах.
  29. 29. Что изменилось? Люди В центре внимания люди, а не файлы и документы. Устройства ПО и сервисы
  30. 30. “Flat” design is not about being flat. Image by SpreadTheMagic
  31. 31. Многие дети не знают, как этим пользоваться. Image by aussiegall
  32. 32. Мы должны двигаться дальше Фокус на контенте Content not chrome Content is the king
  33. 33. Мы должны двигаться дальше Фокус на контенте Content not chrome Content is the king Универсальность коммуникации
  34. 34. Мы должны двигаться дальше Фокус на контенте Content not chrome Content is the king Универсальность коммуникации Понятные, простые символы и выражения
  35. 35. Мы должны двигаться дальше Фокус на контенте Content not chrome Content is the king Универсальность коммуникации Понятные, простые символы и выражения Цифровая свобода (аутентичность) Мы можем отказаться от атрибутов прошлого
  36. 36. Мы должны двигаться дальше Фокус на контенте Content not chrome Content is the king Универсальность коммуникации Понятные, простые символы и выражения Цифровая свобода (аутентичность) Мы можем отказаться от атрибутов прошлого, если найдем более эффективные решения.
  37. 37. Упражнение: как нарисовать кнопку сохранения?
  38. 38. История про голубей Image by zigazou76
  39. 39. Важно учитывать Платформа + гайды платформы Согласие с платформой и родными приложениями Собственные стили, брендбук и т.к. Согласие с собой: персональность, уникальность Популярные приложения Согласие с экосистемой и привычками пользователей
  40. 40. Вывод Приложения – это способ (один из…) взаимодействия с людьми. Приложения, платформы, экосистемы должны отвечать (духу) времени.
  41. 41. 3. Устройства и сервисы
  42. 42. DEVICE
  43. 43. DEVICE
  44. 44. DEVICE
  45. 45. DEVICE
  46. 46. Устройства Устройства являются неотъемлемой частью взаимодействия с сервисом/приложением.
  47. 47. Пример: кнопка назад.
  48. 48. Что важно учитывать? Габариты, форм факторы Аппаратные кнопки Сенсорный ввод, жесты с краев, способы ввода
  49. 49. Пример…
  50. 50. Что важно учитывать? Габариты, форм факторы Аппаратные кнопки Сенсорный ввод, жесты с краев, способы ввода Сенсоры
  51. 51. Упражнение: как улучшить новостное приложение?
  52. 52. DEVICE
  53. 53. DEVICE
  54. 54. DEVICE
  55. 55. DEVICE
  56. 56. DEVICE
  57. 57. DEVICE
  58. 58. DEVICE X DEVICE DEVICE Z
  59. 59. DEVICE X DEVICE DEVICE Z
  60. 60. Вывод Даже если вы просто делаете «экранчики», важно помнить о железе, сценариях использования. Сервисы могут быть важной частью UX: Расширение возможностей Переносимость данных
  61. 61. Итоги
  62. 62. Итоги 1. Начинайте с людей и сценариев 2. Учитывайте платформу и экосистему 3. Вписывайтесь в устройства 4. Расширяйтесь сервисами 5. Помните о людях
  63. 63. * Реклама 
  64. 64. Windows & Windows Phone dev.windows.com + design.windows.com dev.windowsphone.com
  65. 65. BizSpark для стартапов Софт для разработки + Windows Azure Бесплатно Доступ в Windows Store и Windows Phone Store Бесплатно Гранты от Фонда посевного финансирования Microsoft $30 000 – $100 000 Идти сюда: http://ms-start.ru
  66. 66. Контакты Константин Кичинский Microsoft konkich@microsoft.com & @kichinsky blogs.msdn.com/kichinsky & html5insight.ru
  67. 67. © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×