104 th annual cla conference building our strengths
Download
Skip this Video
Download Presentation
104 th Annual CLA Conference: Building our Strengths

Loading in 2 Seconds...

play fullscreen
1 / 53

104 th Annual CLA Conference: Building our Strengths - PowerPoint PPT Presentation


  • 330 Views
  • Uploaded on

104 th Annual CLA Conference: Building our Strengths. 104 th Annual CLA Conference: Building our Strengths. Presented by Members of the California State University, Los Angeles Library Web Team:. Scott Breivold Media, Communications & Arts Librarian

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about '104 th Annual CLA Conference: Building our Strengths' - paul2


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
presented by members of the california state university los angeles library web team
Presented by Members of the California State University, Los Angeles Library Web Team:

Scott BreivoldMedia, Communications & Arts Librarian

Chad KahlInformation Literacy & Community College Outreach Librarian

Stephen SottongEngineering, Computer Science & Psychology Librarian

Holly YuWeb Development & History Librarian

overview
Overview
  • We began our site redesign project by:
    • Setting goals and priorities for the project
    • Conducting usability studies
  • Initial goals included:
    • Streamlining content, structure, and layout
    • Giving the site a new look and feel -- making the site more intuitive, aesthetically appealing, in-tune with the University’s new web site design
    • Utilizing new techniques and technology for displaying content (cascading menu and database-driven pages) to improve accuracy/currency and simplify maintenance
realities of recruitment old site
Realities of Recruitment - Old Site
  • Much more difficult than anticipated
  • 200+ volunteers…still had difficulty scheduling
  • Planned to use four groups of five
    • Lower division, upper division, graduate, faculty/staff/other
    • Of 20 originally selected, only half participated
    • Contacted 40 people for 17 slots
  • Met demographic goals for college and gender
  • Did not meet demographic goals
    • status, age, ethnicity, non-native English speakers
  • Offered inducements – copy cards and food
    • Grant funded
realities of administration
Realities of Administration
  • Labor intensive
    • Sub-group of five members plus two administrative assistants
  • Difficult to get two members to observe and record
    • Original plan: one moderator, two observers -- happened infrequently
  • Massive amount of data recorded and entered
    • Old site: 12 test and 8 debriefing questions multiplied by 17 users equaled 340 cells of information
    • Audio-recorded sessions for clarification
realities of testing
Realities of Testing
  • Questions asked almost as important as answers
    • Some questions were leading
  • In reality, it is difficult to test the research "process"
    • Process consists of many smaller tasks
    • Can only quantify "tasks"
  • Requires both quantitative and qualitative analysis
key findings old site
Key Findings - Old Site
  • Native vs. non-native English speakers
    • Non-native speakers had difficulty with 47.2% of answers
    • Native speakers had difficulty with 30.3% of answers
  • Experienced Internet users were less critical of site
  • Users ignored graphics and scanned text
  • No one used help screens
    • Faculty and staff only group that claimed to use them
more key findings old site
More Key Findings - Old Site
  • Questions missed by at least half of users
    • What is the title of any newspaper article about Jack Lemmon? (94.1% could not answer this)
    • Where can you find the magazine Sports Illustrated?
    • Where can you find information online showing how to do your research paper’s reference list in MLA format?
    • List three databases for finding journal articles in accounting.
usability testing new site
Usability Testing - New Site
  • Problem questions – still had improvement
    • What is the title of any newspaper article about Jack Lemmon? -- 71.4% in new site vs. 94.1% in old site
    • List three databases for finding journal articles in accounting -- 42.9% missed in new site vs. 47.1% in old site
  • 8 of 12 questions missed by one or fewer users
    • 2 of the 4 problem questions (missed 50+% in old site) were correctly answered by all users
issues identified by usability studies
Issues Identified by Usability Studies
  • Confusing language / terminology
  • Too busy / text heavy / link heavy
  • Lack of consistent look and feel on all pages
  • “What’s New” graphics viewed as ads and ignored
  • Needs a search feature
  • Database page layout was hard to use and time-consuming to update
objectives
Objectives
  • Re-categorize content / links on homepage and reduce the number of links
  • Integrate a searching capability by implementing a search engine, and FAQs
  • Provide a consistent navigational structure
  • Use database-driven pages to manage 140+ online resources
  • Implement style sheets and templates for easy maintenance and updating
  • Reduce content redundancy
  • Remove library jargon, and simplify terminology
methods used
Methods Used
  • Web team divided into small groups
    • Usability Studies
    • Structure
    • Design
  • Streamlining content
    • Category chart
    • Card sorting
    • Database driven approach
content re organization
Content Re-organization
  • Categories
    • About the Library
    • Doing Research
    • Services
    • Help
  • Navigational Structure
    • Navigation bar
    • Search functions
    • Text equivalent page
header navigation bar
Header Navigation Bar
  • About the Library
  • Doing Research
  • Services
  • Help
  • Find Books, etc.
  • Find Articles, etc.
  • Search
  • Index
  • FAQ
our redesign process
Our redesign process . . .
  • Examined library and commercial web sites for design concepts, color schemes, navigational approaches, etc.
  • Exchanged URLs and ideas -- lots of “virtual” brainstorming!
  • Design sub-group created numerous mock-ups
slide29
And still more mockups…

Somewherearound 80 in all…

other influences at work
Other Influences at Work…
  • Campus homepage design and departmental design standards were about to change…
  • University Public Affairs Office intervened
    • required use of newly designed header graphics
    • placed some restrictions on design/color scheme
  • Wanted cascading menus similar to campus page
  • Encouraged to include a multi-source search box
slide31
Current CSULA homepage

New CSULA homepage

cross browser issues
Cross-browser Issues
  • Can be done
    • requires using 2 graphics per menu item
      • lots of time to create graphics
      • difficult to maintain
    • load times of one minute+ at 56k
      • 1.5K per graphic
  • Alternative
    • text based menus
      • page loads quickly
      • easy to maintain
    • only works with modern browsers
      • IE5+, NS6+, Mozilla1+
      • must create text alternate for older browsers
resizable header
Resizable Header
  • Maintains position of all header elements
  • Uses two resizable data elements in table:

California State University, Los Angeles homepage

California State University, Los Angeles Library

California State University, Los Angeles Library

maintaining uniformity
Maintaining Uniformity
  • Used a single style sheet for all pages
    • sets background colors
    • sets page fonts
    • defines color scheme
  • Want to use database driven pages
    • single point for data updates
    • pages updated immediately
  • Used client-side includes
    • define content in one place
    • automatically update all pages
about database driven web technologies
About Database-Driven Web Technologies
  • Four major technologies
    • ASP: Active Server Pages
    • JSP: Java Server Pages
    • PHP: PHP
    • CFM: ColdFusion
  • All technologies work the same
    • psuedo-tags inserted
    • evaluated by server
    • results inserted in page
which one
Which One?
  • Which one does your organization use?
    • internal support
    • training
    • mentoring
    • reduced cost
  • What is your server & platform?
    • Windows: ASP
    • UNIX: JSP/PHP/CFM
    • LINUX: PHP
  • Money?
    • No money: PHP
  • Development tools available
    • used FrontPage to create pages
code needed for one table
Code Needed for One Table

<%

fp_sQry="SELECT *,''+DepartmentLiaison.Name+'' AS Expr1,DepartmentLiaison.DepartmentContact AS Expr2, PersonnelDirectory.Title ASExpr4, DepartmentLiaison.DepartmentLiaison AS Expr3 FROM PersonnelDirectoryINNER JOIN DepartmentLiaison ON PersonnelDirectory.Name =DepartmentLiaison.Name WHERE (DepartmentLiaison.DepartmentLiaison = 'English')OR (DepartmentLiaison.DepartmentLiaison = 'Asian American & Pacific Asianstudies') OR (DepartmentLiaison.DepartmentLiaison = 'Communication Studies')OR (DepartmentLiaison.DepartmentLiaison = 'Liberal Studies')OR(DepartmentLiaison.DepartmentLiaison = 'Modern Languages & Literatures')OR (DepartmentLiaison.DepartmentLiaison = 'Music') OR (DepartmentLiaison.DepartmentLiaison= 'Philosophy') OR (DepartmentLiaison.DepartmentLiaison = 'Theatre Arts &Dance') OR (DepartmentLiaison.DepartmentLiaison = 'Art') "

fp_sDefault=""

fp_sNoRecords="No records returned."

fp_sDataConn="Library"

fp_iMaxRecords=256

fp_iCommandType=1

fp_iPageSize=0

fp_fTableFormat=True

fp_fMenuFormat=False

fp_sMenuChoice=""

fp_sMenuValue=""

fp_iDisplayCols=4

fp_fCustomQuery=True

BOTID=0

fp_iRegion=BOTID

%>

additional concerns
Additional Concerns
  • Access to server
    • requires special access
    • only certain software can load pages
  • SQL virus
    • yet another Microsoft specific virus
    • infected our campus server
    • activation of new server postponed indefinitely
    • translated dynamic page output to static page
client side includes
Client Side Includes
  • Create uniform content with “Client side includes”
    • translates JavaScript “document.write” statements
    • into this

document.write("

University HomeUniversity LibraryUniversity HomeUniversity Library
")

client side includes cont
Client Side Includes - cont.
  • by adding an invocation in page

Recommended Websites--Accounting

University Library

ad