Top reasons why product managers are still not using social media
The top of the list… More… Still more… More…
-
Upload
prosper-sparks -
Category
Documents
-
view
214 -
download
0
Transcript of The top of the list… More… Still more… More…
![Page 1: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/1.jpg)
Oh, I Just Use The Search Bar
Building a better website
Angele D. Mott NickersonTom McMurdo
Vermont Department of Libraries
![Page 2: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/2.jpg)
![Page 3: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/3.jpg)
The Path We’ll Take• Project History• Project Layout• Content Design• Usability Testing• Questions
![Page 4: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/4.jpg)
Project History
oThe Department of Libraries (VTLIB) site was tired.
oMultiple new state website templates had come and gone. VTLIB still using the same old site.
![Page 5: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/5.jpg)
Like an old shoeoComfortable,
familiar for us and experienced users, but not for new visitors.
oVisitors faced tremendously long lists. This page for basic reference is one of the more egregious examples:
The top of the list…
![Page 6: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/6.jpg)
More…
![Page 7: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/7.jpg)
Still more…
![Page 8: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/8.jpg)
More…
![Page 9: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/9.jpg)
More…
![Page 10: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/10.jpg)
More…
![Page 11: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/11.jpg)
Just about halfway through and I got tired of doing screen captures.
I developed a habit early on of just using the search bar to find what I wanted on our old site.
![Page 12: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/12.jpg)
Change neededoWe knew that we
needed a new website.
oBut, the task was daunting. So much information on the site, warrens, old information, multiple servers, many authors, styles, types of information…
Librarians’ Resources
![Page 13: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/13.jpg)
ChoicesoHow to proceed?
oDrupal is WYSIWYG, so how hard could it be? We can just do this in-house, right?
o I’ll just drop everything for the next six to nine months and do this. Ha ha. Agency of Agriculture site
![Page 14: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/14.jpg)
ChoicesoHire a consulting
firm? They won’t understand library issues.
oFortunate to be able to work with Angele Mott Nickerson, a librarian, to help design our site.
![Page 15: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/15.jpg)
Project Planning
Know where you are headed or you are bound to get lost on the way. Or worse, not
arrive at all.
oProject GoalsoResponsible PartiesoTimelinesoNecessary Documents
![Page 16: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/16.jpg)
Project PlanningoProject Deliverables
oStyle GuideoNew Website
o Using New & Old Content
o What happens if things go wrong?o How will problems be
reported?o Who should they be reported
to?o Responsible Parties o Who is in charge? o Who makes final decisions?
oReporting on ProgressoWeekly EmailsoRegular Meetings
![Page 17: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/17.jpg)
Project Planning
Style Guide
oWhat to cover?oFormattingoAbbreviationsoFormality oLittle Details of Writing
Project Timeline
oHow long do you have?oHow will you divide the
project?oBudgeting in extra time?oCheckpoints
![Page 18: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/18.jpg)
Style Guide• Writing Style• Friendly, yet professional• Short paragraphs • Fewer words• Avoid library jargon • Speak directly to the
reader
• Strong Organization• Use headings and bullet
points• Leave white space
• Images• Use in place of words• Use lots of them• Issues of copyright
• Word Choices• Avoid abbreviations• Standard for dates, times,
and other commonly used words
![Page 19: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/19.jpg)
Sharing and Training
![Page 20: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/20.jpg)
Project Timeline
![Page 21: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/21.jpg)
Digging Around Your Website
Website Content Audit
Find out what content already exists on your website.
![Page 22: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/22.jpg)
Oh’ The Things You’ll Find….
You cannot fix problems if you don’t know where to find them.
Use the audit as a discovery tool.
![Page 23: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/23.jpg)
Organizing A Website
Home Page
Services For Libraries
Public Libraries
News and Data
Online Resources
Library
Online Classes and
Learning
![Page 24: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/24.jpg)
Website Work1) Review of current website
content
2) Meet with individual responsible
to discuss current and future
content
3) Provide individual with list of
content I needed from them
and deadline
4) Receive and organize content
on new website
5) Review with responsible parties
6) Final edits and now moving on
![Page 25: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/25.jpg)
Website Work• “I’ll get back to you later
with my work.”• “But ALL of this content
needs to be there.”• “I never did it like that
before.”• “We’ll just change it back
when you leave.”
• Consult your project plan• Go over the style guide• Talk about the ultimate
goal of a better website• Tell them usability testing
says we do it this way
![Page 26: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/26.jpg)
Website Work• Timeline• Images• Chasing people to get
their work• Keeping limits in mind• Constant edits
• Consult the project plan• Ask questions, lots of
questions• Created “Go Back & Fix
Later” document • Used usability testing to
settle disputes• Let some things go
![Page 27: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/27.jpg)
Content Design
What do website users want to see?
oStrong top-down organizationoThe ‘F’ patternoMultiple discovery methodsoSimple wordso ImagesoClickable links
![Page 28: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/28.jpg)
![Page 29: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/29.jpg)
Displaying Content
Don’t• Long Lists• Too many words• Use lots of abbreviations• Too formal or too casual• “Click Here” for link title• Use bold and/or italics • Disorganized content
Do• Bullet Points• Get to the point quickly• Be clear on who and what• Professionally friendly• Tell users where a link goes• Choose an easy to read font• Use headings to organize a
page
![Page 30: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/30.jpg)
![Page 31: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/31.jpg)
How Do You Know It Works?
Try it out! See what happens!
Usability Testing
![Page 32: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/32.jpg)
Why Usability Testing?oGet you out of your
bubbleoFind problemsoDetermine user needsoSettle disputesoConfirm previous fixes
![Page 33: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/33.jpg)
How Does It Work?oChoose your volunteers
oDetermine task based activities
oMake clear to volunteers their role in testing
oDon’t let volunteers use the search bar
oAsk for suggestions
Does not need to be difficult. Just need a computer and
paper to take notes, you will learn a lot
![Page 34: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/34.jpg)
![Page 35: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/35.jpg)
Department of Libraries’ TestingoThree rounds of testing
oWritten notes and screen capture recording
oWritten report of testing results
oList of changes made
oRetested problem areas
Most important thing the Department did to improve the quality of their website
![Page 36: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/36.jpg)
Always More To Learn oProject Layout & TimelineoPolicies, Procedures, &
DocumentationoWebsite DesignoUsability Testing
![Page 37: The top of the list… More… Still more… More…](https://reader035.fdocuments.in/reader035/viewer/2022070409/56649e915503460f94b95d2f/html5/thumbnails/37.jpg)
Time For Questions