SlideShare ist ein Scribd-Unternehmen logo
1 von 22
DESIGN BETTER EXPERIENCES FOR
WEB & MOBILE
by Ahmed Badran
@ahmed_badran
What's Prototype ?
LO-FI vs HI-FI
LO-FI Prototype
LO-FI vs HI-FI
HI-FI Prototype
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
Engages users
From the beginning to the end of
a project
Understands
How users want to use the
product
Identifies
Needs and wants
Interaction preferences
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
Prototyping Softwares
But we still missing the most
important thing
But we still missing the most
important thing
USER INTERACTION :(
Designers in love with ...
Because Presentation is Everything :)
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.
Control of Your Design
- Present your web/mobile products as an
actual browsing experience
- Control over how others see your designs
1. Easy to use by both Client and Designers
1. Real-time design presentation & collaboration
1. Simplify the feedback process by having clients and stakeholders comment
directly on your designs.
1. InVision turns feedback into tidy to-do lists.
1. Actual Mobile / Web Experience
1. Version control and sync for all your design files .
Invision Benefits
Real-Time To-Do lists
Actual Mobile experience
● Fixed Navbar
● Link screens
● GESTURES
● Transitions
Version History and Syncing
Who loves Invision too ?
Let’s Walkthrough Invision
Thank You :)

Weitere ähnliche Inhalte

Was ist angesagt?

Lean prototyping for entrepreneurs
Lean prototyping for entrepreneursLean prototyping for entrepreneurs
Lean prototyping for entrepreneurs
Amir Khella
 
The ultimate guide to prototyping
The ultimate guide to prototypingThe ultimate guide to prototyping
The ultimate guide to prototyping
Marcelo Graciolli
 
Zebra-People-UX-Portfolio-Guidance
Zebra-People-UX-Portfolio-GuidanceZebra-People-UX-Portfolio-Guidance
Zebra-People-UX-Portfolio-Guidance
Ben Clarfelt
 

Was ist angesagt? (20)

The Impact of Brand User Experience Design
The Impact of Brand User Experience DesignThe Impact of Brand User Experience Design
The Impact of Brand User Experience Design
 
3 ux design process
3 ux design process3 ux design process
3 ux design process
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
Product and UX - are the roles blurring?
Product and UX - are the roles blurring?Product and UX - are the roles blurring?
Product and UX - are the roles blurring?
 
Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15
Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15
Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15
 
Ux design process&docmenteiton
Ux design process&docmenteitonUx design process&docmenteiton
Ux design process&docmenteiton
 
Managing change with prototyping
Managing change with prototypingManaging change with prototyping
Managing change with prototyping
 
Visual definitions of UX ( Restored )
Visual definitions of UX ( Restored )Visual definitions of UX ( Restored )
Visual definitions of UX ( Restored )
 
UX Process — From Idea To Implementation
UX Process — From Idea To ImplementationUX Process — From Idea To Implementation
UX Process — From Idea To Implementation
 
09
0909
09
 
Usability for all budgets
Usability for all budgetsUsability for all budgets
Usability for all budgets
 
Ux team organization
Ux team organizationUx team organization
Ux team organization
 
Lean prototyping for entrepreneurs
Lean prototyping for entrepreneursLean prototyping for entrepreneurs
Lean prototyping for entrepreneurs
 
Agile UX
Agile UXAgile UX
Agile UX
 
Product Management in the shadow of User Experience creation Process
Product Management in the shadow of User Experience creation ProcessProduct Management in the shadow of User Experience creation Process
Product Management in the shadow of User Experience creation Process
 
The Future of User Experience
The Future of User ExperienceThe Future of User Experience
The Future of User Experience
 
The ultimate guide to prototyping
The ultimate guide to prototypingThe ultimate guide to prototyping
The ultimate guide to prototyping
 
User story driven product development process
User story driven product development processUser story driven product development process
User story driven product development process
 
Zebra-People-UX-Portfolio-Guidance
Zebra-People-UX-Portfolio-GuidanceZebra-People-UX-Portfolio-Guidance
Zebra-People-UX-Portfolio-Guidance
 
16 ui ux design in the daily basis
16 ui ux design in the daily basis16 ui ux design in the daily basis
16 ui ux design in the daily basis
 

Andere mochten auch

Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Anna Dahlström
 
Presentation on mobile phones
Presentation on mobile phonesPresentation on mobile phones
Presentation on mobile phones
sirtwinkles
 

Andere mochten auch (16)

A. Khmelevsky: I Fucking Love InVision — All Those Prototypes and Collaborati...
A. Khmelevsky: I Fucking Love InVision — All Those Prototypes and Collaborati...A. Khmelevsky: I Fucking Love InVision — All Those Prototypes and Collaborati...
A. Khmelevsky: I Fucking Love InVision — All Those Prototypes and Collaborati...
 
2016 Product Design Report from InVision
2016 Product Design Report from InVision2016 Product Design Report from InVision
2016 Product Design Report from InVision
 
10 Tips For Designing Mobile Widgets - Maemo Summit, Amsterdam, Oct 11, 2009 ...
10 Tips For Designing Mobile Widgets - Maemo Summit, Amsterdam, Oct 11, 2009 ...10 Tips For Designing Mobile Widgets - Maemo Summit, Amsterdam, Oct 11, 2009 ...
10 Tips For Designing Mobile Widgets - Maemo Summit, Amsterdam, Oct 11, 2009 ...
 
Designing Mobile Apps with HTML5 & CSS3
Designing Mobile Apps with HTML5 & CSS3Designing Mobile Apps with HTML5 & CSS3
Designing Mobile Apps with HTML5 & CSS3
 
Designing the mobile user experience
Designing the mobile user experienceDesigning the mobile user experience
Designing the mobile user experience
 
Developing a User Experience Strategy
Developing a User Experience StrategyDeveloping a User Experience Strategy
Developing a User Experience Strategy
 
Aligning the entire Organization to achieve Business and Organizational Goals
Aligning the entire Organization to achieve Business and Organizational GoalsAligning the entire Organization to achieve Business and Organizational Goals
Aligning the entire Organization to achieve Business and Organizational Goals
 
UX Design Deliverables: Expert's Choice
UX Design Deliverables: Expert's ChoiceUX Design Deliverables: Expert's Choice
UX Design Deliverables: Expert's Choice
 
Design Strategy: Aligning Business Goals and User Needs
Design Strategy: Aligning Business Goals and User NeedsDesign Strategy: Aligning Business Goals and User Needs
Design Strategy: Aligning Business Goals and User Needs
 
UX and UI - Designing for Mobile
UX and UI - Designing for MobileUX and UI - Designing for Mobile
UX and UI - Designing for Mobile
 
UI / UX Design Presentation
UI / UX Design PresentationUI / UX Design Presentation
UI / UX Design Presentation
 
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
 
Truly Responsive Design Means Aligning to Business and User Goals
Truly Responsive Design Means Aligning to Business and User GoalsTruly Responsive Design Means Aligning to Business and User Goals
Truly Responsive Design Means Aligning to Business and User Goals
 
Simple Card Sorting Methods
Simple Card Sorting MethodsSimple Card Sorting Methods
Simple Card Sorting Methods
 
Presentation on mobile phones
Presentation on mobile phonesPresentation on mobile phones
Presentation on mobile phones
 
Design Thinking is Killing Creativity
Design Thinking is Killing CreativityDesign Thinking is Killing Creativity
Design Thinking is Killing Creativity
 

Ähnlich wie How Invision Help Designers

Sureshundley_Principal_webdesiger
Sureshundley_Principal_webdesigerSureshundley_Principal_webdesiger
Sureshundley_Principal_webdesiger
Suresh Undley
 
Designing Mobile Interfaces - Goodpatch Workshop SF
Designing Mobile Interfaces - Goodpatch Workshop SFDesigning Mobile Interfaces - Goodpatch Workshop SF
Designing Mobile Interfaces - Goodpatch Workshop SF
Boris Friedrich Milkowski
 

Ähnlich wie How Invision Help Designers (20)

Sureshundley_Principal_webdesiger
Sureshundley_Principal_webdesigerSureshundley_Principal_webdesiger
Sureshundley_Principal_webdesiger
 
Digital Prototyping Mastery Best Practices & Techniques.
Digital Prototyping Mastery Best Practices & Techniques.Digital Prototyping Mastery Best Practices & Techniques.
Digital Prototyping Mastery Best Practices & Techniques.
 
What does UX mean to the BA community?
What does UX mean to the BA community?What does UX mean to the BA community?
What does UX mean to the BA community?
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design Success
 
How Design and UX can help startups
How Design and UX can help startupsHow Design and UX can help startups
How Design and UX can help startups
 
UI_UX.pptx
UI_UX.pptxUI_UX.pptx
UI_UX.pptx
 
The UX Process Behind Compelling User Experiences
The UX Process Behind Compelling User ExperiencesThe UX Process Behind Compelling User Experiences
The UX Process Behind Compelling User Experiences
 
Designing Mobile Interfaces - Goodpatch Workshop SF
Designing Mobile Interfaces - Goodpatch Workshop SFDesigning Mobile Interfaces - Goodpatch Workshop SF
Designing Mobile Interfaces - Goodpatch Workshop SF
 
Careers In Web Design
Careers In Web DesignCareers In Web Design
Careers In Web Design
 
Filip Healy (Threesixty Reality): Making Immersive Tech More Usable
Filip Healy (Threesixty Reality): Making Immersive Tech More UsableFilip Healy (Threesixty Reality): Making Immersive Tech More Usable
Filip Healy (Threesixty Reality): Making Immersive Tech More Usable
 
How UX Can Drive the Vision of Future Products - Arttu Niskasaari
How UX Can Drive the Vision of Future Products - Arttu NiskasaariHow UX Can Drive the Vision of Future Products - Arttu Niskasaari
How UX Can Drive the Vision of Future Products - Arttu Niskasaari
 
UI_UX Design Program.pdf
UI_UX Design Program.pdfUI_UX Design Program.pdf
UI_UX Design Program.pdf
 
Usability in ABAP Programs - SITSP2011
Usability in ABAP Programs - SITSP2011Usability in ABAP Programs - SITSP2011
Usability in ABAP Programs - SITSP2011
 
Ui and ux development.
Ui and ux development.Ui and ux development.
Ui and ux development.
 
Best Practices in UX Design
Best Practices in UX DesignBest Practices in UX Design
Best Practices in UX Design
 
10 Compelling Reasons to Hire a UI,UX Designer for Your Project.pdf
10 Compelling Reasons to Hire a UI,UX Designer for Your Project.pdf10 Compelling Reasons to Hire a UI,UX Designer for Your Project.pdf
10 Compelling Reasons to Hire a UI,UX Designer for Your Project.pdf
 
Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris Bernard
 
Usability principles 1
Usability principles 1Usability principles 1
Usability principles 1
 
What is Mobile First Design Strategy.pdf
What is Mobile First Design Strategy.pdfWhat is Mobile First Design Strategy.pdf
What is Mobile First Design Strategy.pdf
 
Matthijs Collard - UX-design: wat, wie en hoe?
Matthijs Collard - UX-design: wat, wie en hoe?Matthijs Collard - UX-design: wat, wie en hoe?
Matthijs Collard - UX-design: wat, wie en hoe?
 

Kürzlich hochgeladen

Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
ZurliaSoop
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
nirzagarg
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
210303105569
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
CristineGraceAcuyan
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
eqaqen
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
nirzagarg
 

Kürzlich hochgeladen (20)

Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
 
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
 
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docx
 
Hackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdfHackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdf
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
 

How Invision Help Designers