+ All Categories
Home > Internet > Responsive Approaches: Redesigning websites for Duke, NCSU & UNC Libraries

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

Date post: 21-May-2015
Category:
Upload: charlie-morris
View: 276 times
Download: 4 times
Share this document with a friend
Description:
In the last academic year, staff at Duke, NCSU and UNC Libraries redesigned their web presence to create more modern and user-centered sites. Staff at each institution had the same fundamental goal -- improve their website for their researchers -- but each approached the significant undertaking from a different perspective, incorporating research, communication strategies and assessment techniques most appropriate for their libraries and clientele. During this session, staff closely involved with the website redesigns at Duke, NCSU and UNC Libraries will describe their redesign process, the key changes they implemented, and their plans to maintain reliable, current and user-focused websites.
Popular Tags:
34
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
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]


Recommended