Как с помощью Google Material Design не делать шоколадных...

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

Transcript of Как с помощью Google Material Design не делать шоколадных...

Page 1: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

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

17.08.2015www.factory.mn

1

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

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

24

Page 2: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

www.factory.mn

2

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

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

17.08.2015

Adme.ru

24

Page 3: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

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

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

www.factory.mn

3

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

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

17.08.2015

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

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

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

I II III IV

24

Page 4: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

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

www.factory.mn

4

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

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

17.08.2015

I

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

24

Page 5: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

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

www.factory.mn

5

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

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

17.08.2015

Ссылка:

http://www.fiftythree.com/

pencil

CraigslistI

24

Page 6: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

Эксперимент

www.factory.mn

6

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

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

17.08.2015

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

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

http://www.youtube.com/

watch?v=h460DezTT3o

24

Page 7: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

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

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

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

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

www.factory.mn

7

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

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

17.08.2015

II

24

Page 8: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

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

www.factory.mn

8

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

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

17.08.2015

II

24

Page 9: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

www.factory.mn

9

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

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

17.08.2015

II

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

24

Page 10: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

www.factory.mn

10

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

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

17.08.2015

II

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

24

Page 11: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

www.factory.mn

11

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

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

17.08.2015

II

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

24

Page 12: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

www.factory.mn

12

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

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

17.08.2015

II

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

24

Page 13: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

www.factory.mn

13

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

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

17.08.2015

II

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

24

Page 14: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

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

www.factory.mn

14

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

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

17.08.2015

II

24

Page 15: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

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

www.factory.mn

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

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

17.08.2015

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

III

24

Page 16: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

До Material Design ‘13

www.factory.mn

16

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

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

17.08.2015

III

Gmail

YouTube

Play Music

24

Page 17: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

После Material Design ‘15

www.factory.mn

17

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

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

17.08.2015

III

Gmail YouTube Play Music

24

Page 18: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

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

www.factory.mn

18

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

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

17.08.2015

III

24

Page 19: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

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

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

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

III

24

Page 20: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

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

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

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

III

24

Page 21: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

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

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

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

III

24

Page 22: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

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

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

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

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

www.factory.mn

22

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

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

17.08.2015

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

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

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

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

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

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

Правило 3 WOW

Усомниться

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

24

Page 23: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

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

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

www.factory.mn

23

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

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

17.08.2015

IV

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

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

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

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

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

24

Page 24: Как с помощью Google Material Design не делать шоколадных поцелуйчиков

provotorov www.provotorov.com

Спасибо!

www.sizer.factory.mn

24

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

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

17.08.2015

factorymn www.factory.mn

24