bite size ux
DESCRIPTION
User Experience for NonprofitsTRANSCRIPT
PRESENTED BY LORELEI KELLY
Bite-Size UX For Nonprofits
Thanks to our Sponsors!
o HandsOn Techo Thank you Points of Light Foundation, Google and CNCS!
© 501 Commons
AgendaIntroductionsAbout User ExperienceBenefits for NonprofitsTechniques
Analytics Surveys IA Testing Management
© 501 Commons
About me
Human-Computer Interaction/design
Full-service digital agency
© 501 Commons
User Experience Design
User Research
Usability Evaluation Interaction
Design
Content Strategy
Information Architecture
Visual Design
© 501 Commons
User Research
Observational methods to understand the people who use a product or system
Surveys Ethnographic observation Diary studies Experience sampling Focus groups Interviews Contextual inquiry
© 501 Commons
Information Architecture
Identifying & organizing information in a meaningful way
© 501 Commons
Interaction Design
Specifying the behaviors of a product or system in a purposeful, understandable way
© 501 Commons
Content Strategy
Planning for creation, delivery, and maintenance of useful, usable content
Analysis Creation
StructureGovernance
© 501 Commons
Usability Evaluation
Measuring the quality of a user’s interaction with a product or system.
© 501 Commons
Visual Design
Designing the visual qualities of a product or system in a pleasing and meaningful way.
© 501 Commons
The UX Design Process
Define Goals
Research Users
Design Solutions
Test Designs
Implement Designs
© 501 Commons
Why Nonprofits Need Good UX
© 501 Commons
Establish Trust
Good design = credibility
Trust in quality of info, services
Important when $ are involved
© 501 Commons
Reach the Right Audience
Nonprofit sites are targeted Potential donors Potential clients
Match message with audience
© 501 Commons
Improve Service
More people find the information
Site visitors retain more
Encourage action
© 501 Commons
Interaction Design
What to Do About It
User Research
Usability Evaluation
Content Strategy
Information Architecture
Visual Design
© 501 Commons
Research & Evaluation
Improvement needs feedbackiteration feedback
Assumptions = risk
Talk to real users
© 501 Commons
The Most Important Step
Ask the right question
© 501 Commons
A Good Research Question is
Well-defined
Limited in scope
Actionable
© 501 Commons
Weak Research Questions
“What do people dislike about our website?”
“What are the least popular pages on our website?”
© 501 Commons
Good Research Questions
“What information do potential donors come looking for but don’t find?”
“How are the people who sign up for our newsletter finding our site?”
“What do our return visitors come back for?”
© 501 Commons
Analytics
Visit data Google Analytics KISSMetrics
Click Tracking Crazy Egg Lucky Orange
© 501 Commons
Surveys
Stay under ~10 questions, 1-2 difficult/sensitive
Put easy questions firstAsk one thing at a timeBe careful with multiple-choice answers
Baseline effects Anchoring “other” option
Offer free response
© 501 Commons
Survey Question Examples
© 501 Commons
Survey Question Examples
© 501 Commons
Survey Tools
SurveyMonkeyGoogle DriveInstant.lyUsabilla
© 501 Commons
Card Sorting
Users categorize and label menu items
© 501 Commons
Online Card Sort Tools
Optimal Workshop OptimalSortUsabiliTest
© 501 Commons
Content Inventory
Spreadsheet tracking all content on site Unique ID URL Content Title Page Owner Date Updated
© 501 Commons
Content Inventory Tools
SlickplanXML SitemapsContent Inventory Spreadsheet templates
© 501 Commons
A/B Testing
Incremental Improvement
Hypothesis + Outcome
Test one thing at a time
© 501 Commons
A/B Testing Tools
Google Analytics Content ExperimentsOptimizelyUsabilla
© 501 Commons
Guerilla Usability Testing
Think-aloud protocol
Moderator + Observer
Laptop in a coffeeshop
Give short, open-ended tasks
© 501 Commons
Managing The Data
Share findings within the org
Allow anyone to contribute
One place for everyone find answers to questions
QUESTIONS?
Thank You
© 501 Commons
Tool URLs
http://www.google.com/analytics/https://www.kissmetrics.com/http://www.crazyegg.com/http://luckyorange.com/http://drive.google.comhttp://www.instant.ly/https://usabilla.com/http://www.optimalworkshop.com/optimalsort.htmhttp://www.usabilitest.com/http://slickplan.com/http://www.xml-sitemaps.com/https://www.optimizely.com/http://evernote.com/https://www.dokuwiki.org/dokuwiki