Slide 1

Slide 1 text

USER EXPERIENCE PRACTICAL

Slide 2

Slide 2 text

WHERE DOES UX COMES FROM? 4000 BC FENG SHUI 500 BC ERGONOMICS

Slide 3

Slide 3 text

UX HISTORY 1940 TOYOTA - ALAN TURING 1955 DESIGNING FOR PEOPLE (HENRY S. DREYFUSS) 1966 WALT DISNEY—THE 1ST UX DESIGNER 70’S THE ERA OF PERSONAL COMPUTING 1993 DON NORMAN — THE 1ST “UX” IN JOB TITLE

Slide 4

Slide 4 text

WHAT IS USER EXPERIENCE DESIGN

Slide 5

Slide 5 text

THE FUTURE OF UX

Slide 6

Slide 6 text

LET’S DO A PROJECT TOGETHER! DESIGN A NATIVE APP (IOS) TO CONTROL SMART DEVICES. The app should allow the user to easily adjust the temperature, lights and music in their home or office. Hopefully this app will be a step forward to a friendlier smart home.

Slide 7

Slide 7 text

WHAT DOES A UX PROJECT LOOKS LIKE 1. PRODUCT DEFINITION 2. RESEARCH 3. ANALYSIS 4. DESIGN 5. VALIDATION

Slide 8

Slide 8 text

1. PRODUCT DEFINITION STAKEHOLDERS INTERVIEWS ASSUMPTIONS & HYPOTHESES PROTO PERSONAS

Slide 9

Slide 9 text

STAKEHOLDERS INTERVIEWS STAKEHOLDER’S ROLE WHAT ARE THE GOALS WHO ARE THE USERS COMPETITORS LIMITATIONS PRODUCT CONCERNS

Slide 10

Slide 10 text

LIMITATIONS BUSINESS GOALS THREE MAIN SUBJECTS USER NEEDS Who are the users? What are the major competitors? What is the stakeholder’s role? What are the short and long term business goals? What’s the definition of product success for them? Are there any product concerns? What are the tech limitations? Any other limitations?

Slide 11

Slide 11 text

QUESTION EXAMPLES DESCRIBE THE PURPOSE OF THIS PROJECT IN YOUR OWN WORDS WHAT’S THE MOST IMPORTANT THING THAT WE NEED TO DO? HOW WOULD YOU DESCRIBE OUR TARGET AUDIENCE? SAY YOU HAVE ONLY 1 QUESTION FOR OUR USERS. WHAT IS IT? HOW DO YOU DEFINE SUCCESS FOR THIS PROJECT? WALK ME THROUGH THE PROCESS OF….

Slide 12

Slide 12 text

ORGANIZE YOUR FINDINGS BUSINESS USERS PROBLEMS SOLUTIONS COMPETITIVE ADVANTAGES & USPS OTHER

Slide 13

Slide 13 text

prooectName stake Houser Name Business users PROBLEMS solutions competitiveADVANTAGES OTHER DATE STAKEHOLDERS INTERVIEW

Slide 14

Slide 14 text

ASSUMPTIONS & HYPOTHESES 1. As a user, I need this app to control more than one smart device. 2. As a user, I’m currently using at least 2 different apps to control my smart devices. 3. As a user, I’d like a fast & easy way to setup the behaviour of my smart devices. 4. As a user, I will be using this app daily as it controls essential devices I’m using every day.

Slide 15

Slide 15 text

PROTO-PERSONA

Slide 16

Slide 16 text

The image part with relationship ID rId3 was not found in the file. Michael Scott 31, London ARCHITECT · STATUS SINGLE · VERTICAL ARCHITECTURE · SALARY $110K · ROLE APP USER PERSONALITY BIO Michael, 31, was born in Germany by British parents. After High School he moved to London to study Architecture. He’s now running his own company with clients in the UK and Abroad. He’s living in Shad Thames in London, near the river and his commuting everyday to his office in West London. He’s speaking Deutsch, English and French. He is an Apple fanboy, Mac over Windows, iOS over Android but when it comes to digital AI helpers, he prefers Alexa over Siri. • Optimise his day to day routine and gain more time to focus on things that are important. • Find new ways to integrate technology with humans and the spaces they live or work. • Make his buildings accessible using voice and invisible User Interfaces. • Each technology solution can be usually controlled only by its own interface. • Programmable combinations between things that can be automated are usually hard to create. • Control panels are tricky and people get confused. Goals Frustrations Favorite brands • Extrovert • Liberal • Active • Creative I like to shape my environment so it’s working for me. Not the opposite Technology usage Influences Web usage experience Mobile usage experience General Tech skills Social media skills · FRIENDS · PARTNERS · PODCASTS · BLOGS/ FORUMS · FAMILY Apple, Levis, Tommy, Dell, Nintendo, Converse, Vans, Starbucks, Audio Technica Instagram Frequently used apps Pinterest Facebook

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

2. RESEARCH COMPETITOR ANALYSIS USER RESEARCH

Slide 19

Slide 19 text

COMPETITOR ANALYSIS

Slide 20

Slide 20 text

COMPANYNAME PROS CONS COMPANYNAME PROS CONS

Slide 21

Slide 21 text

USER RESEARCH USER INTERVIEWS 101 HOW TO TAKE NOTES DURING USER INTERVIEWS

Slide 22

Slide 22 text

USER INTERVIEWS 101 BE POLITE & INTRODUCE YOURSELF ASK ABOUT THEM PREPARE A SCRIPT & USE THE SAME SCRIPT FOR ALL. INVOLVE STAKEHOLDERS USE OPEN ENDED QUESTIONS AND BE CURIOUS TAKE NOTES & RECORD SESSIONS

Slide 23

Slide 23 text

QUESTION EXAMPLES HOW MANY SMART DEVICES DO YOU HAVE AND WHAT APPS DO YOU USE? IF YOU HAD TO CHOOSE 1 THING TO CONTROL IN YOUR HOUSE OR OFFICE, WHAT WOULD THAT BE? TELL ME MORE ABOUT THAT WHY IS THAT?

Slide 24

Slide 24 text

ProoectName interviewer s PERSON DESCRIPTION TopQUOTES it 11 TOPSTORIES TOPINSIGHTS DATE Place

Slide 25

Slide 25 text

3. ANALYSIS SYNTHESIS MOSCOW

Slide 26

Slide 26 text

SYNTHESIS START WITH THE PURPOSE, THEN A SUMMARY. ACTIONABLE RECOMMENDATIONS DON’T MAKE A 100-PAGE REPORT MAKE A DECK WITH BULLETS, SCREENSHOTS & PHOTOS STORYTELLING IS KEY

Slide 27

Slide 27 text

MOSCOW MUST HAVE SHOULD HAVE COULD HAVE WOULD LIKE (WON’T GET)

Slide 28

Slide 28 text

4. DESIGN USER FLOWS WIREFRAMES PROTOTYPING

Slide 29

Slide 29 text

USER FLOWS START FROM ON BOARDING IDENTIFY THE MOST IMPORTANT FLOW OF THE APP REVIEW, RE-THINK, CUT-DOWN THE NOISE DON’T APPLY NEW IDEAS, RESPECT YOUR RESEARCH WHAT HAPPEN’S WHEN USERS DON’T TAKE THE HAPPY PATH

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

WIREFRAMES & PROTOTYPING DESIGN WITH HIGH FIDELITY IN MIND RESPECT THE OS GUIDELINES REMEMBER WHY YOU’RE DOING THIS: SPEED PROTOTYPE FOR YOUR TEAM WHAT’S THE BEST TOOL FOR ALL THIS?

Slide 32

Slide 32 text

SNAP!

Slide 33

Slide 33 text

5. VALIDATION USABILITYHUB.COM FOR IDENTIFYING USABILITY PROBLEMS BEFORE LAUNCH HOTJAR & GOOGLE ANALYTICS FOR USER BEHAVIOR MONITORING USERTESTING.COM FOR IN DEPTH, TASK-ORIENTED TESTING AFTER LAUNCH

Slide 34

Slide 34 text

THAT’S ALL FOLKS! @KLOU Thank you!