UI Prototyping with Invision
3 likes868 views
The document is a presentation by Aveef, a UI/UX designer, explaining how to create prototypes using InVision. It outlines the importance of prototyping in the design process for better understanding, early feedback, and efficient development. The document also mentions tools and plugins like Craft for enhancing the design workflow.
UI Prototyping with Invision
- 1. UI Prototyping with Afif Bimantara Founder of Agensip UI/UX Agency www.agensip.com
- 2. I’m Aveef I’m 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 fulfill 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