111
Икра 2015 Арсеньев Родион креативный директор Red Keds design spring sprint

Design sprint demo 2

  • View
    231

  • Download
    12

Embed Size (px)

Citation preview

Page 1: Design sprint demo 2

Икра 2015

Арсеньев Родион креативный директор Red Keds

design spring sprint

Page 2: Design sprint demo 2

design sprint demo москва, 2015

Глава 1

добро пожаловать

Page 3: Design sprint demo 2

design sprint demo москва, 2015

добро пожаловать

Арсеньев Родион Дизайнер и преподаватель

Page 4: Design sprint demo 2

design sprint demo москва, 2015

добро пожаловать

Арсеньев Родион LPMI

Ден Мосин Sensitive brands

Page 5: Design sprint demo 2

design sprint demo москва, 2015

икра — это игра

Сына зовут Платон

Page 6: Design sprint demo 2

design sprint demo москва, 2015

икра — это игра

Не умеет рисовать. Совсем не умеет

Page 7: Design sprint demo 2

design sprint demo москва, 2015

икра — это игра

Смотрел «День сурка» столько же раз,

сколько повторялся один и тот же день главного героя Била Мюррея

Page 8: Design sprint demo 2

design sprint demo москва, 2015

икра — это игра

Играл в баскетбол

Page 9: Design sprint demo 2

design sprint demo москва, 2015

икра — это игра

Умел крутиться на голове дольше минуты (намного дольше)

Page 10: Design sprint demo 2

design sprint demo москва, 2015

икра — это игра

Сына зовут Корней

Page 11: Design sprint demo 2

design sprint demo москва, 2015

икра — это игра

Продавал сотовые телефоны

Page 12: Design sprint demo 2

design sprint demo москва, 2015

икра — это игра

Папа видел НЛО и рассказывал об этом на ТВ

Page 13: Design sprint demo 2

design sprint demo москва, 2015

икра — это игра

Работал грузчиком на складе, курьером в журнале о маках

и охранником пивной палатки

Page 14: Design sprint demo 2

design sprint demo москва, 2015

икра — это игра

Играл за сборную университета в волейбол

Page 15: Design sprint demo 2

design sprint demo москва, 2015

икра — это игра

Любит фантастику про шагающих роботов и трансформеров

Page 16: Design sprint demo 2

design sprint demo москва, 2015

Глава 2

зачем мы собрались

Page 17: Design sprint demo 2

design sprint demo москва, 2015

ачивка!

Сотрудники, недостатки, проблемы,

придумыватьМы уже научили

Page 18: Design sprint demo 2

design sprint demo москва, 2015

проблема!

Сотрудники, недостатки, проблемы,

делатьНо еще не научили

Page 19: Design sprint demo 2

design sprint demo москва, 2015

что делать? как жить?

Сотрудники, недостатки, проблемы,

делатьКак научиться

научиться верстать самому

сделать логотиписпользовать модульную сетку

строить пропорциональные схемы

выбрать штифтовую пару

набирать текст

работать в cinema 4d

сделать 3d-иллюстрацию

сделать 3d-иллюстрацию

создать визуальную систему

разработать сайт

сделать сайт адаптивным

собрать прототип

создать комплект аниматиков

Page 20: Design sprint demo 2

design sprint demo москва, 2015

то-то оно и оно!

мастерская дизайна

Идея!

Page 21: Design sprint demo 2

design sprint demo москва, 2015

первые курсы

Типографика Инструментысистемы визуально идентификации работа с текстом на экране неожиданные помощники дизайнера

Айдентика

Page 22: Design sprint demo 2

design sprint demo москва, 2015

первый эксперимент

Дизайн-спринт

Page 23: Design sprint demo 2

design sprint demo москва, 2015

Глава 3

design string

Page 24: Design sprint demo 2

design sprint demo москва, 2015

вы не могли бы повторить?

О чем этот интенсив

Идеи ИнструментыПроцессПотрогать руками каждый шаг

Узнать, как устроен процесс создания интерактивного проекта

Что, как и где придумывать

Какие бывают идеи и кому они нужны

Плоскогубцы и гвоздодеры дизайнера интерактивных проектов

Как найти шрифт, в чем собрать прототип, как подготовить спецификацию.

Page 25: Design sprint demo 2

design sprint demo москва, 2015

Для кого

Будущие ТренерыИгрокиИграть еще лучше

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

Впереди много нового

Находящиеся в начале своего непростого пути. Узнать, куда идти дальше, потрогать идеи, сделать пометки, подсмотреть.

«Это мой сын взрослый, а я еще молодой»

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

вы не могли бы повторить?

Page 26: Design sprint demo 2

design sprint demo москва, 2015

конструктивизм

Структура интенсива

Вступление

Знакомство, радужные словосочетания, дружелюбное острословие, добрый воздух и легкомысленный флёр.

Фундамен-тальная мысль

В чем сила, брат? В эмпатии и небезразличии, бро!

Идея

Различие креативной идеи, интерактивной идеи и визуальной идеи.

Прототипи-рование

Прототипы —  не те, кем они кажутся.

Этапы создания проекта

От брифа до публикации в портфолио.

Визуализация

Как визуализировать идеи в ходе разработки и как показывать идеи зрителю (в том числе клиенту).

Page 27: Design sprint demo 2

design sprint demo москва, 2015

конструктивизм

Структура интенсива

Типографика

Как выбирать шрифты и что с ними потом делать.

Дизайн-концепия

Чем отличается дизайн-концепция от дизайн-проекта.

Защита

Просмотр итогового проекта.

Дизайн-проект

Сборка итогового дизайн-проекта.

Page 28: Design sprint demo 2

design sprint demo москва, 2015

Глава 4

вы вляпались в дизайн

Page 29: Design sprint demo 2

design sprint demo москва, 2015

самоидентификация

Реклама и маркетинг — это услуги. Мы — обслуживающий персонал. И в этом нет ничего плохого

Page 30: Design sprint demo 2

design sprint demo москва, 2015

все думают, что дизайн — это вот это вот

Page 31: Design sprint demo 2

design sprint demo москва, 2015

суровая правда или повторяющееся действие

Page 32: Design sprint demo 2

design sprint demo москва, 2015

не для слабоков

Быть дизайнером —  часто больно и еще чаще обидно

Дизайн —  это больно

Дизайн —  это сложно

А еще эта чертова самостоятельность. Без которой никуда

Page 33: Design sprint demo 2

design sprint demo москва, 2015

Глава 5

design swing

Page 34: Design sprint demo 2

design sprint demo москва, 2015

design means you do care

real mofo moto

Page 35: Design sprint demo 2

design sprint demo москва, 2015

из чего же сделаны наши

Четыре самые важные вещи:

Эмпатия Личный опыт Мотив и отношение Клиент и его задачи

Page 36: Design sprint demo 2

design sprint demo москва, 2015

основы основных основ

Небезразличие и эмпатия

DAvid kelleyIDEOs founder

Paul bennetТChief Creative Officer

Page 37: Design sprint demo 2

design sprint demo москва, 2015

основы основных основ

Личный опыт и достоверность

Andrew stanton milton glaser

Page 38: Design sprint demo 2

design sprint demo москва, 2015

основы основных основ

Личный опыт и достоверность

Page 39: Design sprint demo 2

design sprint demo москва, 2015

ох уж этот пример

Page 40: Design sprint demo 2

design sprint demo москва, 2015

ох уж этот пример

Page 41: Design sprint demo 2

design sprint demo москва, 2015

ох уж этот пример

Page 43: Design sprint demo 2

design sprint demo москва, 2015

4 измерения эмпатии

Бизнес

Вы

Человек

Продукт

Page 44: Design sprint demo 2

design sprint demo москва, 2015

Бизнес

Вы

Человек

Продукт4 измерения эмпатии

Проблемы

Недостатки

желания

Мечтыпривычки

Потребности

Культура

Чувства

детализация

качество

работоспособность

доступностьмасштабируемость понятность

полезность

срок жизни Целесообразность

Бизнес-задачи

стремления

Слабости награды

бюджет

эффективность

риски

инновационностьПростота

потенциал для развития

аналитика

сроки

признание

деньги

саморазвитие

нарцисизмкарьера

смысл

Page 45: Design sprint demo 2

design sprint demo москва, 2015

Дизайнер

дизайн-Объект

Дизайн-объект

Дизайн-мыслитель не фокусируется на объекте. Он режиссирует сценарий взаимодействия с будущим объектом. Опят является целью процесса. Объект — это инструмент создания опыта.

Люди

На самом деле, дизайн-продукт начинается здесь.

Опыт

опытный образец

Опыт связывает

Page 46: Design sprint demo 2

design sprint demo москва, 2015

как выглядит процесс поиска идеи

Поиск идеи

Мечта Мотив

Личный опыт

Эмпатия

Клиент и его продукт

Целевая аудитория

Коммуникационные задачи

Page 47: Design sprint demo 2

design sprint demo москва, 2015

как выглядит процесс поиска идеи

Поиск идеи

Мечта Мотив

Личный опыт

Эмпатия

Клиент и его продукт

Целевая аудитория

Коммуникационные задачи

Page 48: Design sprint demo 2

design sprint demo москва, 2015

как выглядит процесс поиска идеи

Поиск идеи

Мечта Мотив

Личный опыт

Эмпатия

Клиент и его продукт

Целевая аудитория

Коммуникационные задачи

Идея!

Page 49: Design sprint demo 2

design sprint demo москва, 2015

Глава 6

идеи

Page 50: Design sprint demo 2

design sprint demo москва, 2015

скажите, что вы видите

Page 51: Design sprint demo 2

design sprint demo москва, 2015

скажите, что вы видите

Page 52: Design sprint demo 2

design sprint demo москва, 2015

скажите, что вы видите

Page 53: Design sprint demo 2

design sprint demo москва, 2015

скажите, что вы видите

Page 54: Design sprint demo 2

design sprint demo москва, 2015

скажите, что вы видите

Page 55: Design sprint demo 2

design sprint demo москва, 2015

скажите, что вы видите

назвать, какая идея какая.

Кулькулятор мужской жизненной силы

Интерактивный фильм, которым пользователь управляет голосом через микрофон

Буквы сделаны из цветов

Тостер настолько классный, что не помещается в кадр

Page 56: Design sprint demo 2

design sprint demo москва, 2015

моя идея больше, чем твоя

Форма

Большая идеяДрама Польза

Тотализатор скидок за добросовестную

езду

Page 57: Design sprint demo 2

design sprint demo москва, 2015

идея поведения

Интерактивная идея

Page 58: Design sprint demo 2

design sprint demo москва, 2015

жестикуляция мысли

Визуальная идея

Page 59: Design sprint demo 2

design sprint demo москва, 2015

и где их искать?

Как думать идеи

Команда Импровизация Количество АбстракцияНе осуждай Думать руками

Page 60: Design sprint demo 2

design sprint demo москва, 2015

быстрее! еще быстрее!

Как подавать идеи:

Page 61: Design sprint demo 2

design sprint demo москва, 2015

а меня нарисовать сможешь?

Как подавать идеи:

Page 62: Design sprint demo 2

design sprint demo москва, 2015

вот это уже похоже на правду!

Как подавать идеи:

Page 63: Design sprint demo 2

design sprint demo москва, 2015

перфоманс выразительности

Как подавать идеи:

Дизайн-концепция

Page 64: Design sprint demo 2

design sprint demo москва, 2015

Глава 7

прототипирование

Page 65: Design sprint demo 2

design sprint demo москва, 2015

давайте подумаем

Это прототип?

Page 66: Design sprint demo 2

design sprint demo москва, 2015

давайте подумаем

Это прототип?

Page 67: Design sprint demo 2

design sprint demo москва, 2015

давайте подумаем

Это прототип?

Page 68: Design sprint demo 2

design sprint demo москва, 2015

давайте подумаем

Это прототип?

Page 69: Design sprint demo 2

design sprint demo москва, 2015

итого

Что такое прототип?

Прототип — это первичная материализация мысли

Page 70: Design sprint demo 2

design sprint demo москва, 2015

все просто

Зачем нужны прототипы

Думать руками Скорость Тестирование ВеселоОшибки

Page 71: Design sprint demo 2

design sprint demo москва, 2015

суперважно!

Что такое думать руками

Page 72: Design sprint demo 2

design sprint demo москва, 2015

виды прототипирования

Бодисторминг

Page 73: Design sprint demo 2

design sprint demo москва, 2015

виды прототипирования

Нарисовать на листочке

Page 74: Design sprint demo 2

design sprint demo москва, 2015

мое любимое определение

Склеить слепить

Page 75: Design sprint demo 2

design sprint demo москва, 2015

мое любимое определение

Мокапы

Page 76: Design sprint demo 2

design sprint demo москва, 2015

мое любимое определение

Линейный прототип

Нужна инструкция

Визуальный и невизуальный

Page 77: Design sprint demo 2

design sprint demo москва, 2015

мое любимое определение

Интерактивный прототип

Не нужна инструкция

Визуальный и невизуальный

Page 78: Design sprint demo 2

design sprint demo москва, 2015

мое любимое определение

Аниматики

Page 79: Design sprint demo 2

design sprint demo москва, 2015

Глава 8

типографика

Page 80: Design sprint demo 2

design sprint demo москва, 2015

важнее остального

грама0тность деизайнера

Типографика —

Page 81: Design sprint demo 2

design sprint demo москва, 2015

и не надо вот этого вот тут вот

ты плохой дизайнер

Типографика — не ваше?

Page 82: Design sprint demo 2

design sprint demo москва, 2015

читай свой дизайн!

король вечеринки

Контент —

Page 83: Design sprint demo 2

design sprint demo москва, 2015

не просто оформительство

Типографика и работа с текстомНужно выступать в роли копирайтера или редактора самому там, где это нужно

Page 84: Design sprint demo 2

design sprint demo москва, 2015

не просто оформительство

Типографика и работа с текстом

Page 85: Design sprint demo 2

design sprint demo москва, 2015

примеры

Page 86: Design sprint demo 2

design sprint demo москва, 2015

примеры

Page 87: Design sprint demo 2

design sprint demo москва, 2015

добро пожаловать в ад

Выбор шрифтов

Page 88: Design sprint demo 2

design sprint demo москва, 2015

самый главный совет

выбери шрифтовую пару

До того, как начал дизайн

Page 89: Design sprint demo 2

design sprint demo москва, 2015

мое любимое определение

Полезно

Page 90: Design sprint demo 2

design sprint demo москва, 2015

Глава 9

дизайн- концепция

Page 91: Design sprint demo 2

design sprint demo москва, 2015

найди 143 отличия

Еще не дизайн

Page 92: Design sprint demo 2

design sprint demo москва, 2015

очень важно

Презентация концепции

Page 93: Design sprint demo 2

design sprint demo москва, 2015

Глава 10

дизайн- проект

Page 94: Design sprint demo 2

design sprint demo москва, 2015

tips & tricks

Стратегия и тактика

Page 95: Design sprint demo 2

design sprint demo москва, 2015

tips & tricks

Пора наводить порядок в голове и в файлах

Page 96: Design sprint demo 2

design sprint demo москва, 2015

tips & tricks

Я — калькулятор и горжусь этим

1150 60*2=120 1150-120=1030 50*2=100 1030-100=930 930/3=310

Page 97: Design sprint demo 2

design sprint demo москва, 2015

tips & tricks

Экранизация дизайна: нельзя делать неадаптивные сайты

Page 98: Design sprint demo 2

design sprint demo москва, 2015

tips & tricks

Инструменты: модульные сетки

Page 99: Design sprint demo 2

design sprint demo москва, 2015

tips & tricks

Page 100: Design sprint demo 2

design sprint demo москва, 2015

Глава 11

спецификации

Page 101: Design sprint demo 2

design sprint demo москва, 2015

большая проблема

Фантомная часть проекта — роковая ошибка дизайнеров и продюсеров Совпадение?

Не думаю!

Page 102: Design sprint demo 2

design sprint demo москва, 2015

большая проблема

Это так долго и ску-у-у-у-учно!

Page 103: Design sprint demo 2

design sprint demo москва, 2015

они же живые!

Тяжелая жизнь разработчика. К тому же он еще и живой человек

Page 104: Design sprint demo 2

design sprint demo москва, 2015

зачем нужны спецификации?

Спецификации — забота о проекте, о себе, о разработчике

Page 105: Design sprint demo 2

design sprint demo москва, 2015

примеры

Page 106: Design sprint demo 2

design sprint demo москва, 2015

примеры

Page 107: Design sprint demo 2

design sprint demo москва, 2015

примеры

Page 108: Design sprint demo 2

design sprint demo москва, 2015

Глава 12

послесловие

Page 109: Design sprint demo 2

design sprint demo москва, 2015

устройство вывода

Ч Т О В И Т О Г Е

Опыт и польза

К А К

Дизайн и технологии

Д Л Я К О Г О

Человек и его проблемы

Три простых истины

Page 110: Design sprint demo 2

design sprint demo москва, 2015

They say that death kills you, But death doesn't kill you. Boredom and indifference kill you.

предпоследний слайд

Page 111: Design sprint demo 2

последний слайд

facebook арсеньев родион

спасибо