Николай Мамадаев — Процесс создания дизайна...
TRANSCRIPT
![Page 1: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/1.jpg)
Николай МамадаевUX/UI дизайнер
Процесс создания дизайна мобильного приложения
Четвертая конференцияразработчиков ПО «DevParty»
2 апреля 2016 года, Вологда
1
![Page 2: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/2.jpg)
1. Решение организационных вопросов
2. Разработка прототипов и юзабилити тестирование
3. Графическое оформление утвержденного прототипа
4. Передача спеков и ресурсов графики разработчикам (промокод)
5. Сопровождение дизайнера до релиза в маркете/сторе
2
![Page 3: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/3.jpg)
1. Решение организационных вопросов
3
![Page 4: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/4.jpg)
1. Решение организационных вопросов
Документы Google
docs.google.com
4
![Page 5: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/5.jpg)
1. Решение организационных вопросов
RealtimeBoard
realtimeboard.com
5
![Page 6: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/6.jpg)
6
![Page 7: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/7.jpg)
1. Решение организационных вопросов
Telegram Messenger
telegram.org
7
![Page 8: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/8.jpg)
1. Решение организационных вопросов
Skype
skype.com/ru
8
![Page 9: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/9.jpg)
1. Решение организационных вопросов
Worksection
worksection.com
9
![Page 10: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/10.jpg)
10
![Page 11: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/11.jpg)
1. Решение организационных вопросов
Trello
trello.com
11
![Page 12: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/12.jpg)
12
![Page 13: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/13.jpg)
2. Разработка прототипов и юзабилити тестирование
13
![Page 14: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/14.jpg)
2. Разработка прототипов и юзабилити тестирование
Tayasui Sketches
trello.com
14
![Page 15: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/15.jpg)
15
![Page 16: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/16.jpg)
16
![Page 17: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/17.jpg)
Adobe Photoshop CC
adobe.com/ru
2. Разработка прототипов и юзабилити тестирование
17
![Page 18: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/18.jpg)
18
![Page 19: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/19.jpg)
Adobe Xd
adobe.com/ru
2. Разработка прототипов и юзабилити тестирование
СКОРО НА WINDOWS
19
![Page 20: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/20.jpg)
20
![Page 21: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/21.jpg)
Marvel
marvelapp.com
2. Разработка прототипов и юзабилити тестирование
21
![Page 22: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/22.jpg)
22
![Page 23: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/23.jpg)
23
![Page 24: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/24.jpg)
24
![Page 25: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/25.jpg)
25
![Page 26: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/26.jpg)
Pixate
pixate.com
2. Разработка прототипов и юзабилити тестирование
26
![Page 27: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/27.jpg)
27
![Page 28: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/28.jpg)
28
![Page 29: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/29.jpg)
2. Разработка прототипов и юзабилити тестирование
Документы Google
docs.google.com
29
![Page 30: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/30.jpg)
30
![Page 31: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/31.jpg)
3. Графическое оформление утвержденного прототипа
31
![Page 32: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/32.jpg)
Pixel to vector
the-orange-box.com
3. Графическое оформление утвержденного прототипа
Плагины в PS CC
Uber Spacer
uberplugins.cc
Craft (Photos & Type)
invisionapp.com/craft
Uber Faces
uberplugins.cc
Sympli
sympli.io
Uber Stock
uberplugins.cc
32
![Page 33: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/33.jpg)
Swap Position
gumroad.com/uberplugins
3. Графическое оформление утвержденного прототипа
Сценарии в PS CC
Transform Each 2.1
blog.darkwark.com/transformEach21
Камиль Хадеев(г. Казань)
Антон Любушкин(г. Новокузнецк)
33
![Page 34: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/34.jpg)
3. Графическое оформление утвержденного прототипа
Web ресурсы
ru.pinterest.com
Make app icon
makeappicon.com
Material Up
ru.pinterest.com
LaunchKit
launchkit.io
flaticon
flaticon.com
Code4app
code4app.net
34
![Page 35: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/35.jpg)
4. Передача спеков и ресурсов графики разработчикам (промокод)
35
![Page 36: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/36.jpg)
Sympli
sympli.io
4. Передача спеков и ресурсов графики разработчикам (промокод)
36
![Page 37: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/37.jpg)
37
![Page 38: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/38.jpg)
38
![Page 39: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/39.jpg)
39
![Page 40: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/40.jpg)
Sympli
sympli.io
4. Передача спеков и ресурсов графики разработчикам (промокод)
DEVPARTY-20промокод даёт скидку - 20%при подписке на 6 месяцев,действителен до 21 апреля
40
![Page 41: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/41.jpg)
5. Сопровождение дизайнера до релиза в маркете/сторе
41
![Page 42: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/42.jpg)
42
![Page 43: Николай Мамадаев — Процесс создания дизайна мобильного приложения](https://reader033.vdocuments.pub/reader033/viewer/2022042611/587eb8611a28abbb688b669b/html5/thumbnails/43.jpg)
Николай МамадаевUX/UI дизайнер
Вопросы ?
Четвертая конференцияразработчиков ПО «DevParty»
2 апреля 2016 года, Вологда
43