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
![Page 1: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/1.jpg)
ENLIGHTEN:CONFERENCE - 1 MAY 2013
![Page 2: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/2.jpg)
@crispin_read
WhiteFuseMedia.com/blog
CrispinRead.co.uk
![Page 3: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/3.jpg)
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
![Page 4: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/4.jpg)
WHAT IS USABILITY?
...making products and systems easier to use, and
matching them more closely to user needs and
requirements
![Page 5: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/5.jpg)
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)
![Page 6: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/6.jpg)
• 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
![Page 7: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/7.jpg)
![Page 8: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/8.jpg)
READABILITY
•Font size and spacing
•Line height
•Line width
•Contrast of background colour and text
![Page 9: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/9.jpg)
Alt. tags ~ c'mon
![Page 10: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/10.jpg)
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/
![Page 11: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/11.jpg)
![Page 12: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/12.jpg)
![Page 13: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/13.jpg)
![Page 14: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/14.jpg)
![Page 15: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/15.jpg)
IDENTITY•Logo Branding Tagline
•5 second rule
•Clear path to info
•Clear path to contact
![Page 16: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/16.jpg)
NAVIGATION
•Identifiable
•Clear and concise
•7 items maximum
•Take me home
•Links
•Back button
![Page 17: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/17.jpg)
• Content is king
• Headings
• 5 second rule
• Not too much emphasis
http://gettingattention.org/2013/04/nonprofit-content-marketin
![Page 18: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/18.jpg)
ON SITE / OFF SITE
•Page <title> is important
•Friendly URLs
•Sharing
•Meta data
![Page 19: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/19.jpg)
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
![Page 20: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/20.jpg)
IDENTIFY USER GROUPS, ACTIONS AND
LANDING PAGES
![Page 21: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/21.jpg)
CREATE MATRICES AND
USER JOURNEYS
![Page 22: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/22.jpg)
WHY IS THIS IMPORTANT?
![Page 23: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/23.jpg)
GOALS AND
CONVERSIONS
![Page 24: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/24.jpg)
WHAT ARE YOUR GOALS?Make a list put them in
some sort of order
![Page 25: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/25.jpg)
(CONVERSION)
![Page 26: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/26.jpg)
bit.ly/wfmusability
![Page 27: Crispin Read: Website Usability for Charities. Enlighten Conference 1/5/13](https://reader033.vdocument.in/reader033/viewer/2022051608/54551316b1af9f33608b46bd/html5/thumbnails/27.jpg)
@crispin_read
bit.ly/wfmusability
SlideShare.net/whitefuse