From Static HTML to Interactive Drupal: Redesigning A Library Intranet that Enables Collaboration and Social Interaction Huei-Lien (Elaine) Chen, Ph.D. November 4 th, 2011 Brick and Click Libraries 1

Project Overview What is the project about? o To redesign the library’s staff intranet, in order to: provide a more efficient intranet improve communication add a search capability reduce overload enhance positive user experience Project goal o To build a Drupal intranet that replaces the current staff intranet Project scope o In-house design and development that utilizes staff time, tools, and resources available in the library 2

Screenshot: Current Intranet (RodNet) Homepage 3

Progress What has been done? 1. Usage Survey 2. Site Inventory 3. Sitemap 4. Interface design 5. New Interface Survey 6. Site Mockup 7. Usability Test 4

Report 1: Usage Survey Results (N=23) 5

Usage Survey Results (cont.) How many years of minutes should be available on the staff intranet? 6

Usage Survey Results (cont.) What are the strengths of RodNet? 7

Usage Survey Results (cont.) What are the weaknesses of RodNet? 8

Usage Survey Results (cont.) What information do you have trouble locating on the current site? 9

Usage Survey Results (cont.) What features would you like to see added to RodNet to make it more useful to you? 10

Report 2: Site Inventory Information Architecture and Navigation System o inventory all the existing pages and associated files using a Google Docs Spreadsheet o distinguish the characteristics of each file to determine logical groupings o identify duplicated pages by content creators/reviewers o exclude pages that are no longer needed by content creators/reviewers 11

Report 3: Sitemap 12

Screenshot: Current Intranet Homepage 13

Report 4: Redesigned Intranet Homepage { } 14

Screenshot: The Café Page 15

Now… Let’s see the site in action 16

Report 5: New Interface Survey 17

New Interface Survey (cont.) 18

New Interface Survey (cont.) 19

New Interface Survey (cont.) 20

New Interface Survey (cont.) 21

Report 6: Site Mockup Technology tools/application: o Adobe Fireworks- images o Adobe Dreamweaver- webpages and navigation design o feed2js.com- RSS feed content ( o Google Calendar- upcoming birthdays o Google Customized Search- site search o Google Forms- surveys Some other resources: o Xmind.com- sitemap ( o Gliffy- flowchart ( 22

Report 7: Web Usability Study Results 23

Post-Test Survey What is missing from the homepage that you expected to see? “Not anything; easier to navigate now that used to layout; like annual reports and training.” “Nothing; job announcements?” 24

Post-Test Survey (cont.) What does not make sense about the site or is confusing? Groups – not sure what is so had to hover over it. Menu is too sensitive.” “Menu items; not expecting faculty and merit to be under groups, maybe under staff information instead.” “Nothing.” 25

Post-Test Survey (cont.) What other things would you change about the site? “Logo doesn’t stand out. It clashes. Make better use of bottom white space on homepage.” “More color; nothing like purple; OK the way it looks; way to personalize it or customize it; way to add more frequently used places.” “Nothing.” “Color banner; intense black in banner on right side; picture too grey.” 26

Post-Test Survey (cont.) What did you like about the site? “All is in front of your, click once or twice.” “Searched; like the horizontal links; menu good; calendar and schedules on homepage.” “Easier to navigate; announcements and training; Rod Tech Center; Like all the tech stuff together.” “Organization is better than old; likes training session.” 27

Post-Test Survey (cont.) Is there something that you accessed on RodNet on a regular basis that is missing or hard to find? “Forms but I see it.” “Nothing.” “Nope.” 28

Current Status The project is currently delayed… What issues have risen? Difficult to categorize some groups; for example: “Library Senator”, “task force”, “Future of the Library discussion group”, “Distance Learning Services”, “Instructional Services”, etc. Drupal authority and learning curves Time management Other issues 29

Milestones 30

Looking Ahead When is the next milestone? o Migrate the site in late 2011 and/or early 2012 o Train staff – the content providers such as department heads, committee chairs- for using the new Drupal site Known risks and issues o Lack of sufficient knowledge in using Drupal o Depends mainly on one student employee o Time management skill o Unseen reasons 31

Discussion Does your library have a staff intranet? Have you ever been through a redesigned intranet? What issues have risen and how were they resolved? What are your suggestions for this intranet?  or ? 32

Works Cited Battles, Jason. "Designing and Building a Collaborative Library Intranet for All." Journal of Web Librarianship, (2010): Web. 16 Feb Etches-Johnson, Amanda, and Catherine Baird. "Corralling Web 2.0: Building an Intranet That Enables Individuals." Journal of Web Librarianship, (2010): Web. 16 Feb Foss, Stewart. “Web Redesign Boot Camp: Top Trends in Higher Ed Redesigned Websites.” higheredexperts.com. Higher Ed Experts. Web. 16 Feb

Contact Information Huei-Lien (Elaine) Chen, PhD. Instructional Designer Colorado State University 34