1. Дизайн для людей,
приложений, устройств
и сервисов
Константин Кичинский
@kichinsky, konkich@microsoft.com

2. 1. Люди

3. Все, что мы делаем,
мы делаем для людей.

4. Мы должны
выбираться из
пузыря наружу.

5. Тестируйте на реальных людях
Мы делаем не только и не столько для себя, сколько
для других

6. Тестируйте на реальных людях
Мы делаем не только и не столько для себя, сколько
для других
Не бойтесь это услышать:
«Твой интерфейс – гавно!»

7. Тестируйте на реальных людях
Мы делаем не только и не столько для себя, сколько
для других
Не бойтесь это услышать:
«Твой интерфейс – гавно!»
Если вы делаете правильно, вы чаще будете слышать:
«Ооооуууу-оу-оу-оу! Как это работает?!»

8. Все, что мы делаем,
мы делаем для реальных людей.

9. ПРОБЛЕМА:
реальных людей миллиарды,
потенциальная аудитория –
сотни тысяч и миллионы,
а я – один!

19. Тестирование на реальных людях
Друзья, знакомые, круг общения
Ограниченный круг
Юзабилити-тестирование в лаборатории
Хорошая (случайная?) выборка
Телеметрия
Реальные пользователи, статистика

20. Тестирование на реальных людях
Друзья, знакомые, круг общения
Ограниченный круг
Юзабилити-тестирование в лаборатории
Хорошая (случайная?) выборка
Телеметрия
Реальные пользователи, статистика
Реалистичные персонажи
Усреднение аудитории по ключевым признакам

21. Реальные люди
всегда в контексте!

22. Контекст
Время
Утро, день, вечер, ночь
Свободное, занятое
30с, 1мин, 5 мин, 30 мин…
Место
Статичное, динамичное
Дома, на работе, на отдыхе…
Задачи
Настроение

23. Пример: Twitter

24. Видеть всю картину
целиком!

25. Понимание бизнеса и вовлеченных людей
Дизайн -> бизнес
Сервис-дизайн
Бизнес –> новый бизнес
Реинжиниринг бизнес-процессов

26. У людей есть…

27. Упражнение про руки

28. Пример: розовая колясочка

29. — Моя прелесть!

30. — Упс…

31. Вывод
Думайте о тех людях
Для кого вы делаете приложение?
Изучайте и планируйте сценарии использования
Как и зачем они будут использовать ваше приложение?
Выбирайтесь иногда из своей коробки
Вас могут ждать сюрпризы!

32. 2. Приложения

34. Приложения – это
интерфейс между
сервисами и
людьми.

35. У каждой
платформы есть
свои гайдлайны

36. Windows:
1. Будьте искусными в деталях
2. Достигайте большего меньшими средствами
3. Делайте по-настоящему цифровым
4. Делайте быстрым и подвижным
5. Выигрывайте вместе

37. Нам приятно наблюдать, как наши конкуренты…
Image by Robin Iversen Rönnlund

38. Есть сходимость…
Мы работаем для одних и тех же людей
Мы работаем в одно и то же время
Мы работаем с одними и теми же технологиями
Здесь есть место инновациям, но нельзя отрицать
неизбежность сходимости в базовых вещах.

39. Что изменилось?
Люди
В центре внимания люди,
а не файлы и документы.
Устройства ПО и сервисы

40. “Flat” design is not
about being flat.
Image by SpreadTheMagic

41. Многие дети не
знают, как этим
пользоваться.
Image by aussiegall

42. Мы должны двигаться дальше
Фокус на контенте
Content not chrome
Content is the king

43. Мы должны двигаться дальше
Фокус на контенте
Content not chrome
Content is the king
Универсальность коммуникации

45. Мы должны двигаться дальше
Фокус на контенте
Content not chrome
Content is the king
Универсальность коммуникации
Понятные, простые символы и выражения

46. Мы должны двигаться дальше
Фокус на контенте
Content not chrome
Content is the king
Универсальность коммуникации
Понятные, простые символы и выражения
Цифровая свобода (аутентичность)
Мы можем отказаться от атрибутов прошлого

47. Мы должны двигаться дальше
Фокус на контенте
Content not chrome
Content is the king
Универсальность коммуникации
Понятные, простые символы и выражения
Цифровая свобода (аутентичность)
Мы можем отказаться от атрибутов прошлого, если найдем более
эффективные решения.

48. Упражнение: как нарисовать
кнопку сохранения?

49. История
про голубей
Image by zigazou76

50. Важно учитывать
Платформа + гайды платформы
Согласие с платформой и родными приложениями
Собственные стили, брендбук и т.к.
Согласие с собой: персональность, уникальность
Популярные приложения
Согласие с экосистемой и привычками пользователей

64. Вывод
Приложения – это способ (один из…) взаимодействия
с людьми.
Приложения, платформы, экосистемы должны
отвечать (духу) времени.

65. 3. Устройства и сервисы

67. DEVICE

68. DEVICE

69. DEVICE

70. DEVICE

71. Устройства
Устройства являются неотъемлемой частью
взаимодействия с сервисом/приложением.

72. Пример: кнопка назад.

73. Что важно учитывать?
Габариты, форм факторы
Аппаратные кнопки
Сенсорный ввод, жесты с краев, способы ввода

74. Пример…

79. Что важно учитывать?
Габариты, форм факторы
Аппаратные кнопки
Сенсорный ввод, жесты с краев, способы ввода
Сенсоры

80. Упражнение: как улучшить
новостное приложение?

81. DEVICE

82. DEVICE

83. DEVICE

84. DEVICE

85. DEVICE

86. DEVICE

87. DEVICE X
DEVICE
DEVICE Z

88. DEVICE X
DEVICE
DEVICE Z

89. Вывод
Даже если вы просто делаете «экранчики», важно
помнить о железе, сценариях использования.
Сервисы могут быть важной частью UX:
Расширение возможностей
Переносимость данных

90. Итоги

91. Итоги
1. Начинайте с людей и сценариев
2. Учитывайте платформу и экосистему
3. Вписывайтесь в устройства
4. Расширяйтесь сервисами
5. Помните о людях

92. * Реклама 

93. Windows & Windows Phone
dev.windows.com + design.windows.com
dev.windowsphone.com

94. BizSpark для стартапов
Софт для разработки + Windows Azure
Бесплатно
Доступ в Windows Store и Windows Phone Store
Бесплатно
Гранты от Фонда посевного финансирования
Microsoft
$30 000 – $100 000
Идти сюда: http://ms-start.ru

95. Контакты
Константин Кичинский
Microsoft
konkich@microsoft.com & @kichinsky
blogs.msdn.com/kichinsky & html5insight.ru

96. © 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.