Как с помощью Google Material Design не делать 💩

17.08.2015www.factory.mn

1

Как с помощью GMD не делать 💩

Дмитрий Провоторов

24

www.factory.mn

2

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

Adme.ru

24

Google Material Design в контексте шаблонного мышления

План выступления

www.factory.mn

3

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

Наше шаблонное мышление

Почему мы будем говорить о UX / UI

Приёмы поиска нешаблонных решений

I II III IV

24

« Как минимум половину технологических продуктов пользователи будут использовать из-за их стиля и того впечатления, которое возникает при использовании, а не из-за чистой функциональности.» Julie Zhuo, product design director Facebook

www.factory.mn

4

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

I

Почему мы будем говорить о UX / UI

24

Почему мы будем говорить о UX / UI

www.factory.mn

5

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

Ссылка:

http://www.fiftythree.com/

pencil

CraigslistI

24

Эксперимент

www.factory.mn

6

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

ВидеоII Эксперимент

Ссылка на видео:

http://www.youtube.com/

watch?v=h460DezTT3o

24

Чем больше воды спускается по оврагу, тем глубже овраг.

Овраги блокируют возможность воде пройти новым путём.

Овраги ускоряют спуск воды сверху вниз.

Выводы по эксперименту

www.factory.mn

7

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

II

24

Примеры нашего шаблонного мышления

www.factory.mn

8

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

II

24

www.factory.mn

9

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

II

Примеры нашего шаблонного мышления

24

www.factory.mn

10

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

II

Примеры нашего шаблонного мышления

24

www.factory.mn

11

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

II

Примеры нашего шаблонного мышления

24

www.factory.mn

12

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

II

Примеры нашего шаблонного мышления

24

www.factory.mn

13

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

II

Примеры нашего шаблонного мышления

24

Примеры шаблонного мышления

www.factory.mn

14

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

II

24

GMD в контексте шаблонного мышления15

www.factory.mn

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

« Создать визуальный язык, который объединит классические принципы хорошего дизайна с новшествами и возможностями технологий и науки.» Google

III

24

До Material Design ‘13

www.factory.mn

16

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

III

Gmail

YouTube

Play Music

24

После Material Design ‘15

www.factory.mn

17

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

III

Gmail YouTube Play Music

24

Шаблонно и не шаблонно

www.factory.mn

18

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

III

24

Шаблонно и не шаблонно19

Как с помощью GMD не делать 💩

Дмитрий Провоторов

III

24

Поиск новых решений20

Как с помощью GMD не делать 💩

Дмитрий Провоторов

III

24

Поиск альтернатив21

Как с помощью GMD не делать 💩

Дмитрий Провоторов

III

24

Приёмы поиска нешаблонных решений

Проектирование логики работы приложения

Применение Material Design при создании UI

Изучение основ GMD

www.factory.mn

22

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

IVСоздание среды проектирования

Составление фичерлиста приложения

Формализация кейсов поведения пользователя

Бесконечный поиск альтернатив

Создание искусственных ограничений «Лекарство Лены»

Изменение среды проектирования

Правило 3 WOW

Усомниться

Исследование

24

Расширяйте кругозор в вопросах проектирования UX и UI и не только.

Применение выводов

www.factory.mn

23

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

IV

Чем больше воды спускается по оврагу, тем глубже овраг.

Овраги блокируют возможность воде пройти новым путём.

Овраги ускоряют спуск воды сверху вниз.

Используйте Material Design для ускорения.

Не дайте Material Design стать вашими стенами.

24

provotorov www.provotorov.com

Спасибо!

www.sizer.factory.mn

24

Как с помощью GMD не делать 💩

Дмитрий Провоторов

17.08.2015

factorymn www.factory.mn

24