Time critical
user centred
library web design
@AntonyGroves
Time critical user centred web design
Kellie Mote and Mark Ayton ‘Strategic approaches to implementing accessibility’
https://drive.google.com/file/d/1lVDVvIw4dmv5eCQEQvElHn9gofNfTcw9/view
Proactively
working towards
the Government
deadline of 23RD
September to
make our website
accessible
Reactively
working to make
our website and
services as useful
as possible
following closure
on 20th March
Accessibility
Usability
2019 saw over a
million visits to the
Library website;
6,170 on busiest day
(Tuesday 14th May).
Government Design Principles
• This is for everyone
• Start with user needs
• Design with data
• Build digital services, not websites - A service is something that
helps people to do something. Our job is to uncover user needs, and
build the service that meets those needs. Of course much of that
will be pages on the web, but we’re not here to build websites.
• Iterate. Then iterate again
www.gov.uk/guidance/government-design-principles
Start with user needs
•Spoke to academic community and gathered feedback
•Over 100 pieces of feedback collected and grouped
into four main themes: architecture, behaviour,
content and labelling
•‘Top Tasks’ identified (e.g. searching for and finding
books, booking rooms, accessing account)
https://alistapart.com/article/what-really-matters-focusing-on-top-tasks/
• Architecture:
“Confusing having two types of navigation”
• Behaviour:
“Have never used Library Search tabs”
• Content:
“More photos of the Library and more infographics”
• Labelling:
“Skills Hub should have a description mentioning academic skills”
Design with data
•Benchmarked with other institutions
•Looked at analytics - most/least viewed pages,
along with bounce and exit rates
•Ran ‘card sorts’ to determine site structure
•Created user stories to help edit pages
Time critical user centred web design
User stories
17,892 views of this page (and
subpages in Autumn term 2019).
This page had a bounce rate of
8.43% and an exit rate of 2.12%
(similar to ‘Study rooms’ page).
The ‘Find a book in the Library’
page had 6,785 views compared
with 1,182 in the 2018 Autumn
term when it was located in the
‘Using the Library’ section.
Views of Library News page (now
in the new ‘News, events and
workshops’ section) risen from
222 views to 1,154 over Autumn
term.
The new ‘Making your research
available’ section has very low
bounce and exit rates, and these
have also dropped across the
whole site, indicating that people
are finding what they expect to.
Iterate. And iterate again
•There is still much to unpack and much to improve
(and these should be ongoing pieces of work).
•UX Group currently organising user testing.
•Analysing usage to see which parts of the website
are seeing fewer views and less engagement.
•Working with teams inside and outside of the
Library to make our digital services as useful as
they can be to our community.
Time critical user centred web design
Pivot Add Hide
Pivot
Time critical user centred web design
Add
Time critical user centred web design
Hide
Time critical user centred web design
Recognition
Revisiting Ranganathan:
Applying the Five Laws
of Library Science to
Inclusive Web Design
Ten changes we’ve made
to the Library website
since lockdown
www.mmitblog.wordpress.com
Questions?
Usability
1. Think about some of the primary users/stakeholders of your service. From what you know about those
users, what are they likely to be trying to achieve? Will this have changed in the past three months?
2. Write a user-story for that user i.e.
As a…
I would like…
So that I can…
3. What do you think would be a top task for this user? Visit a page or service that you think they would use.
How successful is it in helping them to fulfil their user story?
Accessibility
Part of the Government’s basic accessibility check will involve assessing your homepage, which is likely to be
your most viewed page.
4. Enter the URL of you homepage into the Wave Web Accessibility Evaluation Tool. In particular look for any
‘errors’ or ‘alerts’ that are highlighted. You do not need to share with the group (but should with your
institution). You can use the tool to look for missing alt-text, headers and more: it’s an invaluable resource.
5. Does your website have an accessibility statement? Can you find it easily and have you read it? How does
it compare to the Governments sample accessibility statement?
Exercises

More Related Content

PPTX
Effective Ways to Appraise Content Nick Broady #acenetc2011
PPT
Search first content strategy
PPT
The Future of Libraries and Technology: The Phoenix Rises from the Ashes
PDF
NME Presentation 9/13/13
PPTX
PUBLISHING-AND-SUSTAINING-ICT-PROGECTS-FOR-SOCIAL-CHANGE-2.pptx
PDF
Eight things you need to know about your web and social media content - ALHAUS
PPT
Participatory Web Design Presentation Ala Virtual
Effective Ways to Appraise Content Nick Broady #acenetc2011
Search first content strategy
The Future of Libraries and Technology: The Phoenix Rises from the Ashes
NME Presentation 9/13/13
PUBLISHING-AND-SUSTAINING-ICT-PROGECTS-FOR-SOCIAL-CHANGE-2.pptx
Eight things you need to know about your web and social media content - ALHAUS
Participatory Web Design Presentation Ala Virtual

Similar to Time critical user centred web design (20)

PPTX
Week 9 - Interactive News Editing and Producing
PPTX
NYC UXPA: 2014 - Bringing Together User Experience and Web Analytics (Michael...
PPTX
Digital media and medieval studies
PDF
Delightful UX
PPTX
Content Strategy: Do It For Your Users
PPTX
talk for HK SME center about web3.0 , AI, mobile apps
PPTX
Information and communication technology
PDF
Michael Beasley - Measuring how people use your pages with web analytics
PPT
Credo reference promoting resources workshop edina slides
PPT
Credo reference promoting resources workshop edina slides
PPT
Creative Content Uclan
PDF
HOW TO PROVIDE USEFUL INFORMATION IN A USER-CENTERED INTRANET SITE
PPTX
ICT-Project-for-social-change-trish.pptx
PPT
Making Your Website Sing!
PPT
Making Your Website Sing!
PDF
Leticia_Ferrer_Mur_Team11_Semester3_1_BA_project
PDF
How to Increase Your Site Usability to Drive Leads
PDF
Time well spent
PDF
Essay On Evernote
PPT
Website Presentation
Week 9 - Interactive News Editing and Producing
NYC UXPA: 2014 - Bringing Together User Experience and Web Analytics (Michael...
Digital media and medieval studies
Delightful UX
Content Strategy: Do It For Your Users
talk for HK SME center about web3.0 , AI, mobile apps
Information and communication technology
Michael Beasley - Measuring how people use your pages with web analytics
Credo reference promoting resources workshop edina slides
Credo reference promoting resources workshop edina slides
Creative Content Uclan
HOW TO PROVIDE USEFUL INFORMATION IN A USER-CENTERED INTRANET SITE
ICT-Project-for-social-change-trish.pptx
Making Your Website Sing!
Making Your Website Sing!
Leticia_Ferrer_Mur_Team11_Semester3_1_BA_project
How to Increase Your Site Usability to Drive Leads
Time well spent
Essay On Evernote
Website Presentation

Recently uploaded (20)

PPTX
Copy of ARAL Program Primer_071725(1).pptx
PDF
GIÁO ÁN TIẾNG ANH 7 GLOBAL SUCCESS (CẢ NĂM) THEO CÔNG VĂN 5512 (2 CỘT) NĂM HỌ...
PPTX
Diploma pharmaceutics notes..helps diploma students
PDF
Physical pharmaceutics two in b pharmacy
PPTX
PAIN PATHWAY & MANAGEMENT OF ACUTE AND CHRONIC PAIN SPEAKER: Dr. Rajasekhar ...
PDF
Laparoscopic Imaging Systems at World Laparoscopy Hospital
PPTX
Key-Features-of-the-SHS-Program-v4-Slides (3) PPT2.pptx
PPTX
Power Point PR B.Inggris 12 Ed. 2019.pptx
PDF
Chevening Scholarship Application and Interview Preparation Guide
PDF
WHAT NURSES SAY_ COMMUNICATION BEHAVIORS ASSOCIATED WITH THE COMP.pdf
PPTX
operating_systems_presentations_delhi_nc
PPTX
GW4 BioMed Candidate Support Webinar 2025
PDF
faiz-khans about Radiotherapy Physics-02.pdf
PPTX
principlesofmanagementsem1slides-131211060335-phpapp01 (1).ppt
PPTX
Neurological complocations of systemic disease
PPTX
CHROMIUM & Glucose Tolerance Factor.pptx
PDF
Unleashing the Potential of the Cultural and creative industries
PDF
IS1343_2012...........................pdf
PDF
anganwadi services for the b.sc nursing and GNM
PDF
Health aspects of bilberry: A review on its general benefits
Copy of ARAL Program Primer_071725(1).pptx
GIÁO ÁN TIẾNG ANH 7 GLOBAL SUCCESS (CẢ NĂM) THEO CÔNG VĂN 5512 (2 CỘT) NĂM HỌ...
Diploma pharmaceutics notes..helps diploma students
Physical pharmaceutics two in b pharmacy
PAIN PATHWAY & MANAGEMENT OF ACUTE AND CHRONIC PAIN SPEAKER: Dr. Rajasekhar ...
Laparoscopic Imaging Systems at World Laparoscopy Hospital
Key-Features-of-the-SHS-Program-v4-Slides (3) PPT2.pptx
Power Point PR B.Inggris 12 Ed. 2019.pptx
Chevening Scholarship Application and Interview Preparation Guide
WHAT NURSES SAY_ COMMUNICATION BEHAVIORS ASSOCIATED WITH THE COMP.pdf
operating_systems_presentations_delhi_nc
GW4 BioMed Candidate Support Webinar 2025
faiz-khans about Radiotherapy Physics-02.pdf
principlesofmanagementsem1slides-131211060335-phpapp01 (1).ppt
Neurological complocations of systemic disease
CHROMIUM & Glucose Tolerance Factor.pptx
Unleashing the Potential of the Cultural and creative industries
IS1343_2012...........................pdf
anganwadi services for the b.sc nursing and GNM
Health aspects of bilberry: A review on its general benefits

Time critical user centred web design

  • 1. Time critical user centred library web design @AntonyGroves
  • 3. Kellie Mote and Mark Ayton ‘Strategic approaches to implementing accessibility’ https://drive.google.com/file/d/1lVDVvIw4dmv5eCQEQvElHn9gofNfTcw9/view
  • 4. Proactively working towards the Government deadline of 23RD September to make our website accessible Reactively working to make our website and services as useful as possible following closure on 20th March
  • 6. 2019 saw over a million visits to the Library website; 6,170 on busiest day (Tuesday 14th May).
  • 7. Government Design Principles • This is for everyone • Start with user needs • Design with data • Build digital services, not websites - A service is something that helps people to do something. Our job is to uncover user needs, and build the service that meets those needs. Of course much of that will be pages on the web, but we’re not here to build websites. • Iterate. Then iterate again www.gov.uk/guidance/government-design-principles
  • 8. Start with user needs •Spoke to academic community and gathered feedback •Over 100 pieces of feedback collected and grouped into four main themes: architecture, behaviour, content and labelling •‘Top Tasks’ identified (e.g. searching for and finding books, booking rooms, accessing account) https://alistapart.com/article/what-really-matters-focusing-on-top-tasks/
  • 9. • Architecture: “Confusing having two types of navigation” • Behaviour: “Have never used Library Search tabs” • Content: “More photos of the Library and more infographics” • Labelling: “Skills Hub should have a description mentioning academic skills”
  • 10. Design with data •Benchmarked with other institutions •Looked at analytics - most/least viewed pages, along with bounce and exit rates •Ran ‘card sorts’ to determine site structure •Created user stories to help edit pages
  • 12. User stories 17,892 views of this page (and subpages in Autumn term 2019). This page had a bounce rate of 8.43% and an exit rate of 2.12% (similar to ‘Study rooms’ page). The ‘Find a book in the Library’ page had 6,785 views compared with 1,182 in the 2018 Autumn term when it was located in the ‘Using the Library’ section. Views of Library News page (now in the new ‘News, events and workshops’ section) risen from 222 views to 1,154 over Autumn term. The new ‘Making your research available’ section has very low bounce and exit rates, and these have also dropped across the whole site, indicating that people are finding what they expect to.
  • 13. Iterate. And iterate again •There is still much to unpack and much to improve (and these should be ongoing pieces of work). •UX Group currently organising user testing. •Analysing usage to see which parts of the website are seeing fewer views and less engagement. •Working with teams inside and outside of the Library to make our digital services as useful as they can be to our community.
  • 16. Pivot
  • 18. Add
  • 20. Hide
  • 23. Revisiting Ranganathan: Applying the Five Laws of Library Science to Inclusive Web Design Ten changes we’ve made to the Library website since lockdown www.mmitblog.wordpress.com Questions?
  • 24. Usability 1. Think about some of the primary users/stakeholders of your service. From what you know about those users, what are they likely to be trying to achieve? Will this have changed in the past three months? 2. Write a user-story for that user i.e. As a… I would like… So that I can… 3. What do you think would be a top task for this user? Visit a page or service that you think they would use. How successful is it in helping them to fulfil their user story? Accessibility Part of the Government’s basic accessibility check will involve assessing your homepage, which is likely to be your most viewed page. 4. Enter the URL of you homepage into the Wave Web Accessibility Evaluation Tool. In particular look for any ‘errors’ or ‘alerts’ that are highlighted. You do not need to share with the group (but should with your institution). You can use the tool to look for missing alt-text, headers and more: it’s an invaluable resource. 5. Does your website have an accessibility statement? Can you find it easily and have you read it? How does it compare to the Governments sample accessibility statement? Exercises