blueprint for success - library association of alberta 2009... · usability testing #1, card...

Blueprint for Success Website redesign that works!

How can you get from here …

…to here…

…to here?

MacEwan LIS Project Management

Proposal and approval

Prioritization

Documentation Sponsor

Key Elements

Web Redesign Process

Define and Plan

1

Web Redesign Process

Develop Site Structure

2

Visual Design and Testing

3

Building and Integrating

4

Launch and Beyond

5

“The more you plan the luckier you get.”

Step 1: Define and PlanStep 1: Define & Plan

Get a team …

Step 1: Define and Plan

Gary

Margaret

Stewart

Gord Sonya

Kathy

Step 1: Define &Plan

Identify helpful resources …

Step 1: Define and PlanStep 1: Define & Plan

Develop key planning documents …

Step 1: Define & Plan

Key Document:Survey

Step 1: Define and PlanStep 1: Define & Plan

Step 1: Define and Plan

Key Document:Specifications Sheet

Step 1: Define & Plan

Step 1: Define and Plan

Key Document:Project Definition

Step 1: Define & Plan

Step 1: Define and Plan

Key Document:Project Plan

Step 1: Define & Plan

“Getting information off the Internet is like taking a drink from a fire hydrant.”

-Mitch Kapor

Step 2: Develop Site StructureStep 2: Develop Site Structure

A) Content:Site Audit

Step 2: Develop Site StructureStep 2: Develop Site Structure

Identify and map

every page

A) Content:Content Review

Step 2: Develop Site Structure

Develop strict criteria

to get rid of the junk

Step 2: Develop Site Structure

A) Content:Assign Ownership

Assign specific names

to specific content

Step 2: Develop Site Structure

A) Content: Content Delivery Plan

Outline the fate of allcontent, (new and old)

Step 2: Develop Site Structure

A) Content: Monitor content delivery

Content will be late.

Plan for it.

Step 2: Develop Site Structure

B) Site Organization:• Talk to your designer

• Look at great sites

• Start grouping chunks of content

• Test with your users

Step 2: Develop Site Structure

B) Site Organization: Usability Testing

“On the Web, usability is a necessary condition for survival.”

~ Jakob Nielson

Step 2: Develop Site Structure

B) Site Organization: Usability Testing #1, Card Sorting

Step 2: Develop Site Structure

B) Site Organization: Usability Testing #1, Card Sorting

Step 2: Develop Site Structure

B) Site Organization: Usability Testing #1, Card Sorting

Step 2: Develop Site Structure

B) Site Organization: Develop final

site map

Step 2: Develop Site Structure

C) Page Organization:

Wireframe page design and layout

It doesn’t need to be fancy

Step 3: Visual Design & Testing

“Graphic design is the paradise of individuality, eccentricity, heresy, abnormality, hobbies and humours.”

~ George Santayana

Step 3: Visual Design & Testing

Develop Prototypes:From wireframes

Use prototypes to create templates

Step 3: Visual Design & Testing

Mock-up Empty Site :Confirm the linking and flow and test

(and test and test …)

Step 4: Building & Integrating

Step 4: Building & Integrating

A) Re-evaluate Planning:Do you need a content management

system?

Step 4: Building & Integrating

A) Re-evaluate Planning:You may need

more help!

Shout out to Oyoaha!

Step 4: Building & Integrating

B) Build:Set the file structure and begin creating pages, adding the content that’s been returned.

Consider releasing an early

version in a “soft launch”

Step 4: Building & Integrating

C) Test: Usability Testing #2, Task-based

Need volunteers? Try bribes

Step 4: Building & Integrating

C) Test: Usability Testing #2, Task-based

Encourage participants to

think aloud and record your observations.

Step 4: Building & Integrating

D) Training:Train staff in

new software

and new web

policies

Step 5: Launch & Beyond

A) Prepare for launch:• Timing

• URLs and technical details

• Publicity

• Fate of the old site

Step 5: Launch & Beyond

B) Launch:

Don’t forget to celebrate!

Step 5: Launch & Beyond

C) And Beyond:Plan for the ongoing maintenance and

development of the site.

What We Learned

Formal project management processes (really) work.

What We Learned

It helps to have a member of management on the team.

What We Learned

Outsourcing can help solve timeline crunch.

What We Learned

When in doubt, test.

Thank you! Questions?

Gordon Bertrand, bertrandg@macewan.ca

Sonya Betz, betzs3@macewan.ca