«Как с помощью Google Material Design не делать ». Дмитрий...

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

17.08.2015www.factory.mn

1

25

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

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

http://www.factory.mn

www.factory.mn

2



17.08.2015

Adme.ru

25


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

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

www.factory.mn

3



17.08.2015

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

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

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

I II III IV

25


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

www.factory.mn

4



17.08.2015

I


25



www.factory.mn

5



17.08.2015

Ссылка:

http://www.fiftythree.com/

pencil

CraigslistI

25


http://www.fiftythree.com/pencil

Эксперимент

www.factory.mn

6



17.08.2015

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

25


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

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

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

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

www.factory.mn

7



17.08.2015

II

25


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

www.factory.mn

8



17.08.2015

II

25


www.factory.mn

9



17.08.2015

II


25


www.factory.mn

10



17.08.2015

II


25


www.factory.mn

11



17.08.2015

II


25


www.factory.mn

12



17.08.2015

II


25


www.factory.mn

13



17.08.2015

II


25


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

www.factory.mn

14



17.08.2015

II

25


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

www.factory.mn



17.08.2015

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

III

25


До Material Design ‘13

www.factory.mn

16



17.08.2015

III

Gmail

YouTube

Play Music

25


После Material Design ‘15

www.factory.mn

17



17.08.2015

III

Gmail YouTube Play Music

25


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

www.factory.mn

18



17.08.2015

III

25


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



III

25

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



III

25

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



III

25

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



III

25

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

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

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

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

www.factory.mn

23



17.08.2015

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

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

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

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

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

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

Правило 3 WOW

Усомниться

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

25


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

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

www.factory.mn

24



17.08.2015

IV

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

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

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

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

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

25


provotorov www.provotorov.com

Спасибо!

www.sizer.factory.mn

25



17.08.2015

factorymn www.factory.mn

25

«Как с помощью Google Material Design не делать ». Дмитрий...

Software

Transcript of «Как с помощью Google Material Design не делать ». Дмитрий...