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

17.08.2015www.factory.mn

1

25

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

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

www.factory.mn

2

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

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

17.08.2015

Adme.ru

25

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

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

www.factory.mn

3

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

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

17.08.2015

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

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

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

I II III IV

25

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

www.factory.mn

4

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

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

17.08.2015

I

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

25

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

www.factory.mn

5

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

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

17.08.2015

Ссылка:

http://www.fiftythree.com/

pencil

CraigslistI

25

Эксперимент

www.factory.mn

6

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

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

17.08.2015

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

25

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

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

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

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

www.factory.mn

7

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

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

17.08.2015

II

25

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

www.factory.mn

8

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

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

17.08.2015

II

25

www.factory.mn

9

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

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

17.08.2015

II

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

25

www.factory.mn

10

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

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

17.08.2015

II

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

25

www.factory.mn

11

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

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

17.08.2015

II

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

25

www.factory.mn

12

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

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

17.08.2015

II

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

25

www.factory.mn

13

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

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

17.08.2015

II

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

25

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

www.factory.mn

14

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

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

17.08.2015

II

25

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

www.factory.mn

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

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

17.08.2015

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

III

25

До Material Design ‘13

www.factory.mn

16

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

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

17.08.2015

III

Gmail

YouTube

Play Music

25

После Material Design ‘15

www.factory.mn

17

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

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

17.08.2015

III

Gmail YouTube Play Music

25

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

www.factory.mn

18

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

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

17.08.2015

III

25

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

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

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

III

25

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

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

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

III

25

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

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

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

III

25

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

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

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

III

25

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

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

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

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

www.factory.mn

23

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

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

17.08.2015

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

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

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

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

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

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

Правило 3 WOW

Усомниться

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

25

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

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

www.factory.mn

24

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

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

17.08.2015

IV

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

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

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

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

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

25

provotorov www.provotorov.com

Спасибо!

www.sizer.factory.mn

25

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

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

17.08.2015

factorymn www.factory.mn

25