Below the fold: Architecting a mission-critical department website

53
Below the fold Architecting a mission-critical department website Todd Bennett (@jtoddb) & Adam Forrand (@4and) mal152

description

A case study about making a departmental website better through user research, information architecture, content strategy, design and teamwork at Ithaca College. Presentation given at eduWEB11, 8/2/11, San Antonio, TX

Transcript of Below the fold: Architecting a mission-critical department website

Page 1: Below the fold: Architecting a mission-critical department website

Below the foldArchitecting a mission-critical department website

J. Todd Bennett (@jtoddb) & Adam Forrand (@4and)decimal152

Page 2: Below the fold: Architecting a mission-critical department website

Architecting a helpful (yes, helpful) Student Financial Services experience

Page 3: Below the fold: Architecting a mission-critical department website

A case study about making a departmental website better through

user research, information architecture, content strategy, design

and teamwork

…at Ithaca College

Page 4: Below the fold: Architecting a mission-critical department website

Ithaca College is a private college located on the South Hill of Ithaca, New York

Founded in 1892

Just over 6,000 students (mostly undergraduate) with 5 schools and 2 divisions

Page 5: Below the fold: Architecting a mission-critical department website

This is Bonny

She is not your presenter, but wanted to be.

Say hello to her on Twitter @bggriffith

Page 6: Below the fold: Architecting a mission-critical department website

The right mix of people

Benjamin CostelloWeb Applications Architect

Eric MaguireVP for Enrollment Management

Various LeadersStudent Financial Services

Bonny Georgia GriffithDirector of Recruitment Marketing

and us…

Page 7: Below the fold: Architecting a mission-critical department website

These people had a problem

Page 8: Below the fold: Architecting a mission-critical department website

Like most private colleges, IC is tuition-drivenIthaca’s total cost of attendance is $48,707

AND…They award $145 million in aid each year and85% of students receive some financial aid

Page 9: Below the fold: Architecting a mission-critical department website

They have very helpful people in their financial aid and billing office…

…but a not-so-helpful website

Page 10: Below the fold: Architecting a mission-critical department website

The background…

• Financial Aid and Bursar merged • Each had separate sites, with different CMSs• Tons of redundancies in content• Content repurposed from print• Sites were a maintenance nightmare• Bad user experience for everyone

Page 11: Below the fold: Architecting a mission-critical department website

But they wanted to…

•Make financial aid and billing easy to understand and the site easy to use

•Minimize maintenance headaches for the staff

•Develop a model for collaboration on future sites

Page 12: Below the fold: Architecting a mission-critical department website

Why bother?

Financial aid is a challenge nationwide

• Increased reluctance by families to take on debt and borrow money for college• Financial aid is very complex and difficult to understand• Families are in search of better tools to understand the process

Study: “Cracking the Student Aid Code”, College Board

Page 13: Below the fold: Architecting a mission-critical department website

Flickr JeremyBrooks

Page 14: Below the fold: Architecting a mission-critical department website

This was ONE page

1/8 of that page

(Enlarged for your viewing enjoyment)

Page 15: Below the fold: Architecting a mission-critical department website

Endowed scholarships

Federal Programs

NY State Programs

FAQs College Aid Programs

Page 16: Below the fold: Architecting a mission-critical department website

Flickr: Brandon Doran

Page 17: Below the fold: Architecting a mission-critical department website

Discovery

Architecture & Content Strategy

Content Design

Implementation

Testing

Page 18: Below the fold: Architecting a mission-critical department website
Page 19: Below the fold: Architecting a mission-critical department website
Page 20: Below the fold: Architecting a mission-critical department website

Discovery

Flickr: David G Crawford

Page 21: Below the fold: Architecting a mission-critical department website

• Front-line Financial Aid staff interviews

• Admissions staff interviews

• Conversations regarding content development and editorial workflows with key SFS staff

• A session regarding CMS capabilities, strategies and possible implementation tactics

Lots of meetings

Page 22: Below the fold: Architecting a mission-critical department website

• A focus group with current students

• Usability tests of the current Student Financial Services sites performed by current undergraduates

• A focus group with prospective students and their family members regarding concerns about valuing and financing a college education

• Interviews with prospective students and parents discussing their needs and preferences for financial information from colleges and its impact on enrollment decisions

• Jargon flash cards

Page 23: Below the fold: Architecting a mission-critical department website
Page 24: Below the fold: Architecting a mission-critical department website
Page 25: Below the fold: Architecting a mission-critical department website

Also looked at

•Entire .edu site•Directories•Index•Search•Letters•Publications•Telephone

24 references to “Bursar”

Page 26: Below the fold: Architecting a mission-critical department website

Student Financial Services?

“I usually call the bursar’s office and have them transfer me to financial aid”

Page 27: Below the fold: Architecting a mission-critical department website

WPM LCMS Ease of use Deeper site

HTML snippets More robust versioning

Control over who has access Approval workflows

One place for everything

2 content management systems…

… each with benefits and limitations

Required a hybrid solution

Page 28: Below the fold: Architecting a mission-critical department website

Architecture & Content Strategy

Mark Bennett

Page 29: Below the fold: Architecting a mission-critical department website
Page 30: Below the fold: Architecting a mission-critical department website
Page 31: Below the fold: Architecting a mission-critical department website
Page 32: Below the fold: Architecting a mission-critical department website
Page 33: Below the fold: Architecting a mission-critical department website
Page 34: Below the fold: Architecting a mission-critical department website

Content Design

Page 35: Below the fold: Architecting a mission-critical department website
Page 36: Below the fold: Architecting a mission-critical department website
Page 37: Below the fold: Architecting a mission-critical department website
Page 38: Below the fold: Architecting a mission-critical department website
Page 39: Below the fold: Architecting a mission-critical department website

Then we added the REAL content

Page 40: Below the fold: Architecting a mission-critical department website

decimal152 Office of SFS Communications

Working_Copy_ICContent_1.2.2.1_Ithaca_GrantsRevision1_ICContent_Revision2_ICContent_FINAL_ICContent_

Content Workflow

Page 41: Below the fold: Architecting a mission-critical department website
Page 42: Below the fold: Architecting a mission-critical department website
Page 43: Below the fold: Architecting a mission-critical department website
Page 44: Below the fold: Architecting a mission-critical department website
Page 45: Below the fold: Architecting a mission-critical department website
Page 46: Below the fold: Architecting a mission-critical department website

Flickr: Comunidade 0937

Putting it together

Page 47: Below the fold: Architecting a mission-critical department website
Page 48: Below the fold: Architecting a mission-critical department website
Page 49: Below the fold: Architecting a mission-critical department website
Page 50: Below the fold: Architecting a mission-critical department website
Page 51: Below the fold: Architecting a mission-critical department website

Post Launch Testing & Feedback

Page 52: Below the fold: Architecting a mission-critical department website
Page 53: Below the fold: Architecting a mission-critical department website

J. Todd Bennett

[email protected]://www.linkedin.com/in/jtoddbennett @jtoddb on Twitter

Adam P. Forrand

[email protected]://www.linkedin.com/in/adamforrand @4and on Twitter