Доклад с GDG DEvFest Voronezh 2015.

1. Как с помощью
Google Material Design
не делать 💩
17.08.2015www.factory.mn
1
25
Как с помощью GMD
не делать 💩
Дмитрий Провоторов

2. www.factory.mn
2
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
Adme.ru
25

3. Google
Material
Design в
контексте
шаблонного
мышления
План выступления
www.factory.mn
3
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
Наше
шаблонное
мышление
Почему мы
будем
говорить
о UX / UI
Приёмы
поиска
нешаблонных
решений
I II III IV
25

4. « Как минимум половину технологических
продуктов пользователи будут использовать из-за
их стиля и того впечатления, которое возникает
при использовании, а не из-за чистой
функциональности.»
Julie Zhuo, product design director Facebook
www.factory.mn
4
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
I
Почему мы будем говорить о UX / UI
25

5. Почему мы будем говорить о UX / UI
www.factory.mn
5
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
Ссылка:
http://
www.fiftythree.com/
pencil
Craigslist
I
25

6. Эксперимент
www.factory.mn
6
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
Видео
II
Эксперимент
25

7. Чем больше
воды
спускается по
оврагу, тем
глубже овраг.
Овраги
блокируют
возможность
воде пройти
новым путём.
Овраги
ускоряют
спуск воды
сверху вниз.
Выводы по эксперименту
www.factory.mn
7
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
II
25

8. Примеры нашего шаблонного мышления
www.factory.mn
8
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
II
25

9. www.factory.mn
9
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
II
Примеры нашего шаблонного мышления
25

10. www.factory.mn
10
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
II
Примеры нашего шаблонного мышления
25

11. www.factory.mn
11
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
II
Примеры нашего шаблонного мышления
25

12. www.factory.mn
12
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
II
Примеры нашего шаблонного мышления
25

13. www.factory.mn
13
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
II
Примеры нашего шаблонного мышления
25

14. Примеры шаблонного мышления
www.factory.mn
14
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
II
25

15. GMD в контексте шаблонного мышления15
www.factory.mn
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
« Создать визуальный язык,
который объединит
классические принципы
хорошего дизайна с
новшествами и
возможностями технологий и
науки.»
Google
III
25

16. До Material Design ‘13
www.factory.mn
16
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
III
Gmail
YouTube
Play Music
25

17. После Material Design ‘15
www.factory.mn
17
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
III
Gmail YouTube Play Music
25

18. Шаблонно и не шаблонно
www.factory.mn
18
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
III
25

19. Шаблонно и не шаблонно
19
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
III
25

20. Поиск новых решений
20
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
III
25

21. Шаблонно и не шаблонно
21
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
III
25

22. Поиск альтернатив
22
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
III
25

23. Приёмы поиска нешаблонных решений
Проектирование логики работы
приложения
Применение Material Design при
создании UI
Изучение основ GMD
www.factory.mn
23
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
IV
Создание среды проектирования
Составление фичерлиста
приложения
Формализация кейсов поведения
пользователя
Бесконечный поиск альтернатив
Создание искусственных
ограничений «Лекарство Лены»
Изменение среды проектирования
Правило 3 WOW
Усомниться
Исследование
25

24. Расширяйте
кругозор в
вопросах
проектирования
UX и UI и не
только.
Применение выводов
www.factory.mn
24
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
IV
Чем больше
воды
спускается по
оврагу, тем
глубже овраг.
Овраги
блокируют
возможность
воде пройти
новым путём.
Овраги
ускоряют
спуск воды
сверху вниз.
Используйте
Material
Design для
ускорения.
Не дайте
Material
Design стать
вашими
стенами.
25

25. provotorov
www.provotorov.com
Спасибо!
www.sizer.factory.mn
25
Как с помощью GMD
не делать 💩
Дмитрий Провоторов
17.08.2015
factorymn
www.factory.mn
25