Redesign bestpractices

#dtsconf #redesignbp

Brooke Brooks

RedesignBest Practices

Redesign Card Sort

• Preparation• Considerations

Website Redesign

Preparation

Redesign preparation

will be the

key to your success

Good Redesign Prep

Bad Redesign Prep

• Timing

Preparation

• New branding• Backend restructure• Update presentation• Winchester House State

Winchester House

Winchester House

Winchester House

Winchester House

• Timing• Ownership

Preparation

Ownership = Switzerland

Everyone has an agenda.

Redesign Ownership

Technology

Redesign Ownership

Technology

Marketing

Redesign Ownership

Technology

MarketingRevenue Manage-

ment

Redesign Ownership

Technology

MarketingRevenue Manage-

ment

Customer Service

Redesign Ownership

Technology

MarketingRevenue Manage-

ment

Customer Service

Other

Redesign Ownership

Technology

MarketingRevenue Manage-

ment

Customer Service

Other

REDESIGNOWNERSH

IP

• Timing• Ownership• GoalsoMacrooMicro

Preparation

Macro Goals

• Increasing # of Visitors• Improve Bounce Rate• Increase Conversion %• Optimize APIs• Provide new or better

self-serve avenues

Micro Goals

• Path mission statement• Page mission statement

Goals

• Timing• Ownership• Goals• Assets

Preparation

Preparation Assets

• Site Map/Page Inventory

Site Map

Page Inventory

Preparation Assets

• Site Map/Page Inventory• Current State Functionality

Current State Functionality

Preparation Assets

• Site Map/Page Inventory• Current State Functionality• Component Library/

Style Guide

Component Library/Style Guide

• http://www.delldesignlibrary.com/

• http://www.starbucks.com/static/reference/styleguide/

• http://quince.infragistics.com/html/AllPatterns.aspx

• http://www.welie.com/patterns/index.php

Examples

Considerations

Metrics

SEO

Accessibility

Accessibility

Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to websites, by people with disabilities.

When sites are correctly designed and developed, all users have equal access to information and functionality.

• Determine when it’s needed• Define clear macro and micro goals• Consider who owns the redesign• Consider all stakeholders and agendas• Create solid preparation assets• Consider metrics• Consider SEO• Consider Accessibility

Redesign Best Practices

“Websites are about providing information and solving needs.”

– Vincent Flanders

#dtsconf #redesignbp

brookebrooks.com

RedesignBest Practices