blueprint for success - library association of alberta 2009... · usability testing #1, card...
TRANSCRIPT
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.