Bite size ux

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

lorelei@ielerol.com

© 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