UX FOR EVERYONE

LET’S DEAL WITH IMPOSTER SYNDROME FIRST.

THE WEB CAN BE SCARY.

@PICCIA #WCNORDIC

THE UX PROCESS IS USUALLY CARRIED OUT BY HUGE TEAMS ON A LARGE BUDGET.

…THEN I THOUGHT OF UX.

@PICCIA #WCNORDIC

THERE IS ANOTHER WAY.

CAN UX HELP SOLO FLYERS & SMALL AGENCIES?

@PICCIA #WCNORDIC

JUST ONE WORD.

YES.

@PICCIA #WCNORDIC

FIRST THINGS FIRST.

WHAT IS UX?

@PICCIA #WCNORDIC

SIMPLE, AS WELL AS ESSENTIAL.

USER EXPERIENCE.

@PICCIA #WCNORDIC

THE 3 BASIC COMPONENTS OF UX.

LOOKFEELUSABILITY

@PICCIA #WCNORDIC

EXPERIENCE IS EVERYWHERE.

USER EXPERIENCE IRL.

@PICCIA #WCNORDIC

FRUSTRATIONBEWILDERMENTANGER

ORDERSAFETYANTICIPATION

OVERWHELMCONFUSIONDESPAIR

CLARITYCERTAINTYPEACE OF MIND

BEAUTYAMAZEMENTDISCOMFORT

IGNORE YOUR USERS AT YOUR PERIL

UX IS INEVITABLE.

WHETHER YOU’VE PLANNED FOR IT IT OR NOT, YOUR USERS WILL INEVITABLY EXPERIENCE YOUR SITE.

@PICCIA #WCNORDIC

UX IS INEVITABLE.

GOOD PLANNING WILL GIVE YOU CONTROL OVER YOUR USERS’ EXPERIENCE.

@PICCIA #WCNORDIC

DON’T PLAN YOUR FAILURE: PLAN YOUR SUCCESS.

FAIL TO PLAN = PLANNING TO FAIL.

@PICCIA #WCNORDIC

JUST DO IT. YOU TOTALLY CAN.

SO PLAN IT!

@PICCIA #WCNORDIC

HOW TO TELL IF YOU’VE DONE A GOOD JOB.

WHEN DOES A SITE GIVE GOOD UX?

@PICCIA #WCNORDIC

THE 3 QUESTIONS GOOD UX MUST ANSWER.

YOUR WEBSITE OR APP GIVE GOOD UX WHEN YOU CAN ANSWER ‘YES’ TO THESE 3 QUESTIONS:

‣ Does the site or application give the user value?

‣ Does the user find the site or application simple to use and navigate?

‣ Does the user actually enjoy using the site or the application?

@PICCIA #WCNORDIC

WHAT UX IS TRULY ALL ABOUT.

UX= USER-CENTRED DESIGN.

@PICCIA #WCNORDIC

DEFINITION OF UX DESIGN FROM THE INTERACTION DESIGN FOUNDATION

User-centred design is an iterative design process in which

designers focus on the users and their needs in each phase

of the design process.

UCD calls for involving users throughout the design process via a

variety of research and design techniques so as to create highly

usable and accessible products for them.

“

”@PICCIA #WCNORDIC

INVOLVE YOUR USERS

…“INVOLVING USERS THROUGHOUT THE DESIGN PROCESS…”

@PICCIA #WCNORDIC

OUTLINING THE UX PROCESS USING THE DESIGN THINKING METHODOLOGY.

UX PROCESS = DESIGN THINKING PROCESS.

@PICCIA #WCNORDIC

MAKE DECISIONS BASED ON WHAT FUTURE CUSTOMERS REALLY NEED.

DESIGN THINKING IS A PROCESS FOR CREATIVE PROBLEM SOLVING.

@PICCIA #WCNORDIC

EMPATHISE WITH YOUR USERS.

DESIGN THINKING IS A HUMAN-CENTRIC PROCESS, AND IT STARTS WITH EMPATHY.

@PICCIA #WCNORDIC

5 NON-LINEAR PHASES.

THE PHASES OF THE DESIGN THINKING PROCESS.

@PICCIA #WCNORDIC

EMPATHISE DEFINE IDEATE PROTOTYPE TEST

@PICCIA #WCNORDIC

THE 3 PHASES OF THE ABBREVIATED UX PROCESS.

RESEARCH DESIGN VALIDATION

@PICCIA #WCNORDIC

EMPATHISE DEFINE IDEATE PROTOTYPE TEST

RESEARCH DESIGN VALIDATION

@PICCIA #WCNORDIC

NO POINT BUILDING A WEBSITE OR APP WITHOUT PLANNING THE UX.

HOW TO SELL THE UX PROCESS TO OUR CLIENTS.

@PICCIA #WCNORDIC

A VERY BRIEF LIST OF THE MAIN ADVANTAGES OF UX.

ADVANTAGES OF GOOD UX:

‣ UX is a quality measure. It improves a business’ reputation because the

users are happy – but it can wreck it if it fails.

‣ Defining needs from the beginning makes it easier to complete on time

and on budget

‣ It’s much more expensive to fix bad mistakes

‣ Thanks to the research you’ll know what competitors are doing and how

your product will be better

‣ No point building something that isn’t needed

BUILD IT IN YOUR BUDGET WITHOUT EVEN EXPLAINING WHAT IT IS.

…OR, DON’T EVEN SELL IT – JUST DO IT.

@PICCIA #WCNORDIC

YOU NEED TO CONSIDER BOTH THE BUSINESS AND ITS USERS.

THERE ARE ALWAYS TWO AUDIENCES FOR A UX PROJECT.

@PICCIA #WCNORDIC

YOU NEED TO CONSIDER BOTH THE BUSINESS AND ITS USERS.

STAKEHOLDERSUSERS

@PICCIA #WCNORDIC

RESEARCH

Stakeholders interviews Users interviews

PHASE 1. RESEARCH

PHASE 1. RESEARCH Stakeholders interviews

Questionnaires Workshops

Define

PHASE 1. RESEARCH Users interviews

Questionnaires Surveys

Facebook pollsWorkshops

User personas & define

CREATE DETAILED CUSTOMER AVATARS.

WHAT YOU NEED TO KNOW IN ORDER TO CREATE USER PERSONAS:

‣ Demographics (the WHO): age, gender, occupation, income, geo location etc.

‣ Psychographics (the WHY): burning problem, emotions driving it, and desired successful outcome

‣ Needs: what do they need to solve their challenges, fulfil their ambitions and get to the desired outcome?

‣ Solutions: what will we provide in order to meet their needs?

‣ Flow: where do they come from and what do they do when they get to the website/app?

‣ …and give them a name.

A REAL-CASE AVATAR.

THE BOUTIQUE TRAVEL AGENCY IDEAL CUSTOMER AVATAR:

‣ WHO: Sharon. 55+, North American, retired, good income, time on her hands, likes the outdoors.

‣ WHY: She and her husband have a burning desire to complete the Camino de Santiago to fulfil a promise made to a relative who passed away

‣ FEARS: They are not sure they are fit enough. They are worried that they might need to speak Spanish to get by.And they are not sure if they left it too late to go this year or not.

‣ NEEDS: They also like to have a comfortable time and they’re concerned about having to rough it out on route.

RESEARCH

Sitemap Users personas

PHASE 1. RESEARCH

=

PHASE 2. DESIGN IDEATE PROTOTYPE

DESIGN

@PICCIA #WCNORDIC

PHASE 2. DESIGN

Sitemap & user personas

Wireframes

User flows

@PICCIA #WCNORDIC

YAY OR NAY?

WIREFRAMES.

@PICCIA #WCNORDIC

PHASE 3. VALIDATION TEST

VALIDATION

@PICCIA #WCNORDIC

YOU *NEED* TO GET YOUR PRODUCT TESTED.

USABILITY TESTING IS ESSENTIAL.

@PICCIA #WCNORDIC

IT’S ALWAYS POSSIBLE TO FIND USERS FOR TESTING.

USABILITY TESTING ON A SHOESTRING AND ON DEADLINE:

‣ Guerrilla

‣ Literally your partner or your kids or you parents

‣ Your colleagues who haven’t worked on the project

‣ Your friends, their parents, their kids

‣ Facebook groups

@PICCIA #WCNORDIC

LOTS OF ONLINE TOOLS, TOO.

A FEW ONLINE TOOLS TO CARRY OUT USABILITY TESTING:

‣ https://www.usertesting.com/

‣ https://helio.app/

‣ https://www.pickfu.com/

‣ https://usabilityhub.com/

‣ https://www.userlytics.com/

‣@PICCIA #WCNORDIC

BE LEAN. BE AGILE.

STYLE DEPLOY OPTIMISE

@PICCIA #WCNORDIC

EMPATHISE DEFINE IDEATE PROTOTYPE TEST

@PICCIA #WCNORDIC

BECKETT HAD IT.

TRY AGAIN. FAIL AGAIN. FAIL BETTER.

@PICCIA #WCNORDIC

THANK YOU

@PICCIA PICCIA NERI PICCIA NERI WP

FACEBOOK.COM/GROUPS/DESIGNFORGEEKS/

HTTPS://DESIGNFORGEEKS.COM/FREE-UX-COURSE