UI Prototyping with Invision
3 likes858 views
One of prototyping tools designer can use today is Invision. Invision provides many tools to help designers communicate their design to stakeholders. This presentation explains about how to use Invision a a prototyping tools. This is a part of my workshop. So in some slides there are just few information containing the main points of the practical workshop. Most of material in this slides are used practically.
UI Prototyping with Invision
- 1. UI Prototyping with A鍖f Bimantara Founder of Agensip UI/UX Agency www.agensip.com
- 2. Im Aveef Im a UI/UX Designer who currently help some startups to bring their app into reality. Trace my LinkedIn: linkedin.com/in/aveef
- 3. Disclaimer! This slides is an explanation of how to make prototype with InVision, based on my experience using the tool.
- 4. Prototyping is a part of design processes
- 5. UI Design Process IDEATION WIREFRAME MOCKUP PROTOTYPE FEEDBACK
- 6. Prototyping is the conversation you have with your ideas Tom Wujec
- 8. Better understanding of the design intent Early changes save time and cost Early Feedback & validation before development User research and user testing
- 9. Needs in Design Process Showcase Get Feedback Prorotyping Ideation Moodboard Assets & Inspect !
- 10. InVision ful鍖ll all our needs in one platform similar app to consider:
- 11. Showcase
- 12. Get Feedback
- 13. Ideation
- 14. Prototype
- 15. Moodboard
- 16. Assets & Inspect
- 17. Craft a plugin for Sketch and Photoshop that revolutionizes your design process. Manage the plugins via Craft Manager for incredibly easy updating.
- 18. Download Install Craft Manager Install App Plugin
- 19. Publish them to Invision Get your screens ready
- 20. Link all screens From Sketch From Invision Hotspot
- 21. Deliverables Prepare all asset component for development
- 24. Think, act, evaluate, iterate @aveef