crispin read: website usability for charities. enlighten conference 1/5/13
DESCRIPTION
Presentation given by Crispin Read at the Enlighten Conference 1 May 2013. Basic website usabillty checks for charity websites. "I tried to make is as practical as possible so that following the session (or a read of this post) everyone would be able to take away some tips and perform a usability check of their own website. At the end of the post is a link to a transcript of my notes and a pdf checklist to use on your own website."TRANSCRIPT
ENLIGHTEN:CONFERENCE - 1 MAY 2013
@crispin_read
WhiteFuseMedia.com/blog
CrispinRead.co.uk
WHAT AM I TALKING ABOUT?
• What is usability and why is it important?
• Basic checklist
• UCD / UX / User journeys
• Live case study show up job
WHAT IS USABILITY?
...making products and systems easier to use, and
matching them more closely to user needs and
requirements
WHY IS IT IMPORTANT?
•Every £1 invested in improving your website's usability returns £10 to £100 (source: IBM)
•A web usability redesign can increase the sales/conversion rate by 100% (source: Jakob Nielson)
• The logo is top left and links back to the homepage
• The term about us means a page of organisational info
• The main navigation is in the same place on every page
• Something flashing or strangely gawdy is probably an advert for fake medicines
CONVENTIONS
READABILITY
•Font size and spacing
•Line height
•Line width
•Contrast of background colour and text
Alt. tags ~ c'mon
LOAD TIMES
"...sources estimate that a 1-second delay can lead to a 7% drop in conversions, meaning that an e-commerce site doing $100k daily would experience a $2.5M loss in sales on an annual basis tied to 1 second in load speed."
Toby Biddle http://boxesandarrows.com/site-speed-and-usability/
IDENTITY•Logo Branding Tagline
•5 second rule
•Clear path to info
•Clear path to contact
NAVIGATION
•Identifiable
•Clear and concise
•7 items maximum
•Take me home
•Links
•Back button
• Content is king
• Headings
• 5 second rule
• Not too much emphasis
http://gettingattention.org/2013/04/nonprofit-content-marketin
ON SITE / OFF SITE
•Page <title> is important
•Friendly URLs
•Sharing
•Meta data
UX / UCD / USER JOURNEY
• User Experience
• User Centric Design
• User Journey
The discipline - experience as an explicit design objective
Research > Sketch > Prototype > Test > Repeat
The route someone is taking as they click through your site
IDENTIFY USER GROUPS, ACTIONS AND
LANDING PAGES
CREATE MATRICES AND
USER JOURNEYS
WHY IS THIS IMPORTANT?
GOALS AND
CONVERSIONS
WHAT ARE YOUR GOALS?Make a list put them in
some sort of order
(CONVERSION)
bit.ly/wfmusability
@crispin_read
bit.ly/wfmusability
SlideShare.net/whitefuse