Blues Bros. Design. #onamissionfromg*d



Similar documents
Web Standards. Chapter Organization To better organize this chapter, topics are grouped according to content, design and technical criteria.

Message from Marketing & Creative Services

Contents. Release notes: February 2014 SC

The University of Edinburgh Information Architecture Guidelines Version 3

QUICK START GUIDE FOR CLUB WEBSITES

Website Design/Development & Internet Marketing Planning Guide

Aviva. Mobile Style guidelines v1.0

Google Sites: Creating, editing, and sharing a site

Harvard Graduate School of Design: Heuristic Evaluation Report

WEBSITE DESIGN CONSIDERATIONS

The finalisation of the web design will be based on an indicative homepage design submitted by showpony Advertising.

CCSIF Website Content Analysis and Usability Evaluation

How To Change Your Site On Drupal Cloud On A Pcode On A Microsoft Powerstone On A Macbook Or Ipad (For Free) On A Freebie (For A Free Download) On An Ipad Or Ipa (For

Terminal 4 Content Types. Need help? Call the ITD Lab, x7471

IT Academy Lesson Plan

css href title software blog domain HTML div style address img h2 tag maintainingwebpages browser technology login network multimedia font-family

Microsoft Office System Tip Sheet

UMKC Website Starter Kit

Themes and Templates Manual FOR ADVANCED USERS

Creating an with Constant Contact. A step-by-step guide

BEST PRACTICES DESIGN

What is a web site? The Basic Framework. Why Should I Choose the Web Site Category?

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.

NDSU Technology Learning & Media Center. Introduction to Google Sites

University of Manitoba Web Standards Guidelines. Version 4 - August 2012

Online Brand Guide JANUARY 2013

Web Design Standards

Creating an with Constant Contact. A step-by-step guide

Graphic Design Best Practices

Style Guide Provided courtesy of Innovative Emergency Management Inc.

User Guide. User Guide Title Page Page i

The Website Makeover Show. Tips to improve your website design plus before and after images of website makeovers we ve done.

Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.)

Edline Manual Design Guide Version: November 2011

Introduction to Drupal

Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu)

Web design build questions to ask new clients David Tully Web Designer/Developer

Working with the Ektron Content Management System

Introduction to Microsoft Word 2003

Web Design.

User Guide. Chapter 6. Teacher Pages

New Jersey City University. Website Governance

College Public Website

IM 2701 Multimedia Design and Web Development BSc in Business Information Systems. Chapter 01 Introduction to Multimedia Design

CiviCRM for The Giving Circle. Bulk Mailing Tips & Tricks

Web Standards Guide The Warren Alpert Medical School of Brown University

Shoreline Community College elearning Best Practice Guidelines

Penn State Behrend Using Drupal to Edit Your Web Site August 2013

Developing Effective Marketing Materials: Newspaper and Magazine Print Advertising Design Considerations

Page Types/ Templates Home

RADFORD UNIVERSITY. Radford.edu. Content Administrator s Guide

Edline Manual Design Guide Version: September 2011

Module 6 Web Page Concept and Design: Getting a Web Page Up and Running

One of the fundamental kinds of Web sites that SharePoint 2010 allows

Joomla! template Blendvision v 1.0 Customization Manual

Saint Louis University Libraries Website Usability Study Fall 2014

Contents. Launching FrontPage Working with the FrontPage Interface... 3 View Options... 4 The Folders List... 5 The Page View Frame...

Microsoft Office System Tip Sheet

Microsoft Word 2013 Tutorial

Utah State University Web Standards

Tasmanian Government Web Design and Navigation Guidelines

Home Pages and Design

ENGINEERING AT ILLINOIS VISUAL FRAMEWORK

Web Developer Jr - Newbie Course

Dreamweaver Domain 2: Planning Site Design and Page Layout

Terminal Four (T4) Site Manager

Joomla! 2.5.x Training Manual

1.1. Design elements

Create a Simple Website. Intel Easy Steps Intel Corporation All rights reserved.

kompakt Konsortium Internationales Hochschulmarketing

css href title software blog domain HTML div style address img h2 tag maintainingwebpages browser technology login network multimedia font-family

Content Builder: How-To Guide

Chapter and Support Group Custom Web Page Creation

Using the Content Management System

Website Search Engine Optimization (SEO) Evaluation XXXXXXX

WEBSITE & DIGITAL MARKETING MUST HAVES NOVEMBER 9 TH, 2015 What They Are, Why You Need Them & How They Will Make Your Business Succeed Online

Create your own teacher or class website using Google Sites

CONTENTS. Effective Communication Six Steps to a Successful Newsletter Online Networking Chapter Mailings... 11

Module One: Getting Started Opening Outlook Setting Up Outlook for the First Time Understanding the Interface...

CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide

Brock University Content Management System Training Guide

Content management system (CMS) guide for editors

Club and Region Website Guidelines

Creating User-Friendly Web Sites

Center for Faculty Development and Support. OU Campus Faculty Website Guide

Alfresco Online Collaboration Tool

SVSU Websites Style Guide. Need help? Call the ITD Lab, x7471

Create Your Own Business Project

15 Features Every Great Website Needs

Google Docs Basics Website:

Business Analytics Enhancements June 2013

Your Blueprint websites Content Management System (CMS).

SmallBiz Dynamic Theme User Guide

38 Essential Website Redesign Terms You Need to Know

UH Libraries Website Redesign PEER WEBSITE COMPETITIVE REVIEW. Web Services, November 2014

State of Nevada. Ektron Content Management System (CMS) Basic Training Guide

Microsoft Word 2010 Tutorial

College and universities have a long history with

Evening MBA Content Audit

Transcription:

Blues Bros. Design #onamissionfromg*d Design brief prepared by Kathleen Dowling, Julia Marden and Kate Merlie for Lis 643- Information Architecture and interaction design

Mission Statement Blues Bros. Design was founded on January 23, 2013 with the purpose of redesigning the Pratt SILS website. Project Introduction The Pratt SILS website (http://www.pratt.edu/academics/information_and_library_sciences/) is part of the larger Pratt Institute web presence. The Pratt SILS program is the oldest accredited library school in the nation and is a respected name among librarians and information professionals. Today s Pratt students receive training not only in traditional librarianship, but also web design, digital information management, information architecture, and usability. Pratt has a reputation within the LIS community for training skilled and innovative information professionals that thrive in any work environment. Upon graduation, students find employment at a variety of libraries, cultural institutions, and commercial businesses in New York City and around the country. Blues Bros. Design aims to restructure the Pratt SILS website to better reflect the program s strong sense of community, reputation of academic excellence, and commitment to effective information management. Website Users Like any academic program, the Pratt SILS website must serve a diverse user group. Faculty members should expect to see an accurate representation of their

accomplishments and roles in the school. Current students should be able to easily find information related to their chosen concentration, such as current course offerings and degree requirements, and general updates from the program. In addition, prospective students should find accurate, up-to-date information about the program and the application process. Lastly, alumni should find information related to professional development as well as incentives to donate their funds, time, and expertise to the school.

SITE MAP Below is a representation of the SILS section of the general Pratt Institute website, and thus, it does not include Pratt s global navigation in the header of the page. The right sidebar and the footer have a consistent structure on each page, but the elements in the footer, as well as the last two elements in the right sidebar, occasionally vary on certain pages. This diagram reflects the elements that appear most frequently when navigating the website.

COMPARATIVE ANALYSIS To get a better sense of how other LIS programs structure their websites, we compared the Pratt SILS website to those of the top three library and information science programs in the country, according to US News and World Report: University of Illinois Graduate School of Library & Information Science University of North Carolina s School of Information & Library Science Syracuse University s School of Information Studies The following tables compare each school across six attributes we thought were essential to a good program website. Navigation Organization Readability Content Appearance Pratt SILS No clear path to prospective student Information; no breadcrumb trail on pages or site map; many broken or confusing links Clear labels for students and alumni; no labels for faculty or prospective students; functional sidebar and footer, but both have too many options to be useful Dense text; frequent spelling/grammar errors; lack of white space; confusing links Homepage has too much information; can t be easily digested; critical info often below fold; content does not appear to be frequently updated Site uses consistent styles; site uses social media buttons; images are few, bland and not illustrative; site relies too Syracuse I School Clear paths to information for all relevant users; no clear path to degree requirements; no site map Clearly labeled paths for all relevant users; consistent features and sidebar in each section; consistent and simple header Good use of white space, bullets, spacing; text is concise & explanatory, and the language used is simple Homepage is clear, concise and updated; missing crucial department info, but still adequate; each page has clear, descriptive and updated content Site uses consistent styles that render on multiple browsers; images are attentiongetting, high-res, and

Search Functionality heavily on text Web search by keyword and student directory; does not provide faculty or course options; search lacks instant results enhancement illustrative; appearance conveys quality of program, but not facilities Web search by keyword, course, and faculty directory; instant results enhancement; no student directory search Syracuse offers their website users a consistent design throughout the site, so that users don t feel like they need to learn a new navigation on every page. They also offer a clear concise homepage as a starting point for casual viewers. Navigation Organization Readability Content Appearance Search Functionality Pratt SILS Lacks a clear path to information for prospective students Site is not laid out in a way that makes sense for four user groups Pages are filled with lengthy text, jargon and too many links Content is outdated, repetitive, and often inaccurate or incomplete. Site does not reflect information design or architecture principles taught in the program Searches entire Pratt site and doesn t always return accurate or relevant information; filter function looks like web ads UNC SILS Offers clear navigation labels and clear paths for each of four user groups Has clear structure that seems to match user needs; makes use of persistent links in header and footer; featured news section is a starting place for casual readers Some pages are lengthy, but important information is clumped in tables and bullet points. Content is frequently updated and appropriately highlighted. Makes good use of photos, text and layout to convey values of the program Search box offers distinction between SILS and UNC search; advanced search seems difficult to use

UNC SILS has several features worth considering: A featured news section on the homepage serves as a great way to promote the program and is relevant to casual website browsers from all four user groups. Clear navigation, persistent links and a self-evident organizational structure make it possible for users to find specific information relevant to their needs Photo galleries and embedded photos make content more intriguing to prospective students and alumni However, we will need to look elsewhere for a good model of site search functionality. Navigation Organization Readability Content Pratt SILS Contained in left sidebar; site levels represented by indenting and varying text size within menu Lacks clear paths to information for prospective students, current students, faculty; Fonts and large amount of text make pages difficult to read; lack of clear headings to separate sections of content; inadequate space between text and photos Text-heavy; some content repeated on multiple pages; spelling Illinois GSLIS Clearly labeled navigation menu at top of each page; dropdown menus with large number of subsections; links to student, faculty, etc. pages not in top-level navigation; left sidebar navigation on individual pages. Straightforward structure; clear path to/organization of information for prospective students; paths to information for students, faculty, alumni less clear because put in secondary navigation under People Adequate white space and padding between different areas of content; columns on homepage are vertically uneven, could use more space between them Provides information that is most important to key user groups (i.e. admissions

Appearance Search Functionality and grammatical errors; difficult to quickly find key information Limited use of color; use of fonts that are relatively difficult to read Adequate search results; option to filter results by category; no advanced search option requirements, academic requirements, course offerings); clearly labeled sections of text; some pages that are text-heavy Consistent color scheme; small number of pages with overabundance of text sizes and colors; good balance between text and photos on most pages Search bar clearly visible in black box on each page; search results with related tags; varied advanced search options While the Illinois GSLIS website has its own flaws and limitations, it effectively conveys its content through consistent design elements and straightforward navigation. The site makes good use of color without, in most cases, affecting content readability, and it supplements text with relevant, attractive photos. The navigation menu is consistently located at the top of the screen, and an additional menu for a particular subsection appears in the left sidebar, giving users a clear sense of where they are. The homepage is dynamic, providing recent news, photos, and information about upcoming events. Conclusions The Pratt SILS website, as evidenced by the above analysis, is plagued by issues of organization, clarity, and consistency. Although the site offers a wealth of information, the way in which it is structured inhibits users ability to find the information for which they are looking. The homepage is laden with excessive text, and the text throughout the website is cluttered and disorganized. This overabundance of text also detracts from the already limited number of photos on the site. In addition, the navigation menu is confusing and does not provide key groups of users, such as prospective students and current students, with clear paths to relevant content. Pratt fails to serve relevant and accurate content to their four key user groups: prospective students, current students, faculty and alumni. The SILS program has a huge body of information to deliver: degree concentrations and department

information, news about faculty, alumni and the student body, images of the facilities and program, and many other updates. However, the SILS site misses many opportunities to make content more readable, findable or appealing. Syracuse, UNC, and Illinois all offer valid solutions that address the website s major flaws. Noteworthy features include a news section on the homepage, persistent headers and footers throughout the site, and uniform organization throughout each subsection on the site. Each competitor site also uses photographs and design to strategically communicate the ideals of the program. Based on our findings, we have decided to focus on four priorities in restructuring the site: A frequently updated news section that will appeal to those affiliated with or considering the Pratt SILS program A clear consistent navigation to make it easier for information seekers to browse the site An improvement on users ability to find accurate and relevant information, either through search, organization or some combination of the two Better use of imagery and design to make the site more readable and the program more appealing We believe that by focusing on these four areas we can redesign the site in a way that best meets the needs of our key users and gives our program a competitive edge against the best library and information schools in the country.