71
Southwark Council A design approach Tuesday, 11 May 2010

Southwark Council web design

  • Upload
    jadu

  • View
    2.738

  • Download
    0

Embed Size (px)

DESCRIPTION

This is a presentation on the design process that was used for Southwark Council. This process was designed to involve users at all stages.

Citation preview

Page 1: Southwark Council web design

Southwark CouncilA design approach

Tuesday, 11 May 2010

Page 2: Southwark Council web design

My name is Christina FowlerWeb designer at Jadu

@XtinaSparkle

Tuesday, 11 May 2010

Page 3: Southwark Council web design

Southwark CouncilCustomer service

Tuesday, 11 May 2010

Page 4: Southwark Council web design

Tuesday, 11 May 2010

Page 5: Southwark Council web design

Tuesday, 11 May 2010

Page 6: Southwark Council web design

Tuesday, 11 May 2010

Page 7: Southwark Council web design

Customer service goals were not being met by website

Tuesday, 11 May 2010

Page 8: Southwark Council web design

Tuesday, 11 May 2010

Page 9: Southwark Council web design

Tuesday, 11 May 2010

Page 10: Southwark Council web design

Tuesday, 11 May 2010

Page 11: Southwark Council web design

“Achieving excellent communications”Southwark’s vision

Tuesday, 11 May 2010

Page 12: Southwark Council web design

Tuesday, 11 May 2010

Page 13: Southwark Council web design

Tuesday, 11 May 2010

Page 14: Southwark Council web design

Tuesday, 11 May 2010

Page 15: Southwark Council web design

Gather useful, genuine & scientific feedback

Tuesday, 11 May 2010

Page 16: Southwark Council web design

Evaluateexis,ngdesign

Testoutnewideas

Findoutthegoalsofusers

Tuesday, 11 May 2010

Page 17: Southwark Council web design

Onetoones

Understandtheuserjourney Intheuser’stypicalsurroundings

Tuesday, 11 May 2010

Page 18: Southwark Council web design

Focus groups

Hearthefeedbackdirectfromusers

Encouragecrea,veideas

Producevideoevidence

Tuesday, 11 May 2010

Page 19: Southwark Council web design

Tuesday, 11 May 2010

Page 20: Southwark Council web design

Get inspired

Tuesday, 11 May 2010

Page 21: Southwark Council web design

Wireframes: used to demonstrate the layout and content of the website only. This stage should be used to understand how a user will find their way around the website through navigation, menus, features and calls to action.

Tuesday, 11 May 2010

Page 22: Southwark Council web design

Tuesday, 11 May 2010

Page 23: Southwark Council web design

Tuesday, 11 May 2010

Page 24: Southwark Council web design

Root design decisions in research

Tuesday, 11 May 2010

Page 25: Southwark Council web design

Evaluate

Whataretheuser’sneeds?

Whatarethetechnicalrestraints?

Whatisthebudget?

Tuesday, 11 May 2010

Page 26: Southwark Council web design

Schedule

Whatcanbeachievedbeforethedeadline?

Whatcanwaitforthenextphase?

Whatresourcesarerequired?

Tuesday, 11 May 2010

Page 27: Southwark Council web design

Analyse

Howwilltheuserdigesttheinforma,on?

Whatinforma,onneedstobethemostprominent?

Tuesday, 11 May 2010

Page 28: Southwark Council web design

Usability

Doesitwork?

Cansomeoneofaverageabilityandexperienceuseit?

Tuesday, 11 May 2010

Page 29: Southwark Council web design

Tuesday, 11 May 2010

Page 30: Southwark Council web design

Tuesday, 11 May 2010

Page 31: Southwark Council web design

Tuesday, 11 May 2010

Page 32: Southwark Council web design

Filter the featuresRequired vs. Requested

Tuesday, 11 May 2010

Page 33: Southwark Council web design

Tuesday, 11 May 2010

Page 34: Southwark Council web design

Focus on that feedback

Tuesday, 11 May 2010

Page 35: Southwark Council web design

Achieve excellent communications

Tuesday, 11 May 2010

Page 36: Southwark Council web design

By making informed design decisions

Tuesday, 11 May 2010

Page 37: Southwark Council web design

How did we do this?

Tuesday, 11 May 2010

Page 38: Southwark Council web design

Iterate: repeating a process usually with the aim of approaching a desired goal or target or result. Each repetition of the process is also called an "iteration", and the results of one iteration are used as the starting point for the next iteration.

Wikipedia

Tuesday, 11 May 2010

Page 39: Southwark Council web design

Tuesday, 11 May 2010

Page 40: Southwark Council web design

Tuesday, 11 May 2010

Page 41: Southwark Council web design

Tuesday, 11 May 2010

Page 42: Southwark Council web design

Tuesday, 11 May 2010

Page 43: Southwark Council web design

“Too clinical”

Tuesday, 11 May 2010

Page 44: Southwark Council web design

“little confidence in transactions”

Tuesday, 11 May 2010

Page 45: Southwark Council web design

“Not for me”

Tuesday, 11 May 2010

Page 46: Southwark Council web design

Let the research guide the decisions

Tuesday, 11 May 2010

Page 47: Southwark Council web design

Worry less about internal requests and more about the user needs

Tuesday, 11 May 2010

Page 48: Southwark Council web design

Have we really listened?

Tuesday, 11 May 2010

Page 49: Southwark Council web design

Get back in touch with users

Tuesday, 11 May 2010

Page 50: Southwark Council web design

Determine whether needs have been met

Tuesday, 11 May 2010

Page 51: Southwark Council web design

Tuesday, 11 May 2010

Page 52: Southwark Council web design

Heat map

Tuesday, 11 May 2010

Page 53: Southwark Council web design

Gaze map

Tuesday, 11 May 2010

Page 54: Southwark Council web design

Where do we find these users?

Tuesday, 11 May 2010

Page 55: Southwark Council web design

Tuesday, 11 May 2010

Page 56: Southwark Council web design

Tuesday, 11 May 2010

Page 57: Southwark Council web design

Tuesday, 11 May 2010

Page 58: Southwark Council web design

These users are already using the services & eager to have their say!

Tuesday, 11 May 2010

Page 59: Southwark Council web design

Can we reach more people?

Tuesday, 11 May 2010

Page 60: Southwark Council web design

Internal engagement from intranet

Tuesday, 11 May 2010

Page 61: Southwark Council web design

Tuesday, 11 May 2010

Page 62: Southwark Council web design

Tuesday, 11 May 2010

Page 63: Southwark Council web design

No budget for a usability testing agency?

Tuesday, 11 May 2010

Page 64: Southwark Council web design

Do it yourself

Tuesday, 11 May 2010

Page 65: Southwark Council web design

Tuesday, 11 May 2010

Page 66: Southwark Council web design

Tuesday, 11 May 2010

Page 67: Southwark Council web design

Tuesday, 11 May 2010

Page 68: Southwark Council web design

Achieve excellent communications

Tuesday, 11 May 2010

Page 69: Southwark Council web design

Specialthanks

SarahLund

AliceAinsworth@aliceainsworth

JessBlandford@jessblandford

Tuesday, 11 May 2010

Page 70: Southwark Council web design

Questions?@jaduCMS

www.jadu.co.uk

@xtinasparkle

[email protected]

Tuesday, 11 May 2010

Page 71: Southwark Council web design

Photocredits

hOp://www.flickr.com/photos/secretlondon/3691754890/

hOp://www.flickr.com/photos/markhillary/514555513/

Tuesday, 11 May 2010