Ux for nonprofits_5-19-11
-
Upload
rsmallbone -
Category
Design
-
view
107 -
download
0
description
Transcript of Ux for nonprofits_5-19-11
![Page 1: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/1.jpg)
© 2011 IBM Corporation1
![Page 2: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/2.jpg)
What is User Experience?A Presentation by Richard Smallbone and Karen MaxwellMay 19, 2011
![Page 3: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/3.jpg)
© 2011 IBM Corporation3
Who we are
Richard Smallbone Karen Maxwell
![Page 4: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/4.jpg)
© 2011 IBM Corporation4
Objectives
A good understanding of a successful User Experience
How to develop a persona
Examples
How this applies to you
Tools to help you
![Page 5: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/5.jpg)
© 2011 IBM Corporation5
What is User Experience?
UX Design is how it works
![Page 6: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/6.jpg)
© 2011 IBM Corporation6
What is User Experience?
Good UX design is problem solving
![Page 7: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/7.jpg)
© 2011 IBM Corporation7
What is User Experience?
Great design is where beauty, functionality, and ease-of-use all come together.
![Page 8: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/8.jpg)
© 2011 IBM Corporation8
What is User Experience?
Who are your users, and how do you ensure you're reaching them with content that's relevant to their needs and interests?
technology
business objectives
users
![Page 9: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/9.jpg)
© 2011 IBM Corporation9
What we do
![Page 10: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/10.jpg)
© 2011 IBM Corporation10
User Experience Specialists design across multiple channels
Skillset includes: Digital Strategy Visioning Consultation & Workshops Persona Development Social Media Consultation & Workshops
Web Kiosk Mobile
Requirements Gathering Information Architecture Visual/Interactive Design Development Accessibility Testing Maintenance
Usability and Accessibility Testing Information Architecture Visual and Interaction Design Front-end Development
![Page 11: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/11.jpg)
© 2011 IBM Corporation11
How we do it
![Page 12: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/12.jpg)
© 2011 IBM Corporation12
IBMi’s five-stage process builds comprehensive user knowledge and uses the results to build solutions that deliver on user needs and business objectives.
Visual Design
Interaction DesignUsability Accessibility
Information Architecture
Functional Specs &Content Requirements
User Needs & Site Objectives
IBM’s five-stage process
user research, stakeholder interviews, persona development, ethno/techno/psychographics
detailed description of required site functionality to meet user needs
develops the application flows to facilitate user tasks
establishes a mental model for the user to interact with a system or application
Brand alignment, page layout, page elements, text, imagery and navigational components
![Page 13: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/13.jpg)
© 2011 IBM Corporation13
Why good User Experience is important
1. Good design and usability is good for business
2. Addressing the user’s real goals mean lower percentage of site abandonment
3. Better UX means fewer customers move to the competition
4. The better the experience translates to more sales
5. A useable design is a key to building on-line trust with your audience
6. A good (user) experience correlates with a willingness to repurchase a product or service, a reluctance to switch and a likelihood to spread a positive word-of-mouth endorsement
![Page 14: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/14.jpg)
© 2011 IBM Corporation14
Persona development
![Page 15: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/15.jpg)
© 2011 IBM Corporation15
What is a Persona?
A composite description of a real person who represents a primary customer segment. These descriptions contain detailed information on the motivations, goals, and preferences of a representative customer.
Why are personas valuable?They help to make informed, fast decisions. By creating a shared, vivid picture of target customers’ behaviors, project teams can better evaluate how to satisfy customer needs resulting in less scope creep from unwanted and unnecessary features, faster consensus across the team, and none of the pitfalls from self-referential design.
![Page 16: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/16.jpg)
© 2011 IBM Corporation16
Understanding Your Audiences
To successfully create engagement and cut through the noise, you have to have a deep understanding of your target audience
who they are
what they want/need/expect
unique characteristics about them
needs and scenarios about how they will interact with the site or application
features on the site that address this
![Page 17: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/17.jpg)
© 2011 IBM Corporation17
Organization’s Key goals Characteristics Wants/needs
Name: Name: John AdamsJohn Adams What is your
admin fee: How much of
my $$ go to charity
Role: Traditional DonorRole: Traditional Donor
• Wary of sharing personal matters oversocial sites
• Blackberry for work and computer at work/home. Follows industry websites through Google Reader
• Values his reputation at work and perceptionof his community involvement
• Gives to other causes outside of work
• Quick info
• Recognition
• Location: Toronto, Ontario Location: Toronto, Ontario
• AgeAge: 52
• VP, Corporate Finance
• Create interest for John to join Non-profit Xs Facebook page
• Communicate the value of becoming involvedwith “Non-profit X”
what would their message to us be?
![Page 18: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/18.jpg)
© 2011 IBM Corporation18
Persona development - exercise
![Page 19: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/19.jpg)
© 2011 IBM Corporation19
Examples
![Page 20: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/20.jpg)
© 2011 IBM Corporation20
Very clear communications for specific target audiences
News and blog updated with timely, relevant information
Easy-to-find donation link
![Page 21: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/21.jpg)
© 2011 IBM Corporation21
Easy-to-find donation link(could be higher in the page)
Very clear communications for specific target audiences
Regional information
![Page 22: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/22.jpg)
© 2011 IBM Corporation22
Animated slideshow with messages directed at specific audiences
Navigation organized by audience type
Quicklinks to sub-sites
![Page 23: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/23.jpg)
© 2011 IBM Corporation23
How this applies to you
1. Make the focus of your organization clear to your audience
2. Make it easy to donate/volunteer
3. Provide targeted information for different audiences (based on role/region etc.)
4. Make it easy for the to get information from you
5. If you have the resources to keep it up-to-date (VERY IMPORTANT) maintain a news section/blog
![Page 24: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/24.jpg)
© 2011 IBM Corporation24
Tools
![Page 25: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/25.jpg)
© 2011 IBM Corporation25
Wordpress
Plugins for:
Surveys
Polls
Slideshows
Galleries
Social Networking (add to Facebook, Twitter etc.)
Traffic Stats
Contact Forms
Calendars
Initially started as a blogging platform, Wordpress is now a capable tool for building fully-featured websites
Wordpress.org will host your website for free, or you can install the Wordpress on your own server.
![Page 26: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/26.jpg)
© 2011 IBM Corporation26
Design based on an existing template with minor modifications:
•Custom header graphic
•Minor CSS changes
•Widgets
An RSS feed allows students, teachers and parents to receive updates in their RSS readers
The calendar is updated by office staff through an easy-to-use interface
![Page 27: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/27.jpg)
© 2011 IBM Corporation27
Flickr/Creative Commons
Flickr is a photo-sharing website with millions of users worldwide.
Creative Commons licensing allows Flickr users to make their photographs available, without cost, usually with the requirement that they are credited for the photograph.
Be aware that model releases may be required in cases where a person’s face is clear and identifiable.
![Page 28: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/28.jpg)
© 2011 IBM Corporation28Photo by ageing accozzaglia Photo by Ronald Wong
Photo by Allan Chow
![Page 29: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/29.jpg)
© 2011 IBM Corporation29 Photo by Rosie O'Beirne
![Page 30: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/30.jpg)
© 2011 IBM Corporation30
Photo by John Gevers Photo by Charles Pieters
![Page 31: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/31.jpg)
© 2011 IBM Corporation31
iStockphoto.com
Low-cost stock photography. Usually $5-$10/image for web use, $20+ for print use.
Also includes Video, Audio, Illustration, and Flash Animation.
All iStockphoto photographs with clear and identifiable faces are model-released, meaning that you are free to use them without concern.
![Page 32: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/32.jpg)
© 2011 IBM Corporation32
![Page 33: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/33.jpg)
© 2011 IBM Corporation33
Keep it simple.Make it easy.Focus on user needs.Use available tools.
![Page 34: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/34.jpg)
© 2011 IBM Corporation34
Questions?
Thank you
![Page 35: Ux for nonprofits_5-19-11](https://reader036.fdocuments.us/reader036/viewer/2022062617/54c7c8a44a7959ff238b458b/html5/thumbnails/35.jpg)
© 2011 IBM Corporation35
Helpful Links
A List ApartSmashing Magazine
Ideas on IdeasMashable
FlickriStockphoto
Persona creation
http://www.alistapart.com/http://www.smashingmagazine.comhttp://www.ideasonideas.com/http://mashable.comhttp://www.flickr.com/creativecommons/http://www.istockphoto.com/
http://www.deyalexander.com.au/resources/uxd/personas.html