how invision help designers
TRANSCRIPT
![Page 1: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/1.jpg)
DESIGN BETTER EXPERIENCES FOR WEB & MOBILE
by Ahmed Badran@ahmed_badran
![Page 2: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/2.jpg)
What's Prototype ?
![Page 3: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/3.jpg)
LO-FI vs HI-FI
LO-FI Prototype
![Page 4: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/4.jpg)
LO-FI vs HI-FI
HI-FI Prototype
![Page 5: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/5.jpg)
UCD & Prototyping
As envisaged by the business owner
As specified in the requirements As designed by the senior analyst
As produced by the developers
As finally implemented What the user actually needed
![Page 6: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/6.jpg)
Engages usersFrom the beginning to the end of
a project
UnderstandsHow users want to use the
product
IdentifiesNeeds and wants
Interaction preferences
![Page 7: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/7.jpg)
How Prototyping helps User Centered Design.
Emphasise: User involvement – they’re the
ones going to use the system!
Improve Design concepts Refine: User interactions Information design Navigation
model
![Page 8: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/8.jpg)
Prototyping Softwares
![Page 9: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/9.jpg)
But we still missing the most important thing
![Page 10: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/10.jpg)
But we still missing the most important thing
USER INTERACTION :(
![Page 11: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/11.jpg)
Designers in love with ...
Because Presentation is Everything :)
![Page 12: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/12.jpg)
Upping your presentation-game can really make a difference in ..
● How your clients perceive the quality you’re delivering .
● The quality of feedback they can provide.
![Page 13: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/13.jpg)
Control of Your Design
- Present your web/mobile products as an actual browsing experience
- Control over how others see your designs
![Page 14: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/14.jpg)
1. Easy to use by both Client and Designers
2. Real-time design presentation & collaboration
3. Simplify the feedback process by having clients and stakeholders comment directly on your designs.
4. InVision turns feedback into tidy to-do lists.
5. Actual Mobile / Web Experience
6. Version control and sync for all your design files .
Invision Benefits
![Page 15: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/15.jpg)
![Page 16: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/16.jpg)
![Page 17: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/17.jpg)
Real-Time To-Do lists
![Page 18: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/18.jpg)
Actual Mobile experience
● Fixed Navbar ● Link screens● GESTURES ● Transitions
![Page 19: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/19.jpg)
Version History and Syncing
![Page 20: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/20.jpg)
Who loves Invision too ?
![Page 21: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/21.jpg)
Let’s Walkthrough Invision
![Page 22: How Invision Help Designers](https://reader034.vdocument.in/reader034/viewer/2022052705/58f9a9a41a28ab28388b4591/html5/thumbnails/22.jpg)
Thank You :)