Дизайн для людей, приложений, устройств и сервисов
DESCRIPTION
Презентация к докладу на фестивале BitByte 2013 (Moscow).TRANSCRIPT
Дизайн для людей, приложений, устройств и сервисовКонстантин Кичинский
@kichinsky, [email protected]
1. Люди
Все, что мы делаем, мы делаем для людей.
Мы должны выбираться из пузыря наружу.
Тестируйте на реальных людях
Мы делаем не только и не столько для себя, сколько для других
Тестируйте на реальных людях
Мы делаем не только и не столько для себя, сколько для других
Не бойтесь это услышать:«Твой интерфейс – гавно!»
Тестируйте на реальных людях
Мы делаем не только и не столько для себя, сколько для других
Не бойтесь это услышать:«Твой интерфейс – гавно!»
Если вы делаете правильно, вы чаще будете слышать:«Ооооуууу-оу-оу-оу! Как это работает?!»
Все, что мы делаем, мы делаем для реальных людей.
ПРОБЛЕМА:реальных людей миллиарды,потенциальная аудитория –сотни тысяч и миллионы,
а я – один!
Тестирование на реальных людях
Друзья, знакомые, круг общенияОграниченный круг
Юзабилити-тестирование в лабораторииХорошая (случайная?) выборка
ТелеметрияРеальные пользователи, статистика
Тестирование на реальных людях
Друзья, знакомые, круг общенияОграниченный круг
Юзабилити-тестирование в лабораторииХорошая (случайная?) выборка
ТелеметрияРеальные пользователи, статистика
Реалистичные персонажиУсреднение аудитории по ключевым признакам
Реальные люди всегда в контексте!
Контекст
ВремяУтро, день, вечер, ночь
Свободное, занятое
30с, 1мин, 5 мин, 30 мин…
МестоСтатичное, динамичное
Дома, на работе, на отдыхе…
Задачи
Настроение
Пример: Twitter
Видеть всю картину целиком!
Понимание бизнеса и вовлеченных людей
Дизайн -> бизнесСервис-дизайн
Бизнес –> новый бизнесРеинжиниринг бизнес-процессов
У людей есть…
Упражнение про руки
Пример: розовая колясочка
— Моя прелесть!
— Упс…
Вывод
Думайте о тех людяхДля кого вы делаете приложение?
Изучайте и планируйте сценарии использованияКак и зачем они будут использовать ваше приложение?
Выбирайтесь иногда из своей коробкиВас могут ждать сюрпризы!
2. Приложения
Приложения – это интерфейс между сервисами и людьми.
У каждой платформы есть свои гайдлайны
Windows:
1. Будьте искусными в деталях
2. Достигайте большего меньшими средствами
3. Делайте по-настоящему цифровым
4. Делайте быстрым и подвижным
5. Выигрывайте вместе
Нам приятно наблюдать, как наши конкуренты…
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
Универсальность коммуникацииПонятные, простые символы и выражения
Цифровая свобода (аутентичность)Мы можем отказаться от атрибутов прошлого, если найдем более эффективные решения.
Упражнение: как нарисовать кнопку сохранения?
Важно учитывать
Платформа + гайды платформыСогласие с платформой и родными приложениями
Собственные стили, брендбук и т.к.Согласие с собой: персональность, уникальность
Популярные приложенияСогласие с экосистемой и привычками пользователей
Вывод
Приложения – это способ (один из…) взаимодействия с людьми.
Приложения, платформы, экосистемы должны отвечать (духу) времени.
3. Устройства и сервисы
DEVICE
DEVICE
DEVICE
DEVICE
Устройства
Устройства являются неотъемлемой частью взаимодействия с сервисом/приложением.
Пример: кнопка назад.
Что важно учитывать?
Габариты, форм факторы
Аппаратные кнопки
Сенсорный ввод, жесты с краев, способы ввода
Пример…
Что важно учитывать?
Габариты, форм факторы
Аппаратные кнопки
Сенсорный ввод, жесты с краев, способы ввода
Сенсоры
Упражнение: как улучшить новостное приложение?
DEVICE
DEVICE
DEVICE
DEVICE
DEVICE
DEVICE
DEVICE X
DEVICE
DEVICE Z
DEVICE X
DEVICE
DEVICE Z
Вывод
Даже если вы просто делаете «экранчики», важно помнить о железе, сценариях использования.
Сервисы могут быть важной частью UX:Расширение возможностей
Переносимость данных
Итоги
Итоги
1. Начинайте с людей и сценариев
2. Учитывайте платформу и экосистему
3. Вписывайтесь в устройства
4. Расширяйтесь сервисами
5. Помните о людях
* Реклама
Windows & Windows Phone
dev.windows.com + design.windows.com
dev.windowsphone.com
BizSpark для стартапов
Софт для разработки + Windows AzureБесплатно
Доступ в Windows Store и Windows Phone StoreБесплатно
Гранты от Фонда посевного финансирования Microsoft$30 000 – $100 000
Идти сюда: http://ms-start.ru
Контакты
Константин КичинскийMicrosoft
[email protected] & @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 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.