+ All Categories
Transcript
Page 1: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Responsive approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Emily Daly, Head of Assessment & User Experience, Duke University Libraries

Charlie Morris, User Experience Development Librarian, NCSU Libraries

Kim Vassiliadis, Head of User Experience, UNC Libraries

TRLN Annual Meeting | July 23, 2014

Page 2: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

By the numbers

DUKE NCSU UNC

CMS Drupal Drupal WordPress

Timeframe Oct 12 - Jan 13 Nov 13 - May 14 Oct 12 - Aug 13

Consultants In-house + 1 content editor

In-house In-house

Content Editors 70+ 84 70+

# of Pages 910 (down from 4000+ pages)

1,617 nodes 360 (down from 30,000+ pages)

Page 3: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Responsive Update:

Scoped for Design

Page 4: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Before

Page 5: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

What our needs were

● Responsive Web Design● Flat design● User interface templates○ brand

Page 6: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Minimalist approach

● not a redesign● phased approach is okay● “Getting Real”

see http://gettingreal.37signals.com

Page 7: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Minimize disruption

boiling a frog

Page 8: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries
Page 9: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Addressing content

● address content in later phase● content inventory to keep

track of all pages and apps in terms of design

Page 10: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Desktop

Page 11: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Mobile

Page 12: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Some other bits

● Moved to git and GitHub● Implemented Capistrano v3 for fail-safe

deployments● Wrote our own Drupal theme for

Foundation 5● Actively soliciting feedback now● Kept bits of the old m.lib site that made

sense

Page 13: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Next

● Structuring content● Workflows● Updating remaining “classic” interfaces ● Information architecture

Page 14: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

UNC Intro slide here!

Website Redesign:

From the Ground Up

Page 15: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

● 30,000 manually coded files● No real content oversight● Organizational focused, not user focused

Why a Redesign?

Page 16: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

RIP1998 - 2013

Page 17: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

From This...

Page 18: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

To This!

Page 19: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Goal 1: DiscoveryUsers know where to start to conduct research or find information about the libraries and they are able to successfully find the research materials or information they need.

Goal 2: AccessUsers can easily access library materials, including books, journals, articles, DVDs, Special Collections, and digital collections.

* Access to Branches as open/available physical locations

Goal 3: ServicesUsers can easily find information about library resources, services and expertise available.

Goal 4: BrandingUsers view the Libraries as knowledgeable, reliable, helpful, consistent, welcoming, professional, and approachable

Goal 5: Device neutralityUsers can interact with the website on whatever device they use

User-Centered Website Goals

Page 20: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Worked with ALL content owners

Content Inventory

Page 21: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

● Wish List● Usability

User Feedback

Page 22: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Since Launch

Page 23: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Future Plans

● Content Audits● User Testing● Constant Care & Feeding

Page 24: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Website Overhaul:

A collaborative endeavor

Page 25: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Why redesign?

Page 26: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Project tenets

● User-centered

● Collaborative

● Transparent

● Iterative

● In-house

● Grounded in research, strategy & planning

Page 27: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Vision & Values

Page 28: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Research, research, research

Page 29: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Information Architecture

Credit: Murray Thompson

Page 30: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Time for content

Page 31: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Launch!

Page 32: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Assess, refine, repeat

Page 33: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

What’s ahead

Page 34: Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

Thanks for listening!

Emily Daly, [email protected]

Charlie Morris, [email protected]

Kim Vassiliadis, [email protected]


Top Related