Southwark Council web design
description
Transcript of Southwark Council web design
![Page 1: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/1.jpg)
Southwark CouncilA design approach
Tuesday, 11 May 2010
![Page 2: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/2.jpg)
My name is Christina FowlerWeb designer at Jadu
@XtinaSparkle
Tuesday, 11 May 2010
![Page 3: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/3.jpg)
Southwark CouncilCustomer service
Tuesday, 11 May 2010
![Page 4: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/4.jpg)
Tuesday, 11 May 2010
![Page 5: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/5.jpg)
Tuesday, 11 May 2010
![Page 6: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/6.jpg)
Tuesday, 11 May 2010
![Page 7: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/7.jpg)
Customer service goals were not being met by website
Tuesday, 11 May 2010
![Page 8: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/8.jpg)
Tuesday, 11 May 2010
![Page 9: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/9.jpg)
Tuesday, 11 May 2010
![Page 10: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/10.jpg)
Tuesday, 11 May 2010
![Page 11: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/11.jpg)
“Achieving excellent communications”Southwark’s vision
Tuesday, 11 May 2010
![Page 12: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/12.jpg)
Tuesday, 11 May 2010
![Page 13: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/13.jpg)
Tuesday, 11 May 2010
![Page 14: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/14.jpg)
Tuesday, 11 May 2010
![Page 15: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/15.jpg)
Gather useful, genuine & scientific feedback
Tuesday, 11 May 2010
![Page 16: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/16.jpg)
Evaluateexis,ngdesign
Testoutnewideas
Findoutthegoalsofusers
Tuesday, 11 May 2010
![Page 17: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/17.jpg)
Onetoones
Understandtheuserjourney Intheuser’stypicalsurroundings
Tuesday, 11 May 2010
![Page 18: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/18.jpg)
Focus groups
Hearthefeedbackdirectfromusers
Encouragecrea,veideas
Producevideoevidence
Tuesday, 11 May 2010
![Page 19: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/19.jpg)
Tuesday, 11 May 2010
![Page 20: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/20.jpg)
Get inspired
Tuesday, 11 May 2010
![Page 21: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/21.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/22.jpg)
Tuesday, 11 May 2010
![Page 23: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/23.jpg)
Tuesday, 11 May 2010
![Page 24: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/24.jpg)
Root design decisions in research
Tuesday, 11 May 2010
![Page 25: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/25.jpg)
Evaluate
Whataretheuser’sneeds?
Whatarethetechnicalrestraints?
Whatisthebudget?
Tuesday, 11 May 2010
![Page 26: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/26.jpg)
Schedule
Whatcanbeachievedbeforethedeadline?
Whatcanwaitforthenextphase?
Whatresourcesarerequired?
Tuesday, 11 May 2010
![Page 27: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/27.jpg)
Analyse
Howwilltheuserdigesttheinforma,on?
Whatinforma,onneedstobethemostprominent?
Tuesday, 11 May 2010
![Page 28: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/28.jpg)
Usability
Doesitwork?
Cansomeoneofaverageabilityandexperienceuseit?
Tuesday, 11 May 2010
![Page 29: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/29.jpg)
Tuesday, 11 May 2010
![Page 30: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/30.jpg)
Tuesday, 11 May 2010
![Page 31: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/31.jpg)
Tuesday, 11 May 2010
![Page 32: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/32.jpg)
Filter the featuresRequired vs. Requested
Tuesday, 11 May 2010
![Page 33: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/33.jpg)
Tuesday, 11 May 2010
![Page 34: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/34.jpg)
Focus on that feedback
Tuesday, 11 May 2010
![Page 35: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/35.jpg)
Achieve excellent communications
Tuesday, 11 May 2010
![Page 36: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/36.jpg)
By making informed design decisions
Tuesday, 11 May 2010
![Page 37: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/37.jpg)
How did we do this?
Tuesday, 11 May 2010
![Page 38: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/38.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/39.jpg)
Tuesday, 11 May 2010
![Page 40: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/40.jpg)
Tuesday, 11 May 2010
![Page 41: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/41.jpg)
Tuesday, 11 May 2010
![Page 42: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/42.jpg)
Tuesday, 11 May 2010
![Page 43: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/43.jpg)
“Too clinical”
Tuesday, 11 May 2010
![Page 44: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/44.jpg)
“little confidence in transactions”
Tuesday, 11 May 2010
![Page 45: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/45.jpg)
“Not for me”
Tuesday, 11 May 2010
![Page 46: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/46.jpg)
Let the research guide the decisions
Tuesday, 11 May 2010
![Page 47: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/47.jpg)
Worry less about internal requests and more about the user needs
Tuesday, 11 May 2010
![Page 48: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/48.jpg)
Have we really listened?
Tuesday, 11 May 2010
![Page 49: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/49.jpg)
Get back in touch with users
Tuesday, 11 May 2010
![Page 50: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/50.jpg)
Determine whether needs have been met
Tuesday, 11 May 2010
![Page 51: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/51.jpg)
Tuesday, 11 May 2010
![Page 52: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/52.jpg)
Heat map
Tuesday, 11 May 2010
![Page 53: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/53.jpg)
Gaze map
Tuesday, 11 May 2010
![Page 54: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/54.jpg)
Where do we find these users?
Tuesday, 11 May 2010
![Page 55: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/55.jpg)
Tuesday, 11 May 2010
![Page 56: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/56.jpg)
Tuesday, 11 May 2010
![Page 57: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/57.jpg)
Tuesday, 11 May 2010
![Page 58: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/58.jpg)
These users are already using the services & eager to have their say!
Tuesday, 11 May 2010
![Page 59: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/59.jpg)
Can we reach more people?
Tuesday, 11 May 2010
![Page 60: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/60.jpg)
Internal engagement from intranet
Tuesday, 11 May 2010
![Page 61: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/61.jpg)
Tuesday, 11 May 2010
![Page 62: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/62.jpg)
Tuesday, 11 May 2010
![Page 63: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/63.jpg)
No budget for a usability testing agency?
Tuesday, 11 May 2010
![Page 64: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/64.jpg)
Do it yourself
Tuesday, 11 May 2010
![Page 65: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/65.jpg)
Tuesday, 11 May 2010
![Page 66: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/66.jpg)
Tuesday, 11 May 2010
![Page 67: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/67.jpg)
Tuesday, 11 May 2010
![Page 68: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/68.jpg)
Achieve excellent communications
Tuesday, 11 May 2010
![Page 69: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/69.jpg)
Specialthanks
SarahLund
AliceAinsworth@aliceainsworth
JessBlandford@jessblandford
Tuesday, 11 May 2010
![Page 71: Southwark Council web design](https://reader033.fdocuments.us/reader033/viewer/2022060109/55581b92d8b42a5e468b4d06/html5/thumbnails/71.jpg)
Photocredits
hOp://www.flickr.com/photos/secretlondon/3691754890/
hOp://www.flickr.com/photos/markhillary/514555513/
Tuesday, 11 May 2010