«Как с помощью google material design не делать ». Дмитрий...
TRANSCRIPT
![Page 1: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/1.jpg)
Как с помощью Google Material Design не делать 💩
17.08.2015www.factory.mn
1
25
Как с помощью GMD не делать 💩
Дмитрий Провоторов
![Page 2: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/2.jpg)
www.factory.mn
2
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
Adme.ru
25
![Page 3: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/3.jpg)
Google Material Design в контексте шаблонного мышления
План выступления
www.factory.mn
3
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
Наше шаблонное мышление
Почему мы будем говорить о UX / UI
Приёмы поиска нешаблонных решений
I II III IV
25
![Page 4: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/4.jpg)
« Как минимум половину технологических продуктов пользователи будут использовать из-за их стиля и того впечатления, которое возникает при использовании, а не из-за чистой функциональности.» Julie Zhuo, product design director Facebook
www.factory.mn
4
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
I
Почему мы будем говорить о UX / UI
25
![Page 5: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/5.jpg)
Почему мы будем говорить о UX / UI
www.factory.mn
5
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
Ссылка:
http://www.fiftythree.com/
pencil
CraigslistI
25
![Page 6: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/6.jpg)
Эксперимент
www.factory.mn
6
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
ВидеоII Эксперимент
25
![Page 7: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/7.jpg)
Чем больше воды спускается по оврагу, тем глубже овраг.
Овраги блокируют возможность воде пройти новым путём.
Овраги ускоряют спуск воды сверху вниз.
Выводы по эксперименту
www.factory.mn
7
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
II
25
![Page 8: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/8.jpg)
Примеры нашего шаблонного мышления
www.factory.mn
8
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
II
25
![Page 9: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/9.jpg)
www.factory.mn
9
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
II
Примеры нашего шаблонного мышления
25
![Page 10: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/10.jpg)
www.factory.mn
10
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
II
Примеры нашего шаблонного мышления
25
![Page 11: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/11.jpg)
www.factory.mn
11
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
II
Примеры нашего шаблонного мышления
25
![Page 12: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/12.jpg)
www.factory.mn
12
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
II
Примеры нашего шаблонного мышления
25
![Page 13: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/13.jpg)
www.factory.mn
13
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
II
Примеры нашего шаблонного мышления
25
![Page 14: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/14.jpg)
Примеры шаблонного мышления
www.factory.mn
14
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
II
25
![Page 15: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/15.jpg)
GMD в контексте шаблонного мышления15
www.factory.mn
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
« Создать визуальный язык, который объединит классические принципы хорошего дизайна с новшествами и возможностями технологий и науки.» Google
III
25
![Page 16: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/16.jpg)
До Material Design ‘13
www.factory.mn
16
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
III
Gmail
YouTube
Play Music
25
![Page 17: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/17.jpg)
После Material Design ‘15
www.factory.mn
17
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
III
Gmail YouTube Play Music
25
![Page 18: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/18.jpg)
Шаблонно и не шаблонно
www.factory.mn
18
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
III
25
![Page 19: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/19.jpg)
Шаблонно и не шаблонно19
Как с помощью GMD не делать 💩
Дмитрий Провоторов
III
25
![Page 20: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/20.jpg)
Поиск новых решений20
Как с помощью GMD не делать 💩
Дмитрий Провоторов
III
25
![Page 21: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/21.jpg)
Шаблонно и не шаблонно21
Как с помощью GMD не делать 💩
Дмитрий Провоторов
III
25
![Page 22: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/22.jpg)
Поиск альтернатив22
Как с помощью GMD не делать 💩
Дмитрий Провоторов
III
25
![Page 23: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/23.jpg)
Приёмы поиска нешаблонных решений
Проектирование логики работы приложения
Применение Material Design при создании UI
Изучение основ GMD
www.factory.mn
23
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
IVСоздание среды проектирования
Составление фичерлиста приложения
Формализация кейсов поведения пользователя
Бесконечный поиск альтернатив
Создание искусственных ограничений «Лекарство Лены»
Изменение среды проектирования
Правило 3 WOW
Усомниться
Исследование
25
![Page 24: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/24.jpg)
Расширяйте кругозор в вопросах проектирования UX и UI и не только.
Применение выводов
www.factory.mn
24
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
IV
Чем больше воды спускается по оврагу, тем глубже овраг.
Овраги блокируют возможность воде пройти новым путём.
Овраги ускоряют спуск воды сверху вниз.
Используйте Material Design для ускорения.
Не дайте Material Design стать вашими стенами.
25
![Page 25: «Как с помощью Google Material Design не делать ». Дмитрий Провоторов](https://reader036.vdocuments.pub/reader036/viewer/2022062412/58a8c1711a28ab53138b49b3/html5/thumbnails/25.jpg)
provotorov www.provotorov.com
Спасибо!
www.sizer.factory.mn
25
Как с помощью GMD не делать 💩
Дмитрий Провоторов
17.08.2015
factorymn www.factory.mn
25