SlideShare uma empresa Scribd logo
1 de 71
Baixar para ler offline
Southwark Council
          A design approach




Tuesday, 11 May 2010
My name is Christina Fowler
          Web designer at Jadu
          @XtinaSparkle




Tuesday, 11 May 2010
Southwark Council
         Customer 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
 Evaluate
exis,ng
design
          Test
out
new
ideas
          Find
out
the
goals
of
users




Tuesday, 11 May 2010
One
to
ones


          Understand
the
user
journey
          In
the
user’s
typical
surroundings




Tuesday, 11 May 2010
Focus groups


          Hear
the
feedback
direct
from
users
          Encourage
crea,ve
ideas
          Produce
video
evidence



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


          What
are
the
user’s
needs?
          What
are
the
technical
restraints?
          What
is
the
budget?



Tuesday, 11 May 2010
Schedule


          What
can
be
achieved
before
the
deadline?
          What
can
wait
for
the
next
phase?
          What
resources
are
required?



Tuesday, 11 May 2010
Analyse


          How
will
the
user
digest
the
informa,on?
          What
informa,on
needs
to
be
the
most

           prominent?




Tuesday, 11 May 2010
Usability


          Does
it
work?
          Can
someone
of
average
ability
and
experience

           use
it?



Tuesday, 11 May 2010
Tuesday, 11 May 2010
Tuesday, 11 May 2010
Tuesday, 11 May 2010
Filter the features
         Required 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
Special
thanks


          Sarah
Lund
          Alice
Ainsworth
@aliceainsworth
          Jess
Blandford
@jessblandford



Tuesday, 11 May 2010
Questions?
         @jaduCMS
         www.jadu.co.uk


         @xtinasparkle
         christina.fowler@jadu.co.uk


Tuesday, 11 May 2010
Photo
credits


          hOp://www.flickr.com/photos/secretlondon/
           3691754890/
          hOp://www.flickr.com/photos/markhillary/
           514555513/


Tuesday, 11 May 2010

Mais conteúdo relacionado

Semelhante a Achieving Excellent Communications Through User-Centered Design

WordPress: Turn Your Website into a Social Media Engine
WordPress: Turn Your Website into a Social Media EngineWordPress: Turn Your Website into a Social Media Engine
WordPress: Turn Your Website into a Social Media EngineWhole Brain Group, LLC
 
Searching does not mean finding Stuff - Apache Solr for TYPO3
Searching does not mean finding Stuff - Apache Solr for TYPO3Searching does not mean finding Stuff - Apache Solr for TYPO3
Searching does not mean finding Stuff - Apache Solr for TYPO3Olivier Dobberkau
 
Web 2.0 and The Enterprise
Web 2.0 and The EnterpriseWeb 2.0 and The Enterprise
Web 2.0 and The EnterpriseSoCo Partners
 
Making social media work
Making social media workMaking social media work
Making social media workJames Williams
 
Going Global - Workshop Version - Fall 2011
Going Global - Workshop Version - Fall 2011Going Global - Workshop Version - Fall 2011
Going Global - Workshop Version - Fall 2011Lucy Gray
 
Running user testing
Running user testingRunning user testing
Running user testingcxpartners
 
A Conversation about The Future of Advertising
A Conversation about The Future of AdvertisingA Conversation about The Future of Advertising
A Conversation about The Future of AdvertisingQuynh LE
 
Sharp Social Media Presentation
Sharp Social Media PresentationSharp Social Media Presentation
Sharp Social Media PresentationLee Aase
 
InterAct Book Summit: Preventing Information Overload
InterAct Book Summit: Preventing Information OverloadInterAct Book Summit: Preventing Information Overload
InterAct Book Summit: Preventing Information OverloadDenise Jacobs
 
2010 GTAC Crowd Source Testing Mozilla Style
2010 GTAC Crowd Source Testing Mozilla Style2010 GTAC Crowd Source Testing Mozilla Style
2010 GTAC Crowd Source Testing Mozilla StyleMatt Evans
 
Paid Ads on facebook and Twitter
Paid Ads on facebook and TwitterPaid Ads on facebook and Twitter
Paid Ads on facebook and TwitterWebMedley
 
Intro to SM - Governor's Conference 2011
Intro to SM - Governor's Conference 2011 Intro to SM - Governor's Conference 2011
Intro to SM - Governor's Conference 2011 Andrew Hoffman
 
Bonsai Networking: Using Social Media and F2F Networking to Cultivate a Power...
Bonsai Networking: Using Social Media and F2F Networking to Cultivate a Power...Bonsai Networking: Using Social Media and F2F Networking to Cultivate a Power...
Bonsai Networking: Using Social Media and F2F Networking to Cultivate a Power...Janie Coffey
 
Community management
Community managementCommunity management
Community managementPaul Bradshaw
 
Learning in 140 Characters or Less (Twitter for Training)
Learning in 140 Characters or Less (Twitter for Training)Learning in 140 Characters or Less (Twitter for Training)
Learning in 140 Characters or Less (Twitter for Training)Scott Thomas, MBA
 
Social Media For Museums
Social Media For MuseumsSocial Media For Museums
Social Media For Museumsmichellej
 

Semelhante a Achieving Excellent Communications Through User-Centered Design (20)

WordPress: Turn Your Website into a Social Media Engine
WordPress: Turn Your Website into a Social Media EngineWordPress: Turn Your Website into a Social Media Engine
WordPress: Turn Your Website into a Social Media Engine
 
Searching does not mean finding Stuff - Apache Solr for TYPO3
Searching does not mean finding Stuff - Apache Solr for TYPO3Searching does not mean finding Stuff - Apache Solr for TYPO3
Searching does not mean finding Stuff - Apache Solr for TYPO3
 
Usability Testing
Usability TestingUsability Testing
Usability Testing
 
Web 2.0 and The Enterprise
Web 2.0 and The EnterpriseWeb 2.0 and The Enterprise
Web 2.0 and The Enterprise
 
Making social media work
Making social media workMaking social media work
Making social media work
 
Going Global - Workshop Version - Fall 2011
Going Global - Workshop Version - Fall 2011Going Global - Workshop Version - Fall 2011
Going Global - Workshop Version - Fall 2011
 
Eclipse community management - fossa2010
Eclipse community management - fossa2010Eclipse community management - fossa2010
Eclipse community management - fossa2010
 
Running user testing
Running user testingRunning user testing
Running user testing
 
A Conversation about The Future of Advertising
A Conversation about The Future of AdvertisingA Conversation about The Future of Advertising
A Conversation about The Future of Advertising
 
Sharp Social Media Presentation
Sharp Social Media PresentationSharp Social Media Presentation
Sharp Social Media Presentation
 
InterAct Book Summit: Preventing Information Overload
InterAct Book Summit: Preventing Information OverloadInterAct Book Summit: Preventing Information Overload
InterAct Book Summit: Preventing Information Overload
 
2010 GTAC Crowd Source Testing Mozilla Style
2010 GTAC Crowd Source Testing Mozilla Style2010 GTAC Crowd Source Testing Mozilla Style
2010 GTAC Crowd Source Testing Mozilla Style
 
HTML5 offline
HTML5 offlineHTML5 offline
HTML5 offline
 
Paid Ads on facebook and Twitter
Paid Ads on facebook and TwitterPaid Ads on facebook and Twitter
Paid Ads on facebook and Twitter
 
Intro to SM - Governor's Conference 2011
Intro to SM - Governor's Conference 2011 Intro to SM - Governor's Conference 2011
Intro to SM - Governor's Conference 2011
 
Bonsai Networking: Using Social Media and F2F Networking to Cultivate a Power...
Bonsai Networking: Using Social Media and F2F Networking to Cultivate a Power...Bonsai Networking: Using Social Media and F2F Networking to Cultivate a Power...
Bonsai Networking: Using Social Media and F2F Networking to Cultivate a Power...
 
Interns bootcamp 2010
Interns bootcamp 2010Interns bootcamp 2010
Interns bootcamp 2010
 
Community management
Community managementCommunity management
Community management
 
Learning in 140 Characters or Less (Twitter for Training)
Learning in 140 Characters or Less (Twitter for Training)Learning in 140 Characters or Less (Twitter for Training)
Learning in 140 Characters or Less (Twitter for Training)
 
Social Media For Museums
Social Media For MuseumsSocial Media For Museums
Social Media For Museums
 

Último

Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Sitegalleryaagency
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 

Último (20)

Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Site
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 

Achieving Excellent Communications Through User-Centered Design