SlideShare ist ein Scribd-Unternehmen logo
1 von 28
Downloaden Sie, um offline zu lesen
whoisPaulyting.com
DESIGN BETTER:
Solving UX problems (Part 2)
with Pauly Ting
whoisPaulyting.com
My name is Pauly Ting
and I’m an experience designer.
whoisPaulyting.com
I’ve helped brands reveal their purpose, express their
personality, and deliver a complete and authentic experience.
whoisPaulyting.com
PART 1:
Science vs Art
Doing Your Homework
whoisPaulyting.com
PART 1:
Science vs Art
Doing Your Homework
PART 2:
Reframing Context
Applying Your Homework
whoisPaulyting.com
#1:
Reframing Context
whoisPaulyting.com
SMART BRANDS:
Know
thyself! Know thy
ecosystem!
Know thy
users!
Know thy
context!
whoisPaulyting.com
REVIEW AND PASTE IT
Know your
brand! Know your
market!
Know your
users!
Know your
focus!
whoisPaulyting.com
REVIEW AND PASTE IT
Know your
brand! Know your
market!
Know your
users!
Know your
focus!
whoisPaulyting.com
VISR
whoisPaulyting.com
HAVE A PROJECT THEME
“We need to design a way for parents who have
challenging relationships at times with their children to feel
reassured joining and configuring our app service as their
family support tool, and to feel more confident raising their
children into responsible young adults.
“We need to build the sign up page for parents.”
whoisPaulyting.com
Simplicity is the ultimate
sophistication
– Leonardo Da Vinci
whoisPaulyting.com
KNOW YOUR FOCUS AREAS
InterfaceIntent Language
whoisPaulyting.com
INTENT
• What is the intent of the designed experience?
• What does it mean in the scheme of things for you / others?
• How/why/when could people care?
• What could make them care?
• How does this impact the user’s context or payoff?
• Where does this belong in a user’s workflow?
• What does a successful user workflow look like?
whoisPaulyting.com
• How does the user describe the problem experience?
• What language/words/phrases does the target use a lot?
• What is the simplest and shortest way to say your bit?
• Can things be said with visual affordances or hierarchy?
• What is the plain english, non-technical version?
• What is to be the tone of the designed experience?
• How does the user describe their desired emotional aftertaste?
LANGUAGE
whoisPaulyting.com
• What is the brand / product essence?
• What is the most important thing on the interface?
• What actions do you want the user to take?
• What actions must the user take?
• What feels familiar to them and what is new?
• Which elements are dependent vs independent?
• What is one thing you could remove and it would still work?
• What are the design guidelines for the brand?
INTERFACE
whoisPaulyting.com
#2:
Applying Your Homework
whoisPaulyting.com
MODEL THE CURRENT WORKFLOW
Sign Up
Landing Page
Sign Up
with Facebook
Sign Up
with Google
Email Sign Up
Sign In
with Facebook
Sign In
with Google
Sign In
Email Sign Up
Field Error
Welcome to VISR
Add Child
I already have
an account
Add Child FormBirth Date
Date Picker
Add Channels
Add Child
One Step Closer!
Adding Social
Media Accounts
<
Email InstructionsCopy InstructionsADVANCED: Manually
add social accounts
Child Profile Navigation
Alert: Sending Email
via mail program
Alert: Copied to
clipboard
Facebook
Email Already
Exists Error
Instagram
Twitter
YouTube
KidsEmail.org
Remove from
account
Alert: Are you sure
you want to remove?
OK
Cancel
Edit Child ProfileChild Dashboard
+ Add Child
Child Name
Email with Link Link to authorize
Link to websiteAdd Channel
Authorize from here
Email with Link
Inbox
Connection View
Disconnect
from profile
Reauthorize
or + another
Link Expired Go to login page
Invalid Key
Authorization Error
Sign Up
Login
Facebook Sign In Google Sign In
Accept
Cancel
Sign In
Grant Permission
Facebook
Instagram
Twitter
YouTube
KidsEmail.org
Forgot Password
Forgot Password
Reset Password
Reset Confirmation
If connected
whoisPaulyting.com
PULL YOUR CURRENT DESIGN APART
Sign Up ValidationSign Up Sign In
Unclear visual hierarchy. 

Buttons are competing
with another.
Busy design means
high cognitive load
and long page time
The weight of
Facebook and Google
buttons dominate the
login button
Read-about should be taken care
of prior to the sign-up flow
whoisPaulyting.com
LOOK TO OTHERS SOLVING SIMILAR PROBLEMS
Referral
Direct
Home Page
• Pricing
• Description
Start Your
Free Month
Select Plan
• Plan name
• Price
• Features
Next
Social Sign Up
Sign Up
• Email Address
• Password
Next with CC
Next with Paypal
Error
Error
Payment Details
• First Name
• Last Name
• Card Number
• ZIP
• Expiration Date
• Expiration Year
• Security Code
• Terms Agreement
Start Membership Confirm Email
• Signup Confirm
Clear pricing, CTA,
and no preview content
Multiple plan types with
clear value proposition
Social sign-up or
username/pass only
Single email and
password request
No clear eye path or
visual hierarchy
Horizontal form fields
with real-time validation
Clear value proposition
Paypal option causes
an offsite redirect
Error
whoisPaulyting.com
MODEL NEW WORKFLOW WITH ‘VIEWS’
AND LOGICAL METRIC MARKERS
whoisPaulyting.com
MODEL NEW WORKFLOW WITH METRICS
Sign Up
Landing Page
Connect with
Facebook
Connect with
Google
Sign In
with Facebook
Sign In
with Google
Sign In
Demo Dashboard
Sign In
Add Child FormCancel
Next
Connect social
media accounts
Email Already
Exists Error
Sign Up
Sign In
Facebook Sign In Google Sign In
Sign In Sign Up
Create Free AccountTerms of UsePrivacy Policy
Reset Confirmation
3 failed attempts
Reset Password
Email Sign Up
Field Error
Add your
child’s account
I have usenamesGuide 1Guide 2
Get familiar with
social media
Guide 3Setup a dialogue
I don’t want help
Connect with them Guide 4
Set a reminder
I don’t have
usernames
Add social
media accounts
Add Facebook
Add Twitter
Add Instagram
Add YouTube
Add Kids Email
Send an emailSend an SMS
Invite by emailInvite by SMS
Send SMS
SMS sent
Send email
Email sent
I’m done I’m done
Cancel Cancel
Account Sign In
OK
Not Now
I’m done
Add social
media accounts
Onboard 1
Learn how
to use VISR
Onboard 2
Continue Onboard 3
Continue
Onboard 4
Continue
Final Onboard
Help?
I’m done
Sign up
Metric

Users who create a new account
Add child
Metric

Users who add a child:

• Do not authenticate an account

• Did/did not read the guide
Connect
Metric

User with a child who:

• Invited by SMS/email

• Failed to authenticate

• Is having difficulty authenticating

• Is waiting for account connection
whoisPaulyting.com
Sometimes, to make things
clearer, you have to add a step
– Jason Fried
whoisPaulyting.com
PROTOTYPE THE NEW WORKFLOW
(blurred for confidentiality)
whoisPaulyting.com
ITERATE INTO VISUAL DESIGN
(blurred for confidentiality)
whoisPaulyting.com
EXPLAIN YOUR NEW DESIGN
Sign Up ValidationSign Up Sign In
Use icons for when
form fields have
text in them
Prioritize sign-up
over sign-in
Reduced the weight
of Facebook/Google
Keep the brand header
consistent and stable
T&Cs are accepted
by default
whoisPaulyting.com
It takes a lot of hard work to
make something simple
– Steve Jobs
whoisPaulyting.com
THANK YOU!
CATCH ME:
paulyting@gmail.com
whoispaulyting.com
@paulyting

Weitere ähnliche Inhalte

Andere mochten auch

Wearable Tech: Practical Implications
Wearable Tech: Practical ImplicationsWearable Tech: Practical Implications
Wearable Tech: Practical ImplicationsPauly Ting
 
Wearable Technology- Transforms the way we experience the world
Wearable Technology- Transforms the way we experience the worldWearable Technology- Transforms the way we experience the world
Wearable Technology- Transforms the way we experience the worldAffle mTraction Enterprise
 
Ppt wearable computer
Ppt wearable computerPpt wearable computer
Ppt wearable computerNitesh Nayal
 
Wearable Computer
Wearable ComputerWearable Computer
Wearable ComputerViral Mehta
 

Andere mochten auch (6)

Wearable Tech: Practical Implications
Wearable Tech: Practical ImplicationsWearable Tech: Practical Implications
Wearable Tech: Practical Implications
 
Wearable technology
Wearable technologyWearable technology
Wearable technology
 
wearable technology
 wearable technology wearable technology
wearable technology
 
Wearable Technology- Transforms the way we experience the world
Wearable Technology- Transforms the way we experience the worldWearable Technology- Transforms the way we experience the world
Wearable Technology- Transforms the way we experience the world
 
Ppt wearable computer
Ppt wearable computerPpt wearable computer
Ppt wearable computer
 
Wearable Computer
Wearable ComputerWearable Computer
Wearable Computer
 

Ähnlich wie Solving UX problems (part 2)

Branding YOU with LinkedIn
Branding YOU with LinkedInBranding YOU with LinkedIn
Branding YOU with LinkedInsuzetteconway
 
Coverings2011: Practical Marketing - Digital Visibility for Small Businesses
Coverings2011: Practical Marketing - Digital Visibility for Small BusinessesCoverings2011: Practical Marketing - Digital Visibility for Small Businesses
Coverings2011: Practical Marketing - Digital Visibility for Small BusinessesSimple Marketing Now LLC
 
Elite Sdvob Presentation
Elite Sdvob PresentationElite Sdvob Presentation
Elite Sdvob Presentationmrempel
 
Using Facebook & Social Media to Promote Your Business
Using Facebook & Social Media to Promote Your BusinessUsing Facebook & Social Media to Promote Your Business
Using Facebook & Social Media to Promote Your BusinessMedia Barker
 
Using Social Media to Improve Ecommerce Capabilities
Using Social Media to Improve Ecommerce CapabilitiesUsing Social Media to Improve Ecommerce Capabilities
Using Social Media to Improve Ecommerce CapabilitiesHayden Armour
 
Social Media For Small Business
Social Media For Small BusinessSocial Media For Small Business
Social Media For Small BusinessNautic Studios
 
Emerging Social Media Practices by Product Companies
Emerging Social Media Practices by Product CompaniesEmerging Social Media Practices by Product Companies
Emerging Social Media Practices by Product CompaniesSocial Media Club Mumbai
 
How to Drive Sales through Search and Social Media - Annual DI Conf, Boston 2010
How to Drive Sales through Search and Social Media - Annual DI Conf, Boston 2010How to Drive Sales through Search and Social Media - Annual DI Conf, Boston 2010
How to Drive Sales through Search and Social Media - Annual DI Conf, Boston 2010Stephanie Simmons
 
Social Media Overview: What platforms should your business be using?
Social Media Overview: What platforms should your business be using?Social Media Overview: What platforms should your business be using?
Social Media Overview: What platforms should your business be using?Rebecca Wardlow, CDMP
 
How To Use Social Networks to Grow Your Business [Graph Expo 2011]
How To Use Social Networks to Grow Your Business [Graph Expo 2011]How To Use Social Networks to Grow Your Business [Graph Expo 2011]
How To Use Social Networks to Grow Your Business [Graph Expo 2011]Grow Socially, Inc.
 
Introduction to Social Media: Using Social Media in your Marketing Plan
Introduction to Social Media: Using Social Media in your Marketing PlanIntroduction to Social Media: Using Social Media in your Marketing Plan
Introduction to Social Media: Using Social Media in your Marketing PlanWebbed Marketing
 
Introduction to Social Media: Using Social Media in your Marketing Plan
Introduction to Social Media: Using Social Media in your Marketing PlanIntroduction to Social Media: Using Social Media in your Marketing Plan
Introduction to Social Media: Using Social Media in your Marketing Planguest20b3ff55
 
Secrets to Converting Customers Using Social Media
Secrets to Converting Customers Using Social MediaSecrets to Converting Customers Using Social Media
Secrets to Converting Customers Using Social MediaMatt Siltala
 
Reputation Management 101
Reputation Management 101Reputation Management 101
Reputation Management 101erinmajaxunion
 
Deluxe/Risdall Social Media Marketing Webinar Presentation
Deluxe/Risdall Social Media Marketing Webinar PresentationDeluxe/Risdall Social Media Marketing Webinar Presentation
Deluxe/Risdall Social Media Marketing Webinar PresentationDeluxe Corporation
 
Using Social Media to Connect Younger Customers
Using Social Media to Connect Younger CustomersUsing Social Media to Connect Younger Customers
Using Social Media to Connect Younger CustomersHall Internet Marketing
 

Ähnlich wie Solving UX problems (part 2) (20)

Branding YOU with LinkedIn
Branding YOU with LinkedInBranding YOU with LinkedIn
Branding YOU with LinkedIn
 
Sscc2
Sscc2Sscc2
Sscc2
 
Coverings2011: Practical Marketing - Digital Visibility for Small Businesses
Coverings2011: Practical Marketing - Digital Visibility for Small BusinessesCoverings2011: Practical Marketing - Digital Visibility for Small Businesses
Coverings2011: Practical Marketing - Digital Visibility for Small Businesses
 
Elite Sdvob Presentation
Elite Sdvob PresentationElite Sdvob Presentation
Elite Sdvob Presentation
 
Using Facebook & Social Media to Promote Your Business
Using Facebook & Social Media to Promote Your BusinessUsing Facebook & Social Media to Promote Your Business
Using Facebook & Social Media to Promote Your Business
 
Using Social Media to Improve Ecommerce Capabilities
Using Social Media to Improve Ecommerce CapabilitiesUsing Social Media to Improve Ecommerce Capabilities
Using Social Media to Improve Ecommerce Capabilities
 
Social Media For Small Business
Social Media For Small BusinessSocial Media For Small Business
Social Media For Small Business
 
Emerging Social Media Practices by Product Companies
Emerging Social Media Practices by Product CompaniesEmerging Social Media Practices by Product Companies
Emerging Social Media Practices by Product Companies
 
socialmediapackage
socialmediapackagesocialmediapackage
socialmediapackage
 
How to Drive Sales through Search and Social Media - Annual DI Conf, Boston 2010
How to Drive Sales through Search and Social Media - Annual DI Conf, Boston 2010How to Drive Sales through Search and Social Media - Annual DI Conf, Boston 2010
How to Drive Sales through Search and Social Media - Annual DI Conf, Boston 2010
 
Social Media Overview: What platforms should your business be using?
Social Media Overview: What platforms should your business be using?Social Media Overview: What platforms should your business be using?
Social Media Overview: What platforms should your business be using?
 
How To Use Social Networks to Grow Your Business [Graph Expo 2011]
How To Use Social Networks to Grow Your Business [Graph Expo 2011]How To Use Social Networks to Grow Your Business [Graph Expo 2011]
How To Use Social Networks to Grow Your Business [Graph Expo 2011]
 
Introduction to Social Media: Using Social Media in your Marketing Plan
Introduction to Social Media: Using Social Media in your Marketing PlanIntroduction to Social Media: Using Social Media in your Marketing Plan
Introduction to Social Media: Using Social Media in your Marketing Plan
 
Introduction to Social Media: Using Social Media in your Marketing Plan
Introduction to Social Media: Using Social Media in your Marketing PlanIntroduction to Social Media: Using Social Media in your Marketing Plan
Introduction to Social Media: Using Social Media in your Marketing Plan
 
Secrets to Converting Customers Using Social Media
Secrets to Converting Customers Using Social MediaSecrets to Converting Customers Using Social Media
Secrets to Converting Customers Using Social Media
 
Digital Marketing: email, websites and social media in synergy
Digital Marketing: email, websites and social media in synergyDigital Marketing: email, websites and social media in synergy
Digital Marketing: email, websites and social media in synergy
 
Digital marketing workshop
Digital marketing workshopDigital marketing workshop
Digital marketing workshop
 
Reputation Management 101
Reputation Management 101Reputation Management 101
Reputation Management 101
 
Deluxe/Risdall Social Media Marketing Webinar Presentation
Deluxe/Risdall Social Media Marketing Webinar PresentationDeluxe/Risdall Social Media Marketing Webinar Presentation
Deluxe/Risdall Social Media Marketing Webinar Presentation
 
Using Social Media to Connect Younger Customers
Using Social Media to Connect Younger CustomersUsing Social Media to Connect Younger Customers
Using Social Media to Connect Younger Customers
 

Mehr von Pauly Ting

Introduction to iOS7's design changes
Introduction to iOS7's design changesIntroduction to iOS7's design changes
Introduction to iOS7's design changesPauly Ting
 
Mobile Best Practices
Mobile Best PracticesMobile Best Practices
Mobile Best PracticesPauly Ting
 
Email explained in 2 minutes
Email explained in 2 minutesEmail explained in 2 minutes
Email explained in 2 minutesPauly Ting
 
CAD Partners - Why I need a strategy
CAD Partners - Why I need a strategyCAD Partners - Why I need a strategy
CAD Partners - Why I need a strategyPauly Ting
 
Having an idea versus doing an idea
Having an idea versus doing an ideaHaving an idea versus doing an idea
Having an idea versus doing an ideaPauly Ting
 
ADMA - The digital world and the people in it
ADMA - The digital world and the people in itADMA - The digital world and the people in it
ADMA - The digital world and the people in itPauly Ting
 
Are you wasting your time
Are you wasting your timeAre you wasting your time
Are you wasting your timePauly Ting
 
PDX - Effective Communicators Rule the world
PDX - Effective Communicators Rule the worldPDX - Effective Communicators Rule the world
PDX - Effective Communicators Rule the worldPauly Ting
 
Bond Uni - The Trend of Trends
Bond Uni - The Trend of TrendsBond Uni - The Trend of Trends
Bond Uni - The Trend of TrendsPauly Ting
 
Bond Uni - why companies fail at social media
Bond Uni - why companies fail at social mediaBond Uni - why companies fail at social media
Bond Uni - why companies fail at social mediaPauly Ting
 
Being a crap bloke will send you crap broke
Being a crap bloke will send you crap brokeBeing a crap bloke will send you crap broke
Being a crap bloke will send you crap brokePauly Ting
 
Bond Uni - Community Managers
Bond Uni - Community ManagersBond Uni - Community Managers
Bond Uni - Community ManagersPauly Ting
 

Mehr von Pauly Ting (12)

Introduction to iOS7's design changes
Introduction to iOS7's design changesIntroduction to iOS7's design changes
Introduction to iOS7's design changes
 
Mobile Best Practices
Mobile Best PracticesMobile Best Practices
Mobile Best Practices
 
Email explained in 2 minutes
Email explained in 2 minutesEmail explained in 2 minutes
Email explained in 2 minutes
 
CAD Partners - Why I need a strategy
CAD Partners - Why I need a strategyCAD Partners - Why I need a strategy
CAD Partners - Why I need a strategy
 
Having an idea versus doing an idea
Having an idea versus doing an ideaHaving an idea versus doing an idea
Having an idea versus doing an idea
 
ADMA - The digital world and the people in it
ADMA - The digital world and the people in itADMA - The digital world and the people in it
ADMA - The digital world and the people in it
 
Are you wasting your time
Are you wasting your timeAre you wasting your time
Are you wasting your time
 
PDX - Effective Communicators Rule the world
PDX - Effective Communicators Rule the worldPDX - Effective Communicators Rule the world
PDX - Effective Communicators Rule the world
 
Bond Uni - The Trend of Trends
Bond Uni - The Trend of TrendsBond Uni - The Trend of Trends
Bond Uni - The Trend of Trends
 
Bond Uni - why companies fail at social media
Bond Uni - why companies fail at social mediaBond Uni - why companies fail at social media
Bond Uni - why companies fail at social media
 
Being a crap bloke will send you crap broke
Being a crap bloke will send you crap brokeBeing a crap bloke will send you crap broke
Being a crap bloke will send you crap broke
 
Bond Uni - Community Managers
Bond Uni - Community ManagersBond Uni - Community Managers
Bond Uni - Community Managers
 

Kürzlich hochgeladen

Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...Call Girls in Nagpur High Profile
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxTusharBahuguna2
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...RitikaRoy32
 
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the FunnelTapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funneljen_giacalone
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...Call Girls in Nagpur High Profile
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823
 
2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptxsuhanimunjal27
 
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵anilsa9823
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...amitlee9823
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Servicearoranaina404
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...babafaisel
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdshivubhavv
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja Nehwal
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...kumaririma588
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxmirandajeremy200221
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...sonalitrivedi431
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentationamedia6
 

Kürzlich hochgeladen (20)

Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the FunnelTapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funnel
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx
 
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcd
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptx
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentation
 
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
 

Solving UX problems (part 2)

  • 1. whoisPaulyting.com DESIGN BETTER: Solving UX problems (Part 2) with Pauly Ting
  • 2. whoisPaulyting.com My name is Pauly Ting and I’m an experience designer.
  • 3. whoisPaulyting.com I’ve helped brands reveal their purpose, express their personality, and deliver a complete and authentic experience.
  • 4. whoisPaulyting.com PART 1: Science vs Art Doing Your Homework
  • 5. whoisPaulyting.com PART 1: Science vs Art Doing Your Homework PART 2: Reframing Context Applying Your Homework
  • 7. whoisPaulyting.com SMART BRANDS: Know thyself! Know thy ecosystem! Know thy users! Know thy context!
  • 8. whoisPaulyting.com REVIEW AND PASTE IT Know your brand! Know your market! Know your users! Know your focus!
  • 9. whoisPaulyting.com REVIEW AND PASTE IT Know your brand! Know your market! Know your users! Know your focus!
  • 11. whoisPaulyting.com HAVE A PROJECT THEME “We need to design a way for parents who have challenging relationships at times with their children to feel reassured joining and configuring our app service as their family support tool, and to feel more confident raising their children into responsible young adults. “We need to build the sign up page for parents.”
  • 12. whoisPaulyting.com Simplicity is the ultimate sophistication – Leonardo Da Vinci
  • 13. whoisPaulyting.com KNOW YOUR FOCUS AREAS InterfaceIntent Language
  • 14. whoisPaulyting.com INTENT • What is the intent of the designed experience? • What does it mean in the scheme of things for you / others? • How/why/when could people care? • What could make them care? • How does this impact the user’s context or payoff? • Where does this belong in a user’s workflow? • What does a successful user workflow look like?
  • 15. whoisPaulyting.com • How does the user describe the problem experience? • What language/words/phrases does the target use a lot? • What is the simplest and shortest way to say your bit? • Can things be said with visual affordances or hierarchy? • What is the plain english, non-technical version? • What is to be the tone of the designed experience? • How does the user describe their desired emotional aftertaste? LANGUAGE
  • 16. whoisPaulyting.com • What is the brand / product essence? • What is the most important thing on the interface? • What actions do you want the user to take? • What actions must the user take? • What feels familiar to them and what is new? • Which elements are dependent vs independent? • What is one thing you could remove and it would still work? • What are the design guidelines for the brand? INTERFACE
  • 18. whoisPaulyting.com MODEL THE CURRENT WORKFLOW Sign Up Landing Page Sign Up with Facebook Sign Up with Google Email Sign Up Sign In with Facebook Sign In with Google Sign In Email Sign Up Field Error Welcome to VISR Add Child I already have an account Add Child FormBirth Date Date Picker Add Channels Add Child One Step Closer! Adding Social Media Accounts < Email InstructionsCopy InstructionsADVANCED: Manually add social accounts Child Profile Navigation Alert: Sending Email via mail program Alert: Copied to clipboard Facebook Email Already Exists Error Instagram Twitter YouTube KidsEmail.org Remove from account Alert: Are you sure you want to remove? OK Cancel Edit Child ProfileChild Dashboard + Add Child Child Name Email with Link Link to authorize Link to websiteAdd Channel Authorize from here Email with Link Inbox Connection View Disconnect from profile Reauthorize or + another Link Expired Go to login page Invalid Key Authorization Error Sign Up Login Facebook Sign In Google Sign In Accept Cancel Sign In Grant Permission Facebook Instagram Twitter YouTube KidsEmail.org Forgot Password Forgot Password Reset Password Reset Confirmation If connected
  • 19. whoisPaulyting.com PULL YOUR CURRENT DESIGN APART Sign Up ValidationSign Up Sign In Unclear visual hierarchy. 
 Buttons are competing with another. Busy design means high cognitive load and long page time The weight of Facebook and Google buttons dominate the login button Read-about should be taken care of prior to the sign-up flow
  • 20. whoisPaulyting.com LOOK TO OTHERS SOLVING SIMILAR PROBLEMS Referral Direct Home Page • Pricing • Description Start Your Free Month Select Plan • Plan name • Price • Features Next Social Sign Up Sign Up • Email Address • Password Next with CC Next with Paypal Error Error Payment Details • First Name • Last Name • Card Number • ZIP • Expiration Date • Expiration Year • Security Code • Terms Agreement Start Membership Confirm Email • Signup Confirm Clear pricing, CTA, and no preview content Multiple plan types with clear value proposition Social sign-up or username/pass only Single email and password request No clear eye path or visual hierarchy Horizontal form fields with real-time validation Clear value proposition Paypal option causes an offsite redirect Error
  • 21. whoisPaulyting.com MODEL NEW WORKFLOW WITH ‘VIEWS’ AND LOGICAL METRIC MARKERS
  • 22. whoisPaulyting.com MODEL NEW WORKFLOW WITH METRICS Sign Up Landing Page Connect with Facebook Connect with Google Sign In with Facebook Sign In with Google Sign In Demo Dashboard Sign In Add Child FormCancel Next Connect social media accounts Email Already Exists Error Sign Up Sign In Facebook Sign In Google Sign In Sign In Sign Up Create Free AccountTerms of UsePrivacy Policy Reset Confirmation 3 failed attempts Reset Password Email Sign Up Field Error Add your child’s account I have usenamesGuide 1Guide 2 Get familiar with social media Guide 3Setup a dialogue I don’t want help Connect with them Guide 4 Set a reminder I don’t have usernames Add social media accounts Add Facebook Add Twitter Add Instagram Add YouTube Add Kids Email Send an emailSend an SMS Invite by emailInvite by SMS Send SMS SMS sent Send email Email sent I’m done I’m done Cancel Cancel Account Sign In OK Not Now I’m done Add social media accounts Onboard 1 Learn how to use VISR Onboard 2 Continue Onboard 3 Continue Onboard 4 Continue Final Onboard Help? I’m done Sign up Metric
 Users who create a new account Add child Metric
 Users who add a child:
 • Do not authenticate an account
 • Did/did not read the guide Connect Metric
 User with a child who:
 • Invited by SMS/email
 • Failed to authenticate
 • Is having difficulty authenticating
 • Is waiting for account connection
  • 23. whoisPaulyting.com Sometimes, to make things clearer, you have to add a step – Jason Fried
  • 24. whoisPaulyting.com PROTOTYPE THE NEW WORKFLOW (blurred for confidentiality)
  • 25. whoisPaulyting.com ITERATE INTO VISUAL DESIGN (blurred for confidentiality)
  • 26. whoisPaulyting.com EXPLAIN YOUR NEW DESIGN Sign Up ValidationSign Up Sign In Use icons for when form fields have text in them Prioritize sign-up over sign-in Reduced the weight of Facebook/Google Keep the brand header consistent and stable T&Cs are accepted by default
  • 27. whoisPaulyting.com It takes a lot of hard work to make something simple – Steve Jobs