"Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012,...

64
@teengily @stacker website relaunch uncovered

Transcript of "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012,...

Page 1: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

@teengily

@stacker

website relaunch uncovered

Page 2: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

2000

Page 3: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

2004

Page 4: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

2006

Page 5: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

2012

Page 6: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 7: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

In desperate need of repair

Page 8: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 9: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

Website reskin

Page 10: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

Design

Page 11: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 12: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 13: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 14: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

One brand to rule them all

Page 15: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 16: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 17: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

Website functionalities

Page 18: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 19: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 20: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 21: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 22: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 23: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 24: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 25: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 26: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 27: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 28: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 29: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 30: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 31: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 32: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 33: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 34: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 35: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

Content and information architecture

Page 36: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

Identify content owners

Initial meeting

Web requirements form

Audiences

Business requirements

Future development

IA

User test

Review IA

Sitemap

Stage 1: pre-CMS

Stage 2: Migration

Stage 3: Post-launch

Stage 4: Future development

Review & revise content

Feedback & discuss

Content sign off

Copy

Images

Videos

Tags

Content review process

Page 37: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

Target online audiencesGallery visitors (site-seers; first time visitors)

Regular exhibition and event visitors

Families and children

Teenagers and young adults

Adult learners / self-improvers

Students

Researchers

Teaching staff

Artists and designers

Museum professionals

Press professionals

Sponsors/FundersGovernment and funding professionals

Members

Patrons

International (non-English speakers)

Local community

Page 38: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

Students- Core: Young Tate, Researching work or artist or theme (Collection, online resources), research

by Tate, jobs or work experience, public research facilities- Secondary: What’s on, Visit, Ebulletins, Blog- Tertiary: Membership

Researchers

- Core: Information about work / artist / theme (Collection, online resources); academic research carried out by Tate, jobs, public research facilities; catalogue entries; referencing Tate

- Secondary: Research projects, Blog, What’s on, Visit, Ebulletin- Tertiary: Shop (Tate Publishing)

Self-improvers (adult learners)

- Core: What’s on; information about work / artist / theme (browsing); Blog; Membership; Ebulletin

- Secondary: Visit- Tertiary: Projects

Teachers

- Core: school visit information, classroom resources, what’s on for schools (exhibitions, events)- Secondary: teachers development programme, Collection, Blog, school projects- Tertiary: Tate Kids, Young Tate

Example users and goals

Page 39: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 40: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 41: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 42: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 43: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 44: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

Nuts and bolts

Page 45: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 46: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 47: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 48: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 49: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 50: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 51: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 52: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 53: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 54: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

Life after the launch

Page 55: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 56: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle
Page 57: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

http://www.tate.org.uk/art/artworks/british--school-title-not-known-t11310

Page 58: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

http://www.tate.org.uk/art/artworks/deller-the-history-of-the-world-t12868

Page 59: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

http://www.tate.org.uk/art/artworks/blake-nebuchadnezzar-n05059

Page 60: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

http://www.tate.org.uk/art/artworks/celmins-jupiter-moon-constellation-ar00481

Page 61: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

http://www.tate.org.uk/art/artworks/wyllie-the-battle-of-the-nile-n01697

Page 62: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

http://www.tate.org.uk/art/artworks/guo-qiang-mr-ye-who-loves-dragon-t11985

Page 63: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

http://www.tate.org.uk/art/artworks/turner-the-scarlet-sunset-d24666

Page 64: "Tate Website Relaunch: How to Survive a User-Centered Design Process" #mcn2012dsrpt MCN 2012, Seattle

@teengily @stackerhttp://www.tate.org.uk/art/artworks/ruscha-the-end-1-t07512