from prototyping to optimization; ux/ui a continuous process
TRANSCRIPT
FROM PROTOTYPING TO OPTIMIZATIONUX/UI a continuous process
www.eweev.com
What isINTERACTIVE MEDIA?
It’s products and services on digital computer based systems.
SAMPLES: Websites, mobile apps, video games, ATMs, Park-meter
DEFINITION INTERACTIVE MEDIA
A method of communication in which theprogram’s outputs depend on the user input.
How do you startDESIGNING AN INTERACTIVE
PROJECT?
HOW TO START THE THINKING PROCESS
DEFINE the VALUE PROPOSITION (s) of the interactive project.
STORYBOARDING
DON’T JUMP INTO DESIGNING SCREENS or CODING
CREATE PAPER PROTOTYPE
TEST PAPER PROTOTYPE
CREATEDIGITAL MOCKUPS
Time
Steps
1
2
3
4
STEP 1: STORYBOARDING
You don’t have to be a SUPER ILLUSTRATOR
It’s not about pretty pictures
SAMPLE: An evening out in the city & the user interface that helps you find restaurants
FOCUS ON:1- The setting2- People involved3- Tasks accomplished
Video prototype to illustrate the setting and task and share it with team members
STEP 2: PAPER PROTOTYPE
What makes a good paper prototype? Work fast – 5 minutes => low cost
SHARE WITH OTHERSFocus on the conversation & feedback
Iterating over time
Test multiple options
IT’s the process to stimulate everyone’s creativity into FINDING SOLUTIONS
IT’S NOT HERE IS WHAT I WILL BUILD
STEP 3: MOCK-UP
NOW YOU CAN GO DIGITAL
At this level you have more design critic
What to keep in mind when creatingDIGITAL MOCK-UPS?
The focus is NOT on the VISUAL DESIGN
BUT NOT YET THE TIME TO USE COLORS!
What areUSABILITY HEURISTICS?
10 USABILITY HEURISTICS
Loading
Trash
10 USABILITY HEURISTICS
Don’t force people down fixed paths
10 USABILITY HEURISTICS
10 USABILITY HEURISTICS
10 USABILITY HEURISTICS
CONGRATULATIONS!You just designed the most awesome interface.
Do you think you are done?
TRACK USER BEHAVIOUR
You don’t come with the app.
Get beta users to try your interactiveproject and record their interactions.
USER TESTING
CHECK WITH THE EXTREME CASES The user is drunk!
The user is my mom :-)
TRACK USER BEHAVIOUR
Bounce rate
Behaviour flow
POWERFUL TRACKINGTOOLS
For mobile apps, you can use
TRACK USER BEHAVIOUR
Heatmaps Confetti - Click map
POWERFUL TRACKINGTOOLS
For mobile apps, you can use
THANK YOUQUESTIONS?
DESIGN . TRACK . OPTIMIZE
www.eweev.com