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 usersFrom the beginning to the end of

a project

UnderstandsHow users want to use the

product

IdentifiesNeeds 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

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

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 :)