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