![Page 1: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/1.jpg)
`
Tips & Tricks мобильного прототипирования
![Page 2: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/2.jpg)
Тут
• много картинок
• инструменты
• гайдлайны, примеры, советы
• ответ на главный вопрос жизни, вселенной и всего такого
• ответа как сделать идеальное приложение
• ответа как заработать 1M
будет не будет
![Page 3: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/3.jpg)
Особенности• разные платформы
• тонкие клиенты
• аппаратные ограничения
• особенности системы
![Page 4: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/4.jpg)
Динамическое vs Статическое
![Page 5: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/5.jpg)
Инструменты
![Page 6: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/6.jpg)
Инструменты
• Бумажка
• Axure
• Balsamiq
![Page 7: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/7.jpg)
![Page 8: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/8.jpg)
![Page 9: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/9.jpg)
![Page 10: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/10.jpg)
![Page 11: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/11.jpg)
POP
![Page 12: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/12.jpg)
43
![Page 13: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/13.jpg)
![Page 14: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/14.jpg)
Гайдлайны
![Page 15: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/15.jpg)
Плюсы• особенности системы, фишки
• гайды покроют 90% бизнес логики
• быстрое блочное проектирование
• облегчение жизни разработчику
• уменьшение сроков разработки
• -> архитектор интерфейсов?
![Page 16: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/16.jpg)
Гайдлайны
![Page 17: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/17.jpg)
Гайдлайны
![Page 18: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/18.jpg)
Навигация
![Page 19: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/19.jpg)
Иерархическая
![Page 20: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/20.jpg)
Плоская
![Page 21: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/21.jpg)
Up vs Back
![Page 22: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/22.jpg)
![Page 23: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/23.jpg)
Controls
![Page 24: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/24.jpg)
Action Bar
• навигационное меню
• 42
• системное меню
• кнопка назад)
нельзя
![Page 25: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/25.jpg)
Tabs and Spinners
• страницы разного уровня навигации
• использовать Spinner для навигации в приложении
• использовать для разностороннего контента
нельзя
![Page 26: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/26.jpg)
Navigation Drawer
• группировать
• делать многоуровневым
• добавлять нотификации
• кастомизировать
можно
![Page 27: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/27.jpg)
Keep your axe sharp!
![Page 28: Евгений Козяк. Tips & Tricks мобильного прототипирования](https://reader033.vdocuments.us/reader033/viewer/2022052621/558932c9d8b42ac7138b463d/html5/thumbnails/28.jpg)
Evgeny Kaziak :E-mail: [email protected] Phone: +375 (29) 627 29 88 www.stone-labs.com