Арктический_форум_Тельтевский_норм_QR_код_compressed.pdf

Slide 1

Slide 1 text

дизайн — не картинки а дей- стви- е мэйк — IV Арктический культурный форум makeagency.ru / @makeagency Иван Тельтевский, управляющий партнёр

Slide 2

Slide 2 text

мэйк digital для государства и промышленности 20+ 2009 2 наград городов присутствия год основания 40+ людей в штате кемерово москва

Slide 3

Slide 3 text

что делаем? сайты, приложения, сервисы, видео, контекст и таргет, брендинг, аналитику и стратегии, cgi — в общем диджитал для клиентов 😘 Правительство ЯНАО Правительство Кузбасса Роскосмос СГК Юниконф Мечел ВТБ Ростелеком 120+ и ещё клиентов

Slide 4

Slide 4 text

СМК сайт поставщика машиностроительного оборудования Шерегеш цифровой двойник курорта Роскосмос сайт дочернего подразделения что делаем?

Slide 5

Slide 5 text

чистосердечное признание: я изменил тему. *но немного

Slide 6

Slide 6 text

методология разработки. её этапы сначала техническое задание — это не ваши фантазии и даже не ваша задача

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

вкус, мнение и видение вот что стоит забыть сразу вы делаете сервис не для себя, и не для руководителя, а для юзера

Slide 9

Slide 9 text

потрясающий сервис, сделанный лишь с помощью интуиции, опыта и хорошего вкуса be like

Slide 10

Slide 10 text

о б ъ е к т и в н о с т ь всем нужна где ее взять?

Slide 11

Slide 11 text

ответ — исследования — количественные. в разработке это MVP и допил налету; — качестванные: метод персон, CJM (не маркетинговая, а UX), user flow, JTBD (jobs to be done), etc. — БЕНЧМАРКИНГ

Slide 12

Slide 12 text

метод которым мы проясняем неочевидное метод персонажей

Slide 13

Slide 13 text

— что такое; — как делать; — состав анкеты; — ведение интервью. метод персонажей

Slide 14

Slide 14 text

— общие вопросы. 10-20; — специальные вопросы — относятся к предметной области. 15-30; — мастер-вопросы. Фактически это приглашение к монологу или эссе. 2-4 метод персонажей — состав анкеты почему? объясните расскажите

Slide 15

Slide 15 text

учимся на живых проектах по этой ссылке доступа анкета и ответы респондентов персонажи Ubeauty

Slide 16

Slide 16 text

— 60 минут; — фиксируем на видео и аудио; — фиксируем ответы в анкету; — опрос не линейный, а фрактальный; — интервьюер — аналитик или проектировщик метод персонажей — ведение интервью почему? объясните расскажите

Slide 17

Slide 17 text

потребность, вписанная в контекст — персонаж метод персонажей а еще персонажей не может быть много. 2-3, не больше

Slide 18

Slide 18 text

по этой ссылке доступен отчет и описание персон персонажи СМК учимся на живых проектах

Slide 19

Slide 19 text

«дизайн» не равно design наконец-то добрались

Slide 20

Slide 20 text

про дизайн и дизайн проектирование или конструирование / планирование и организация процессов, людей, инфраструктуры — design

Slide 21

Slide 21 text

про дизайн и дизайн вы не сможете участвовать в разработке дизайна но можете и обязаны участвовать в его проектировании

Slide 22

Slide 22 text

а еще есть сервис-дизайн… вы создаете что-то, значит, у вас есть власть. а раз есть власть, то нужен самоконтроль для чего? для улучшения сервиса в целом

Slide 23

Slide 23 text

про UX

Slide 24

Slide 24 text

Поставить скринкаст с прототипом

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

карго культ и дизайнеры не всё прекрасное, что происходит с проектом в интересах проекта

Slide 27

Slide 27 text

железо влияет на дизайн — cкевоморфизм и iOS; — тонкие шрифты, линии и флэт-дизайн — стали возможны благодаря экранам более высокого разрешения и контрастности; — мультитач изменил всё; — чтобы предугадать, куда пойдет дизайн, смотрите на железо. Важно понимать, откуда растут ноги у тех или иных решений примеры:

Slide 28

Slide 28 text

железо влияет на дизайн классический скевоморфизм — надо приучить людей к аналогам интерактивных объектов на экране

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

флэт. приучили, теперь хотим лаконичный дизайн и тонкие линии. как раз и экраны уже тянут железо влияет на дизайн

Slide 31

Slide 31 text

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Slide 35

Slide 35 text

неоскевоморфизм. экраны стали тянуть градиенты, и дизайнеры стали украшать флэт железо влияет на дизайн

Slide 36

Slide 36 text

неоскевоморфизм. экраны стали тянуть градиенты, и дизайнеры стали украшать флэт

Slide 37

Slide 37 text

неоскевоморфизм. экраны стали тянуть градиенты, и дизайнеры стали украшать флэт железо влияет на дизайн

Slide 38

Slide 38 text

железо влияет на дизайн — дизайнер, насмотревшись модных концептов делает флэт- дизайн: тонкие линии, градиенты и т.п.; — но ЦА использует старые устройства; — это современный подход и новаторство это катастрофа

Slide 39

Slide 39 text

ограничения — интеграции — БД. какие можно, а какие нет, и почему — какие риски есть после санкций — Что с Рос. ПО вообще?

Slide 40

Slide 40 text

про UI и UX UX — это чтобы было удобно человеку UI — чтобы было удобно машине

Slide 41

Slide 41 text

про UX

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

разработка интерфейса — это эволюция информации собираете данные, обрабатываете и пропускаете информацию через несколько этапов: — сбор данных — обработка — составление персон или CJM — майндмэп или блок-схема — прототипы — дизайн страниц и состояний — программирование — наполнение — пользование — улучшение и исправление

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

— привычное работает лучше — дизайн сервиса — это пространство. Это не карточки, а проекция пространства — хороший дизайн = хорошая эмпатия

Slide 46

Slide 46 text

спасибо Иван Тельтевский makeagency.ru / @makeagency управляющий партнёр наш телеграм мэйк — IV Арктический культурный форум