southwark council web design

Post on 17-May-2015

2.738 Views

Category:

Design

0 Downloads

Preview:

Click to see full reader

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.

TRANSCRIPT

Southwark CouncilA design approach

Tuesday, 11 May 2010

My name is Christina FowlerWeb designer at Jadu

@XtinaSparkle

Tuesday, 11 May 2010

Southwark CouncilCustomer service

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Customer service goals were not being met by website

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Tuesday, 11 May 2010

“Achieving excellent communications”Southwark’s vision

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Gather useful, genuine & scientific feedback

Tuesday, 11 May 2010

Evaluateexis,ngdesign

Testoutnewideas

Findoutthegoalsofusers

Tuesday, 11 May 2010

Onetoones

Understandtheuserjourney Intheuser’stypicalsurroundings

Tuesday, 11 May 2010

Focus groups

Hearthefeedbackdirectfromusers

Encouragecrea,veideas

Producevideoevidence

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Get inspired

Tuesday, 11 May 2010

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

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Root design decisions in research

Tuesday, 11 May 2010

Evaluate

Whataretheuser’sneeds?

Whatarethetechnicalrestraints?

Whatisthebudget?

Tuesday, 11 May 2010

Schedule

Whatcanbeachievedbeforethedeadline?

Whatcanwaitforthenextphase?

Whatresourcesarerequired?

Tuesday, 11 May 2010

Analyse

Howwilltheuserdigesttheinforma,on?

Whatinforma,onneedstobethemostprominent?

Tuesday, 11 May 2010

Usability

Doesitwork?

Cansomeoneofaverageabilityandexperienceuseit?

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Filter the featuresRequired vs. Requested

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Focus on that feedback

Tuesday, 11 May 2010

Achieve excellent communications

Tuesday, 11 May 2010

By making informed design decisions

Tuesday, 11 May 2010

How did we do this?

Tuesday, 11 May 2010

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

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Tuesday, 11 May 2010

“Too clinical”

Tuesday, 11 May 2010

“little confidence in transactions”

Tuesday, 11 May 2010

“Not for me”

Tuesday, 11 May 2010

Let the research guide the decisions

Tuesday, 11 May 2010

Worry less about internal requests and more about the user needs

Tuesday, 11 May 2010

Have we really listened?

Tuesday, 11 May 2010

Get back in touch with users

Tuesday, 11 May 2010

Determine whether needs have been met

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Heat map

Tuesday, 11 May 2010

Gaze map

Tuesday, 11 May 2010

Where do we find these users?

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Tuesday, 11 May 2010

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

Tuesday, 11 May 2010

Can we reach more people?

Tuesday, 11 May 2010

Internal engagement from intranet

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Tuesday, 11 May 2010

No budget for a usability testing agency?

Tuesday, 11 May 2010

Do it yourself

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Tuesday, 11 May 2010

Achieve excellent communications

Tuesday, 11 May 2010

Specialthanks

SarahLund

AliceAinsworth@aliceainsworth

JessBlandford@jessblandford

Tuesday, 11 May 2010

Questions?@jaduCMS

www.jadu.co.uk

@xtinasparkle

christina.fowler@jadu.co.uk

Tuesday, 11 May 2010

Photocredits

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

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

Tuesday, 11 May 2010

top related