Library Project Process Book

7/28/2019 Library Project Process Book

1/26


2/26

Home Page:

Large search bar,or better search experience. Dierent search bars or databases,journals, guides,and world cat vailable. Position o the search bar can be changed accoring to users desire. Movabale 24/7 live chat with a librarian available. Everything could be accessed right rom the home page. Important items are visible,less important can be accessed by hovering over navigations.

Table of Contents

Presentation

Project Overview

Primary Design Process- Research- Brainstorming- Sketching

Final Design Process- Research- Specifcation- Brainstorming- Sketches

Prototype Design- Lo-f Prototype- Hi-f Prototype

esting- Lo-f esting- Hi-f esting

Final Product

01

02

03

04

05

06

07


3/26

Page (Search Options):

ar to the home page,the search bar has a drop down menu which will list all theant to search or.Users can access worldcat site rom here as well. Also at the topame o the person logged in instead o the log in button.When a person logs in hisd in place o the login button.

Advanced search:

Using AJAX to open the advanded search options on the same page instead o navigating to new page. Users can select any felds, or example,title o the book,name o the author etc. Users can type in the exact lines rom a book or any media or some part o it too search that particular section. Users can select the subject,item type, date and language to get specifc results. Users can decided how many results they want to see per page so that they wont have to hit next over and over again. Users can also select to search external libraries as well.


4/26

h Menu:

o part Research Guides, and Research oolsh Guides has all the necessary guides thatll help student to fnd the appropriate amount o research.n make appointments with a librarian to get help on research.lso a How-to Guide which will help users learn how to use the guides available.

h tools have external libraries like the WorldCat,and the ReWorks.as a citation linker which will take them to a page where they generate citation or any material.

Service Menu:

Service menu lists all the services provided by a the li brary. Borrowing section lists all the links to borrow,renew,and rent book, media or other electronic media. echnology section lists all the links to rent technology rooms like media labs,and other services like printing,and scaning. Graduate services lists the links to helps graduate students Faculty sections lists the important links or the aculty.


5/26

Menu:

menu lists all the help options or the usersree sections,the frst one is the direct help rom a librarian via emails, chats etc.nd option is the link or tutorials,which will help the frst time users to use the website properly.r section lists the links or disability services,and emergency services.

Quick Links:

Quick Links lists all the links that ll help users to navigate around university websites,and fnd extra inormations. Itll help users to get back to blackboard, and emails without having to hit the back button. It also has the inormations about employments. Users can use quick links to go to the worldCat site directly. Users can go to my library rom the quick links. Users can also make appointments,and reserve study rooms rom the quick links.


6/26

esu t:

he page users will get when they hit the search button ater entering the search string.l the possible searches ound rom the search strings,and options used.et side it shows all the dierent categories o items available.n use select options to reduce the number o search results.n sort the search results by relevance,auther,date etc.on the let o the name o the item will let user know the type o the item.ar right side a color co-ordination o green pink and red is used to let the user know o the availability.

Result Expanded:

ed to expand the search result on the same page so that the users can decide i they want to see urther details.n save the item to My Library to use the research in the uture,and they can carry on with the research.

Result Details:

e appears when users click the title o the search result.s the detailed descriptions o the material along with all the links associated with it.

n save the research to My Library rom this page as well.n the bottom let will let the users know where to fnd the material.rs can email or text the item to themselves or riends to help others with research.


7/26

rary age:

he profle page o a user.ed to login to access this section.n add,edit, and delete projects.earch added rom the search page will land to the specifc project they saved it to.e date is displayed on the right which will turn red when the due date is near.option will cite that particular book,or article without any urther hassle.sort their project by name or date,they can move the order any way they want.


8/26

Project OverviewDesign ProcessHome Page Home Page Research

Te main objective of this project was to identify a library website, and solvethe usability problems in that website.

Outcome:

A demonstrated ability to give organization and structure to complexinormation based on research and user testing. Ten comprehensivelydocument and summarize the process verbally and in writing.

Process Steps:

Research: conduct and document a visual survey o libraries and librarywebsites with photographs,screen grabs, scans,and/or sketching.Begin to develop personas by interviewing students rom your assigneddiscipline.Begin developing inormation architecture,create cards andconduct card sorting research. Develop inormation hierarchy options.Complete and post personas or one library user.Continue researchinto library sites,ocus on inormation architecture.

Research online searching.Wire rame,create a wire rame or eachunique layout discovered in your visual audit.Present and discussscenario test results make appropriate adjustments to designs.


9/26

Design Process Design ProcessHome Page Research Search Result Research


10/26

Design ProcessSearch Result Research

Design ProcessAdvanced Search Research


11/26

Design ProcessBrainstorming

Design ProcessInterview

Participant 1:

Howotensiteuse?Once a sem at least, 10-20 times a sem or more depends upon theclasses,and number o papers

What isLibrar yWebsite or?Basically to nd books,research databases, request a book.

What would you change? Why?Make the search better,make it like Google.I dont like to click linksater links,and I wish it would site everything or me.

What works?It has a big database.

What doesntwork?oo many things cluttered in one page.

What arethey accessing?Databases,depends upon what I need.

DemographicinoSt.Louis,MOEnglish major,Honors.

Year incollege, grad school?Junior,I will work or ew years rst.

Participant 2:

Howotensiteuse?Few times a semester,10 to 20 times, depends upon the classes Imtaking,and number o papers.

What isLibrar yWebsite or?Mostly to nd reerences or papers,journals,and articles, anddatabases.

What would you change? Why?Physical access easier,make it easier to search, make a separate account,separate tab,world cat not very helpul,mackay search not very helpul.

What works?Tings separated in groups according to their type.

What doesntwork?Never gured out how to use citation.

What are theyaccessing?Worldcat site,and databases mostly.

DemographicinoBoise,IDEnglish major,minor in graphic designranser student,assioates rom boise state

Year incollege, grad school?Senior,no grad school plan right now. Looking or internship.

Participant 3:

Howotensiteuse?Depends upon the classes.10-15 times a semester.

What isLibrar yWebsite or?Research,book checkouts.

What would you change? Why?Clear the home page,search engine make it work better.

What works?Once you know how to use it, its not very dicult.

What doesntwork?I have to go through a lot o pages to get to the material I want.

What are theyaccessing?ReWorks,Search,Database,Worldcat.

DemographicinoHammond,LAEnglish major,Honors

Year incollege, grad school?Senior,Looking or internship.


12/26

Design ProcessMind Mapping

Design ProcessHome Page Primary Sketches


13/26

Design ProcessSearch Result Primary Sketches

Design ProcessConcepts Exploration


14/26

SpecifcationsExecutive Summary & Criteria

SpecifcationsPersona & Scenarios

NAME: Mallory Schlegemilch

MAJOR: English

AGE: 23

LOCAION: Rexburg, Idaho

UNIVERSIY: Brigham Young University - Idaho

SANDING: Senior

Education:Currently enrolled in an undergraduateEnglish programwith an emphasisonProessionalwriting. Also hasclusters ingraphicdesign, and web design.

Devices Used: Andriod phone Computers(Macand PC) iPad

Technical Skills:Knowshow to useeaturesthat sheneedstouseregularl y, but isnot very good at solvingnew technicalproblems. Eagerto learn newtechnology, and theireatures.

Technology Skill Level:Novice,Average, Advanced, Expert

StudentDescription:Mallory isan English majorwith an emphasison Proessionalwrit-ing. Shehasinterest in writing, and editingarticles ormagazines, andnewspapers. Shesalso interested in designingarticles, and magazinesso shehas clustersin Graphicdesign, and Web design.

PaperResearch:Every semestershe hasto writenumerouspapers, and orthose papersshehas to collect a lot oreerences supportingher arguements. Sheusually collectsdata romthe universityslibrary websites. Shevisitsthewebsiteatleast 10 to 20 timesper semester.

Key Goals:Shelikes to nd data easily on thewebsitewith an input ogood searchstring. Shedoesnt want to diginto linksaer linkswithin thewebsite.Also shed liketo copy/pastethe ciation directly romthe websiteorthearticle shesquoting.

Challenges:Tesearch results arent efcient enough to display theresult like shewants. Citationsor thearticles areavailable, but shesnot happy withwhat they haveright now. Also thewebsiteis cramped with a lot olinksthat shesnever used.

USER PERSONA

Scenario 1:

Mallory is trying to write a paper or one o her Engl ish classes.Shehas to have at least 20 reerences rom outside source in her paper.Itsriday,and she has a date in 2 hours.She doesnt have time to reador make notes o the reerences.She just wants to save a list o theresearch materials she liked,and she wants to use it later.

Scenario 2:

Mallory spent all week with riends, and on Facebook.She has alreadyprocrastinated to the maximum level.Her paper is due in hal hour,and shes already completed it. However she hasnt even started hercitation.She thought she could just copy/paste the citations rom the

library website.She goes to the website,and looks or it,ater diggingdierent links she nally nds a citation or the article she was using,

but it wasnt in the orm she wanted.Also the links to citation wasburied into many other links.She wished she could nd it in one click.

Scenario 3:

Mallory is writing a paper on drunk driving. She is looking or aspecic book,and she wants to nd it my typing it in the searchengine.However when she types the search string, the result is notsatisactory.She didnt get what she was looking or.Also there wasno way to gure out i it was handbook,ebook, audio book,or a video.She had to go through a lot o links to nd out the location o thebook,yet it didnt say what kind o media it was.

Executive Summary:

Helping students write papers easily,by providing easy access to all thematerials in the library.

Justication:

Te main objective behind the re-design o this website is to solve allthe existing usability problems in the website.Te new website will

be easier to use or the rst time users,as well as someone who knowshow to use it.Onl y the most important eatures o the website vill bevisible on the home screen.Other important links will be hidden inthe navigation bar.Users can look at all the links beore entering thepage.Tis will save time or the rst time users,as they dont needto click into every links to see whats in that particular link.Also aquick link tab will provide easy access to the University websites,aswell as secondary important links.Users will be able to make searchor dierent types o data right rom the home page.For example,database,journals, course guide,all will have their on search bars righton the home page.Tey can also access all o those rom the dropdown menu on the main search bar.Te navigation, and search willbe ound in every page o the website.Tis makes it easier to makesearches as they dont have to go back to the home page over,and overagain.Additionally,the advanced search link will bring out all theoption on the same page instead o redirecting to a new page. Tis willsave time,and users dont have to go back, and orth rom the homepage i they want to go back.

Another major eature added to the website is the My Library page.Tis is a prole page or the users.Tey can save all o their researchesin this page.Tey can add, and delete projects,and cite the materialsright orm that page without even having to open another page.Tispage will also notiy them the due dates or their projects.

Criteria:

Priority1:

1.Novice users will be able to make searches,and locate results.2.Advanced users will be able to use My Library,and access all other

eatures like other search engines.3.Users will be able to locate cite linker,and c itation is made easier.4.Navigation made easier.

Priority2:

1.Advanced users will be able to use advanced search as per theirrequirements.

2.Access to university website made easier.

Priority3:

1.Users will be able to use inormations rom all the navigations.2.Users will use chat oten to get help.


15/26

Design ProcessDetailed Brainstorming

Design ProcessWireframes

Home Research Service My Library Help

L og in Q ui ck L i nk s

Search

Link 1Link 2

Link 3

Link 4

Link 1

Link 2

Link 3

Link 4

Link 1

Link 2

Link 3

Link 4

Database

Journals

WorldCat

Course

Search

Dropdown1

Dropdown1

Dropdown1

Some Text

Some Text

Some Text

C ou rs e L an gu ag e D at e RPP

Include externallibraries.


16/26

Design ProcessWireframes

CheckboxSelected checkbox

Checkbox

CheckboxSelected checkboxCheckbox

CheckboxSelected checkboxCheckbox

Search

TitleAuthorDescription

Available

Extra stuff

Search

Name

Major

Courses

Results Add New

Project 1

Lorem ipsum dolor sit amet, maioresornare acfermentum, imperdiet utvivamusa, nam lectus at nunc.Quam euismod sem, semper utpotenti

Delete

Due Date

Design ProcessLo-f Prototype

Hi- Protype o the Home Page

Tis is the lo- digital comp I used to do the rst testing.I designedthese pages to solve the usability problems.My major inspirations werethe library o BYU,library o the Boston University,and CaliorniaState University,Fresno.I tried to minimize details as much aspossible.All o my test participants complained about the searchoptions,so thats the main ocus o my website.


17/26

Testing ILo-f Prototype Testing

Hi- Protype o the Search Result Page

Introduction:

Tis is the rst testing o the website.It s just starting to take shape,and I wanted to know i I was heading towards the right path.Te testparticipants were the same people I interviewed at the beginning o thedesign process.

Participant1:22 years old.Single.Has be been using library website for three years now.

Writing Center utor.English major.Uses smart phone.

Participant2:24 years old.SingleHas be been using library website for past eight semesters.

English major.Uses smart phone.

Participant3:24 years old.Single.Has be been using library website for three years.


Observation:1. All participants liked the visibility o search bars.2. All the participants were able to identiy the navigation on home screen.3. Participants were consused at rst on the selected navigation button.4. Participants wanted more inormation on result page.5. Participant wanted a way to tell books were available.6. Participants wanted to know what kin o item is listed in the result.7. Participants wanted to try advanced search button.

Reccomendation:1. All the participants wanted the navigation to be more prominent.2. Participants wished the use the advanced search button.3. Show the availability o all the displayed results.4. Show more descriptions on the search results.5. Show more live help options.6. Keep the search consistents on all pages.


18/26

Hi- Protype o the Home Page

Design ProcessHi-f Prototypes

Hi- Protype o the Advanced Search Page


19/26

Hi- Protype o the Search Result Page

Hi- Protype o the Drop Down Menu


20/26

Final TestingHi-f Prototype Testing

Introduction:

Tis is the nal testing o the website.I dont have all the pages,butI tested with all the major components, and according to all threescenarios.I used the same participants again,so they knew what theywere doing this time,and it was easier to test.Te main purpose o thiswebsite is to minimize the disturbance in the home page or a noviceuser,and hide the extra eatures,and links or the advanced userswithin the home page.Also I tried to reduce the number o click,andredirection to a new page as much as possible.

Participant1:22 years old.Single.Has be been using library website for three years now.Writing Center utor.


Participant2:24 years old.SingleHas be been using library website for past eight semesters.


Participant3:24 years old.Single.Has be been using library website for three years.


Observation:1. All the participants were able to identiy the navigation on home screen.2. Participants liked the new navigation buttons.3. Participants couldnt nd WorldCat site4. Participant wanted to access,University ilearn.5. Participant wanted a live chat open all the time.6. Participants didnt care much about the foor maps.7. Participants liked the idea o the My Library prole8. Participants liked grouping o items,in header and ooter.9. Participant liked the new search results.

Reccomendation:1. Keep search bar consistent on all pages.2. Make search results more prominent,and detailed.3. Live chat open in the pages instead o having to open a new page or it.4. Make worldcat site more visible.5. Appointments or research should be made easier.6. Make the page remember your prole.

FinalConclusion

Conclusion:

Te nal webpages are listed ater this page.I think I did solve a lot othe existing usability problems in the website.I wish I could add somemore pages to explain the concept urther,but this took me a lot otime,and everytime I designed a new page, it had to be explained byadding another page.Tis lead me to have so many dierent pages.

Although my test audience were all English majors,I ve designed thiswebsite or all majors,and rom novice to advanced users.It was verydicult to determine what inormation to show,and what to hide. Iwanted to make it simple,but I didnt want to take away everything sothat the user might have diculty nding research even more.

I tried to make the home as simple, and easy to read as possible,andhid all the other options around the home page.For example the nav-igation at the top has drop down menu which shows the users whatoptions they have in those elds.Tey dont have to click, and go to anew page to know whats in that tab. Also Te quick links at the topright corner lists all the options reqiured or other than research.It hasoptions to take you directly to the ilearn,email, so users dont have tohit back button or start a new page.

Te advanced search page opens in the same page,this reduced onemore click,and i the users dont want to use it they can just ignore itright there.Also I took the reccommendations o the users to add aseparate search or WorldCat site right in the home page,along withthe Journals,and Database searches.

Also I created a new unction called My Library.Tis option lets us-ers to keep track o all o their researches.However,users have to belogged in to use this eature.Tey can add, and delete projects. Alsothey can cite the materials right rom this page. It will also notiy userso the due dates.

Te search results can be expanded in the same page to see the extradetails,and they dont ahve to go to the new page.Also they can clickin the title to go they more detailed page so that they can get urtherinormations i they want.

Learning Summary:

Once again I learned that a problem can be solved in many dierentways.I saw some o the other designs by other students,and they hadtheir own explainations or the designs.One o the most challenging,things to do while desining a library website is the management oall the inormations.I think the websites are crowded with all loto inormations or a reason.However,they look so cluttered in thepage,because they arent organized very well.Te best way to x thisproblem is to use the principle o proximity,and group similar itemstogether.My major source o inspirations were,University o Boston,and BYU library websites.Tey had solved the problem very well.

I could still use a lot o user testing,in my nal product, and get moreeedback.Also the prole page can be simplied a l ittle or may be Icould use some icons to create more space.I used texts so that usersdont get conused,and theyd know what each buttons do.

Tis was very lengthy process,and Im glad its nally over,but in themean while I think it made me a mature designer.I learned a lot romthe researches,and rom the group members.I wish I could make aworking prototype,and test it.


21/26


22/26


23/26


24/26


25/26


26/26

Library Project Process Book

Documents

Transcript of Library Project Process Book