user-centred design and personas
Post on 23-Sep-2014
39 views
DESCRIPTION
Thea and Gareth delivered an introduction to user-centred design and an overview of how to create and use personas to Christchurch in March 2013.TRANSCRIPT
![Page 1: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/1.jpg)
Gareth and Thea walked Christchurch through user-centred
design and personas in March 2013.!
!
![Page 2: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/2.jpg)
Meet theteam.!!
This is Gareth.!!
This is Thea.!!
![Page 3: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/3.jpg)
We’re 10 years old!!
!
![Page 4: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/4.jpg)
8Interactive 8IN / AAPT APT / Accident Compensation Corporation ACC / AIG Insurance AIG / AIM Proximity AIM / Air New Zealand AIR / AMP / ANZ National Bank ANZ / APN Digital Media APN / Arc Innovations ARC / Archives New Zealand ACH / Asia New Zealand Foundation ASF / Auckland Council ACL / Auckland Museum AKM / Auckland Regional Transport Authority ART / Auckland Savings Bank ASB / Aurora Lodge AUR / Automobile Association AAI / Bank of NZ BNZ / BBDO Proximity Singapore BBD / BiosecurityNZ BIO / Boost New Media BOO / Breathe Communications BRC / Cancer Society of New Zealand CSO / CanTeen CTN / Canterbury of New Zealand CCC / Career Services CAR / Centre for Community Transformation CCT / Charities Commission CHC / Chrisco Hampers CHR / Christchurch City Council COU / CIGNA Life CIG / Client Codes.xls / Consumer CON / Contact Energy CEL / Countdown CTD / Creative New Zealand CNZ / Cyberport CYB / Dell DEL / Department of Building and Housing DBH / Department of Conservation DOC / Department of Internal Affairs DIA / Department of Labour DOL / Direct FX DFX / e-gov Watch EGV / Eagle Direct EDT / Effortmark EFM / Endace END / Epitiro EPI / Everytime EVT / Ezibuy EZI / Fairfax Digital FFD / Ferrit FRT / Firstlight ERA FLE / Fisher and Paykel Healthcare FPH / Fonterra FON / Foodstuffs FDS / Formway FMW / Foundation for Research Science and Technology FST / Francis Consulting FRC / FUNDIT FUI / Fusion Transactive FUS / Futrix FTX / Gallagher GLG / Gareth Morgan Investments GMI / Gen-i GEN / Gibson Sheat Lawyers GSL / Greater Wellington GRW / Green Realm Travel GRT / Greentree GTE / GSL Network GSN / Harrison Grierson Consultants Ltd HGC / Health Alliance HLA / Health Sponsorship Council HSC / Hewlett-Packard New Zealand HLP / HSA Global HSA / Hunter Safety HSL / IAG New Zealand IAG / Immigration New Zealand INZ / Infinity INF / Infopower POW / Inform IFM / Infotools ITL / Inland Revenue Department IRD / INRO INR / Institute of Chartered Accountants ICN / Intergen INT / International Nepal Fellowship INP / James Dunlop Textiles JDT / Kickstand-help.com KSD / Kineo Pacific (was Flexible Learning Network) FLL / KiwiBank KWB / KiwiRail KWR / Korero Maori KRM / Land Information New Zealand LNZ / Last.co.nz LST / LawFuel LWF / Learning Media LML / Les Mills International LMI / Lincoln University LIN / Local Government New Zealand LGN / Localist LOC / Loyalty New Zealand LOY / Mainfreight MAN / Maori Language Commission MLC / Marker MRK / Massey University MAS / Medical Assurance Society MSO / Mercury Projects MER / Meridian Energy MRD / Metservice MET / Mighty River Power MRP / Ministry for Culture and Heritage MCH / Ministry of Agriculture and Forestry MAF / Ministry of Consumer Affairs MCA / Ministry of Economic Development MED / Ministry of Education MOE / Ministry of Foreign Affairs and Trade MFT / Ministry of Health MOH / Ministry of Justice MJS / Ministry of Social Development MSD / Ministry of Tourism MTM / Ministry of Transport MOT / MyInfoSafe MIS / National Energy Research Institute NER / Navico NVO / Navman Technology New Zealand NAV / New Zealand Couriers NZC / New Zealand Defence Force NZD / New Zealand Emission Units Register EUR / New Zealand Film Commission NFC / New Zealand Food Safety Authority NFS / New Zealand Green Building Council NGB / New Zealand Herald NZH / New Zealand Institute of Chartered Accountants ICA / New Zealand Lotteries NZL / New Zealand Natural Clothing NNC / New Zealand On Screen NOS / New Zealand Police POL / New Zealand Post NZP / New Zealand Trade and Enterprise NTE / New Zealand Transport Agency NTA / Nielsen NetRatings NNR / NZBio NZB / Office of the Auditor General OAG / Open Polytechnic OPT / Orcon ORC / Outward Bound OWB / Palmerston North City Council PNC / Palmerston North City Library PNL / Parliament Counsel Office PCO / Parliamentary Services PLM / Paymark PMK / Peace Software PSW / Perweek PWK / PGG Wrightson PGW / Pivot Software PVT / Positively Wellington Tourism PWT / Powershop PSL / Professionals Real Estate PRO / Provenco PRV / PSIS PIS / Quit Group QUG / Quotable Value QVL / Rabobank RAB / Real Estate Institute of NZ RNZ / Red Vespa RED / Reserve Bank of New Zealand RBN / Retirement Commission RCO / Save The Children STC / Scoop SCO / Sell me Free SMF / Serato Audio Research SAR / Silverstripe SIL / SirValUse SVU / Sky Network Television STV / SMX / Snapper Services SNP / Software Education SFE / Sonar6 SON / Southern Cross SCO / Sovereign Insurance SOV / SPARC Aotearoa SPA / Sparks Interactive SPK / Sproket Markets SPR / Standards NZ STD / State Insurance STE / State Services Commission SSC / Statistics New Zealand SNZ / Student Management Software Solutions SMS / Superstructure SUP / Tax Refunds TXR / Te Papa TEP / Team-Up TUP / Telecom TNZ / Television New Zealand TVN / TESCO TES / Text2Get TXG / The Rees TRS / The Warehouse Ltd TWL / The Write Group TWG / Thomson Reuters THR / Toi Designz TOI / Tourism Holdings Limited THL / Tourism New Zealand TOU / Tower Insurance TOW / Trade Me TME / Treasury Department TRY / Tru-Test TRU / TV3 / Two (2) Degrees TWO / Unimarket UMK / Unitec UNI / University of Auckland AKU / University of Canterbury UCB / University of Otago OTA / Unlimited Realities URS / uPlay UPL / User Centric / User Centric USC / User testing step down - Planning / Vero VRO / Victoria University VUW / Vinacom VIN / Vodafone VDF / Warehouse Stationery Ltd WSL / Wassp Ltd WAS / Webstruxure (was sirlochlin) SIR / Wellington City Council WCC / Wesfarmers / Westpac WBC / Wigley & Company WGC / Winsborough WIN / woolworths.co.nz WOL / World Vision WDV / Xtra XTA / Yahoo!Xtra YAH / Yellow Pages Group YPG / Z Energy ZED / Zeacom ZCM / ZYPE ZYP /
200+Clients"
We’ve worked with a bunch of companies
across about 20 industries
!
![Page 5: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/5.jpg)
UCD"This is what we do: user-centred
design. More about this shortly.!
!
![Page 6: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/6.jpg)
UCD helps prevent this from
happening.!!
![Page 7: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/7.jpg)
World class companies don’t compete on services, products,
technology, or features."
They compete on experience."
And world-classexperience = user insight +
user-centred design."
![Page 8: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/8.jpg)
"""Our mission"Transform New Zealand organisations into providers of world class customer experiences"
And this is why we exist.!
!
![Page 9: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/9.jpg)
Two case studies.One good. One not good.
"
Why you should care."
Introducing user-centred design."
Personas."
Questions.!
Here’s what we’ll cover.!
!
![Page 10: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/10.jpg)
These guys do a pretty good job.
Except when it comes to TXT-a-park…!
!
![Page 11: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/11.jpg)
You live in Auckland. You want to head
into town. You take your car.!
!
![Page 12: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/12.jpg)
Good – loads of carparks.!
!
![Page 13: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/13.jpg)
Less good: you have to pay for
them.!!
![Page 14: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/14.jpg)
Good: there are payment options. Except, you don’t have coins, and you can’t
figure out which way round your card goes. So you use
your phone.!!!
![Page 15: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/15.jpg)
It is appalling."
However…!!
![Page 16: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/16.jpg)
1,188Complaints about TXT-a-Park"Nationwide, 2011-2012. Source = NZ Herald, February 3, 2013!
Hmmm…!!
![Page 17: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/17.jpg)
Read this in the paper last
weekend.!!
![Page 18: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/18.jpg)
Saw these two ladies yelling at
TXT-a-park.!!
![Page 19: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/19.jpg)
This is a video of a UX consultant taking 3
minutes to attempt to use TXT-a-park, before
abandoning in frustration.!!!
![Page 20: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/20.jpg)
1
Step 1. Read instructions.!
!
![Page 21: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/21.jpg)
2
Step 2. Push TXT-a-Park.!
!
![Page 22: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/22.jpg)
3
Step 3. Find the number to
TXT to.!!
![Page 23: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/23.jpg)
4
Step 4. Find the simultaneous
equation to TXT to that number..!
!
![Page 24: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/24.jpg)
5
Step 5. Find the machine code, the
first part of that simultaneous
equation.!!
![Page 25: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/25.jpg)
6
Step 6. Find a code, that
relates to a $.!!
![Page 26: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/26.jpg)
7
Step 7. Find the time frame that relates to
that $.!!
![Page 27: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/27.jpg)
7275 62061"Where 1 = $1.50 = 30 minutes"
A B C
D E
Let’s recap…!!
![Page 28: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/28.jpg)
1 = $1.50 = 30 minutes*"2 = $3.00 = 60 minutes*"3 = $4.50 = 90 minutes*"
4 = $6.00 = 120 minutes*"5 = $12.00 = 180 minutes*"6 = $18.00 = 240 minutes*"
!*Except on Saturdays.
Oh, and there’s a 50c transaction fee.!
And those simultaneous equations…!
!
![Page 29: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/29.jpg)
1 = $1.50 = 90 minutes"2 = $3.00 = 180 minutes"3 = $4.50 = 270 minutes"4 = $6.00 = 360 minutes"
"5 = $12.00 = 720 minutes"6 = $18.00 = 1080 minutes"
It’s trickier on the weekend. Guess
what the line is for?!!
![Page 30: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/30.jpg)
$0!
$10!
$20!
1! 2! 3! 4! 5! 6! 7! 8! 9! 10! 11! 12! 13! 14! 15! 16! 17!
M-F S-S
Pay for anything to the right of the line, and you’ve paid to park for longer than you can park for…!
!
![Page 31: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/31.jpg)
8
Step 8. Send the TXT. Note
the error feedback…!
!
![Page 32: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/32.jpg)
9
Step 9. Push OK. If you
don’t: it’ll reset.!!
![Page 33: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/33.jpg)
Not such a good
experience.!!
![Page 34: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/34.jpg)
In fact, it’s tragic. Because if AT had
involved users in the design process, I this
experience could have been vastly superior.!
!!
![Page 35: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/35.jpg)
""
""
80% of companies believe theyprovide a superior proposition"
"Source = a Bain & Co. survey of 400 firms!
Perception.!!
![Page 36: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/36.jpg)
""
""
…but just 8% of their customersagree with them"
"Source = a Bain & Co. survey of 400 firms!
And reality.!!
![Page 37: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/37.jpg)
""
""
64% of shoppers have immediately bought from a competitor after poor service"
"Source = Oracle’s 2012 CX Index Report!
And consequences.!
!
![Page 38: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/38.jpg)
Okay, a better example of actual
user-centred design.!
!
![Page 39: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/39.jpg)
""
""
The portion of New Zealand’s foreign exchange earnings from Tourism for the year ended March 2012 – 15.4%, or $9.6B"
"Source = Tourism Industry Association New Zealand!
Tourism is a key industry for NZ. And Tourism’s
newzealand.com website is a key link between the 60M
people considering NZ as a destination, and our tourism
operators.!!!
![Page 40: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/40.jpg)
Since we completed the usability improvements to the site we have
seen important increases in consumer engagement – views of content… is up 47 per cent and there has been increased use of functionality such as… the Trip Planner
tool – which is up 300 per cent""
Catherine Bates, GM Brand and International PR, Tourism NZ!
And involving users in the design of that website has made a
big difference to it’s use.!
!
![Page 41: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/41.jpg)
Redesign criticalnewzealand.com
user journeys"
Our brief.!!
![Page 42: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/42.jpg)
The old site. Looked good. But didn’t work
good.!!
![Page 43: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/43.jpg)
Expert Review"Personas"
Tree Testing"Card Sorting"Co-Design"
Interaction Design"User Testing"
Here’s the full programme of UCD work we did on the site.!
!
![Page 44: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/44.jpg)
Expert Review"Personas"
Tree Testing"Card Sorting"Co-Design"
Interaction Design"User Testing"
That involved research.!
!
![Page 45: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/45.jpg)
Expert Review"Personas"
Tree Testing"Card Sorting"Co-Design"
Interaction Design"User Testing"
Design.!!
![Page 46: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/46.jpg)
Expert Review"Personas"
Tree Testing"Card Sorting"Co-Design"
Interaction Design"User Testing"
Testing and iterating.!
!
![Page 47: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/47.jpg)
Let’s start with an expert review. We throw 2
experts at the site to identify what users might
struggle with.!!
![Page 48: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/48.jpg)
And we complete a system usability score
benchmarking exercise. Newzealand.com fell just below good. Which is not
so good.!!
![Page 49: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/49.jpg)
81 Usability findings"
Our experts found 81 issues. That’s
not a large amount.!!
![Page 50: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/50.jpg)
30 Critical / major issues"
But 30 critical / major issues – issues that prevent users from
completing tasks – is a big deal.!
!
![Page 51: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/51.jpg)
Things like disconnected navigation, or separation
between content andcalls-to-action.!
!!
![Page 52: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/52.jpg)
Or similar content pop-ups with completely
different layouts.!!
![Page 53: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/53.jpg)
Overall, loads of people keen on NZ, and loads of good content. Poor interaction
design meant users took time learning to find content, instead of engaging with
the content.!!!
![Page 54: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/54.jpg)
Expert Review"Personas"
Tree Testing"Card Sorting"Co-Design"
Interaction Design"User Testing"
Methodology 2: Personas.!
!
![Page 55: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/55.jpg)
A persona is a fictitious person who embodies all of your research and is used in design""Richard Douglass, Optimal Usability, 2012"
![Page 56: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/56.jpg)
We had marketing personas, and shedloads of research on our active considerers. But what those marketing personas didn’t tell us was what differentiated the needs of our users when using newzealand.com, nor the process of how to design for those users""Dave Brem, Websites Manager, Tourism New Zealand, 2013"
![Page 57: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/57.jpg)
Here’s an output from these personas.
Characters with tourism-specific history, gathered
via research.!!
![Page 58: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/58.jpg)
These personas were pulled together after conducting dozens of interviews with people considering NZ as a
destination.!!!
![Page 59: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/59.jpg)
The main benefit of a user profile is as a reminder that you’re not the user. A persona helps you make detailed decisions based on validated research""Thea Myers, Optimal, 2012"
![Page 60: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/60.jpg)
If you have enoughinfo to create a 60 page book, then you’ve gota persona""Kris Nygren, Optimal, 2012"
![Page 61: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/61.jpg)
These persona posters are still sitting on our desks. We use them in all our work. They are baked into our process""Dave Brem, Websites Manager, Tourism New Zealand, 2013"
![Page 62: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/62.jpg)
Expert Review"Personas"
Tree Testing"Card Sorting"Co-Design"
Interaction Design"User Testing"
Methodology 3. Tree-testing.!
!
![Page 63: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/63.jpg)
Tree-testing is about determining the
‘findability’ of information within your information
architecture (IA).!!
![Page 64: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/64.jpg)
We use a tool called
Treejack. Google it.!
!
![Page 65: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/65.jpg)
1 of 4 You’re traveling to New Zealand and want to find out more about Maori customs before you leave. Where would you find that?
It allows us to launch a survey asking users to
complete a task by indicating where they
would find the answer to that task within an IA.!
!!
![Page 66: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/66.jpg)
Your IA gets a score, et. al.!
!
![Page 67: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/67.jpg)
And a mindmap that shows the different paths users took to find the answer to
each task.!!
![Page 68: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/68.jpg)
Iterate"Once you’ve got a score,
tweak your IA and retest.!
!
![Page 69: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/69.jpg)
We treejacked more than we planned to. They key is to choose the right tasks to test""Dave Brem, Websites Manager, Tourism New Zealand, 2013"
![Page 70: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/70.jpg)
Expert Review"Personas"
Tree Testing"Card Sorting"Co-Design"
Interaction Design"User Testing"
And for those trickier parts of
the IA – card sort.!
!
![Page 71: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/71.jpg)
Again: we use a survey tool
called OptimalSort.!
!
![Page 72: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/72.jpg)
It allows you to create virtual ‘cards’, and allows users to sort those cards into categories – of their
own, or predefined by you.!
!!
![Page 73: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/73.jpg)
For newzealand.com, card sorting
suggesting two IA variants. By activity
type…!!
![Page 74: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/74.jpg)
…or by intensity. So
we tested both!!!
![Page 75: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/75.jpg)
Expert Review"Personas"
Tree Testing"Card Sorting"Co-Design"
Interaction Design"User Testing"
We used concept / collaborative design
workshops to generate as many alternative designs
to tricky problems as possible.!
!!
![Page 76: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/76.jpg)
Here’s one.!!
![Page 77: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/77.jpg)
Here’s another one.!!
![Page 78: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/78.jpg)
Oh, and here’s another one.!
!
![Page 79: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/79.jpg)
And here’s a typical co-
design output.!!
![Page 80: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/80.jpg)
And here’s a detailed iteration.!
!
![Page 81: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/81.jpg)
After the workshop, we summarise the main themes.!
!
![Page 82: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/82.jpg)
And assess them against business and user criteria.!
!
![Page 83: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/83.jpg)
Expert Review"Personas"
Tree Testing"Card Sorting"Co-Design"
Interaction Design"User Testing"
And agree which elements to
progress further into detailed interaction
design.!!
![Page 84: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/84.jpg)
Interaction design isn’t about colours, fonts, or the look of a site. It’s about designing the
things people want to do, so that they work.!
!!
![Page 85: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/85.jpg)
These are some annotated wireframes
– the notes describing the detail of key interactions.!
!
![Page 86: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/86.jpg)
, Z Q ^ Q V O �
4WZMU�QX[]U�LWTWZ�[Q\�IUM\��KWV[MK\M\]Z�ILQXQ[KQVO�MTQ\��6]VK�[WTTQKQ\]LQV�UI[[I�VMK�TIK][�LIXQJ][�^IZQ][��;][XMVLQ[[M�KWVLQUMV\]U�\]ZXQ[�VWV�^MTQ\�IKK]U[IV�Y]Q[�\MUXWZ�TMK\][�MTM QNMVL��8ZIM[MV\�^ Q\IM�TWZMU�\MTT][��,]Q[�WLQW�^MTQ\��XTIKMZI\�IK�^ Q^MZZI�M\��K]Z[][�I�WLQW��8PI[MTT][�VMY]M�V]VK��KWUUWLW�MOM\�[WLITM[�IK��M]Q[UWL�[Q\�IUM\�MZI\��6]VK�LQOVQ[[QU�KWUUWLW�TWZMU�QL��
&�>QM_�ZMV\IT�KIZ[�&�>QM_�LZQ^ QVO�LQ[\IVKM[�&�>QM_�LZQ^ QVO�M`XMZQMVKM[�QV�6B��
8 ] J T Q K � \ Z I V [ X W Z \ �
4WZMU�QX[]U�LWTWZ�[Q\�IUM\��KWV[MK\M\]Z�ILQXQ[KQVO�MTQ\��6]VK�[WTTQKQ\]LQV�UI[[I�VMK�TIK][�LIXQJ][�^IZQ][��;][XMVLQ[[M�KWVLQUMV\]U�\]ZXQ[�VWV�^MTQ\�IKK]U[IV�Y]Q[�\MUXWZ�TMK\][�MTM QNMVL��8ZIM[MV\�^ Q\IM�TWZMU�\MTT][��,]Q[�WLQW�^MTQ\��XTIKMZI\�IK�^ Q^MZZI�M\��K]Z[][�I�WLQW��8PI[MTT][�VMY]M�V]VK��KWUUWLW�MOM\�[WLITM[�IK��M]Q[UWL�[Q\�IUM\�MZI\��6]VK�LQOVQ[[QU�KWUUWLW�TWZMU�QL��
&�>QM_�X]JTQK�\ZIV[XWZ\�QV�LQZMK\WZa�&�>QM_�X]JTQK�\ZIV[XWZ\�M`XMZQMVKM[�QV�6B��
. T a Q V O �
4WZMU�QX[]U�LWTWZ�[Q\�IUM\��KWV[MK\M\]Z�ILQXQ[KQVO�MTQ\��6]VK�[WTTQKQ\]LQV�UI[[I�VMK�TIK][�LIXQJ][�^IZQ][��;][XMVLQ[[M�KWVLQUMV\]U�\]ZXQ[�VWV�^MTQ\�IKK]U[IV�Y]Q[�\MUXWZ�TMK\][�MTM QNMVL��8ZIM[MV\�^ Q\IM�TWZMU�\MTT][��,]Q[�WLQW�^MTQ\��XTIKMZI\�IK�^ Q^MZZI�M\��K]Z[][�I�WLQW��8PI[MTT][�VMY]M�V]VK��KWUUWLW�MOM\�[WLITM[�IK��M]Q[UWL�[Q\�IUM\�MZI\��6]VK�LQOVQ[[QU�KWUUWLW�TWZMU�QL��
&�*WWS�I�N TQOP\�QV�6B�&�>QM_�N TQOP\�\ QUM[�&�>QM_�N TaQVO�M`XMZQMVKM[�QV�6B
<RX�DUH�KHUH��+RPH�!�'HVWLQDWLRQV
7KH�RIILFDO�WRXULVP�SRUWDO�IRU�1HZ�=HDODQG
6-?�B-)4)6,���� �8=:-
,Q�WKLV�VHFWLRQ�
1UIOM1UIOM
1 R U W K � , V O D Q G �
$�MRXUQH\�DURXQG�WKH�1RUWK�,VODQG�RI�1HZ�
=HDODQG�LV�D�MRXUQH\�WKURXJK�ODQGVFDSH��
KLVWRU\�DQG�WLPH��9LHZ�!
6 F H Q L F � K L J K O L J K W V �
)LQG�RXW�DERXW�WKH�UDQJH�RI�EHDXWLIXO�DQG�GLYHUVH�ODQGVFDSHV�DYDLODEOH�LQ�1=���9LHZ�!
6 R X W K � , V O D Q G � �
7ZR�WKLUGV�RI�6RXWK�,VODQG�DUH�PRXQWDLQV��7KH�UHVW�RI�WKH�ODQGVFDSH�FRPHV�IURP�WKRVH�
PRXQWDLQV��9LHZ�!
1 D W L R Q D O � 3 D U N V � �
)LQG�RXW�DERXW�1HZ�=HDODQGÜV�1DWLRQDO�3DUNV��DQG�KRZ�WR�H[SHULHQFH�WKHP��9LHZ�!
) L O P � / R F D W L R Q V �
*R�DQG�VHH�/RUG�RI�WKH�5LQJV�ILOP�ORFDWLRQV�E\�WRXU��9LHZ�!
3 R S X OD U � G H V W LQ D W LR Q V � LQ �
1 H Z �= H D OD Q G � ��
!�4XHHQVWRZQ�
!�0LOIRUG�VRXQG�
!�$XFNODQG�
!�&RURPDQGHO�
!�:HOOLQJWRQ�
!�&KULVWFKXUFK�
!�5RWRUXD
+RPH�����)DFWV�DERXW�1=�����*HWWLQJ�WR�1=�����'HVWLQDWLRQV�����7KLQJV�WR�GR������$FFRPPRGDWLRQ�����7UDQVSRUW
)LQG�XV�RQ��
7ZLWWHU�
)DFHERRN�
)OLFNU�
<RX7XEH
&RQWDFW�XV��
$VN�D�TXHVWLRQ�
5HTXHVW�D�PDS�
6LWH�IHHGEDFN�
5HSRUW�D�SUREOHP
+HOS��
$ERXW�QHZ]HDODQG�FRP�
$GGLQJ�\RXU�EXVLQHVV�DUWLFOHV��GHDOV�
/LQNLQJ�WR�QHZ]HDODQG�FRP�
7HUPV�RI�XVH�
2XU�RWKHU�VLWHV��
0HGLD�
,PDJH�OLEUDU\�
7UDYHO�WUDGH�
7RXULVP�1HZ�=HDODQG�
2SHUDWRU�UHJLVWUDWLRQ�
'R�EXVLQHVV�ZLWK�1=�
�
�
�
1HZ�=HDODQG�LV�VLWXDWHG�LQ�WKH�6RXWK�3DFLILF�RFHDQ��EHWZHHQ�ODWLWXGH���Ü6�DQG���Ü6��7KH�FRXQWU\�UXQV�
URXJKO\�QRUWK�VRXWK�ZLWK�PRXQWDLQ�UDQJHV�GRZQ�PXFK�RI�LWV�OHQJWK��7KHUH�DUH�WZR�PDLQ�LVODQGV��WKH�1RUWK�
,VODQG�DQG�WKH�6RXWK�,VODQG��ZLWK�D�WKLUG�VPDOOHU�LVODQG�LQ�WKH�VRXWK��6WHZDUW�,VODQG��1HZ�=HDODQG�LV�DQ�
XQFURZGHG�FRXQWU\��,W�KDV�D�GLYHUVH�PXOWL�FXOWXUDO�SRSXODWLRQ�RI�MXVW���PLOOLRQ�SHRSOH�DQG�D�ULFK�KLVWRU\��
'HVWLQDWLRQV
+RPH�����������)DFWV�DERXW�1=�����������*HWWLQJ�WR�1=�����������'HVWLQDWLRQV������������7KLQJV�WR�GR�����������$FFRPPRGDWLRQ�����������7UDQVSRUW
0DLQ�UHJLRQV�RI�1HZ�=HDODQG��!�*R�WR�IXOO�PDS�SDJH
1 D W LR Q D O �3 D U N V ��
�
�
�
�
�
�
,I�\RX�ZDQW�WR�GLVFRYHU�WKH�QDWXUDO�VRXO�RI�1HZ�=HDODQG��WKHUH�DUH�QR�EHWWHU�SODFHV�WR�JR�WKDQ�WKH�
VSHFWDFXODU�1DWLRQDO�3DUNV��7KH�1DWLRQDO�3DUNV�DUH�WKH�UHDO�JHPV�RI�WKLV�FRXQWU\��SUHVHUYLQJ�WKH�QDWXUDO�
KHULWDJH��WKH�IRUHVWV��WKH�ZLOGOLIH�DQG�WKH�ODQGVFDSHV��FORVH�WR��DQG�LQ�VRPH�FDVHV��H[DFWO\��DV�LW�ZDV�
EHIRUH�PDQ�ZDV�WKHUH��
6RXWK�,VODQG��
�
$EHO�7DVPDQ�
$UWKXUV�3DVV�
)LRUGODQG�
0RXQW�&RRN���$RUDNL�
1HOVRQ�/DNHV�
'XQHGLQ���2WDJR�
.DKXUDQJ�
0RXQW�$VSLULQJ�
3DSDURD
�
1RUWK �,V ODQG�
(JPRQW�
7H�8UHZHUD�
7RQJDULUR�
:KDQJDQXL�
4XHHQVWRZQQ� /DNHV�Q� 0RXQWDLQV�Q� -HW�%RDWLQJ�Q� %XQJ\�Q� 6NLLQJ�Q� :DONLQJ��+LNLQJ�
Q� :LQH�Q� )LOP�ORFDWLRQV�Q� 1DWLRQDO�3DUNV�
1RUWK�,VODQG
6RXWK�,VODQG
'RPHVWLF�IOLJKW�WLPHV�
'ULYH�WLPHV
D
&KULVWFKXUFK
:HOOLQJWRQ
/DNH�7DXSR
$XFNODQG
4XHHQVWRZQ
1HOVRQ
0LOIRUG�VRXQG
From wireframes, we created clickable
prototypes.!!
![Page 87: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/87.jpg)
, Z Q ^ Q V O �
4WZMU�QX[]U�LWTWZ�[Q\�IUM\��KWV[MK\M\]Z�ILQXQ[KQVO�MTQ\��6]VK�[WTTQKQ\]LQV�UI[[I�VMK�TIK][�LIXQJ][�^IZQ][��;][XMVLQ[[M�KWVLQUMV\]U�\]ZXQ[�VWV�^MTQ\�IKK]U[IV�Y]Q[�\MUXWZ�TMK\][�MTM QNMVL��8ZIM[MV\�^ Q\IM�TWZMU�\MTT][��,]Q[�WLQW�^MTQ\��XTIKMZI\�IK�^ Q^MZZI�M\��K]Z[][�I�WLQW��8PI[MTT][�VMY]M�V]VK��KWUUWLW�MOM\�[WLITM[�IK��M]Q[UWL�[Q\�IUM\�MZI\��6]VK�LQOVQ[[QU�KWUUWLW�TWZMU�QL��
&�>QM_�ZMV\IT�KIZ[�&�>QM_�LZQ^ QVO�LQ[\IVKM[�&�>QM_�LZQ^ QVO�M`XMZQMVKM[�QV�6B��
8 ] J T Q K � \ Z I V [ X W Z \ �
4WZMU�QX[]U�LWTWZ�[Q\�IUM\��KWV[MK\M\]Z�ILQXQ[KQVO�MTQ\��6]VK�[WTTQKQ\]LQV�UI[[I�VMK�TIK][�LIXQJ][�^IZQ][��;][XMVLQ[[M�KWVLQUMV\]U�\]ZXQ[�VWV�^MTQ\�IKK]U[IV�Y]Q[�\MUXWZ�TMK\][�MTM QNMVL��8ZIM[MV\�^ Q\IM�TWZMU�\MTT][��,]Q[�WLQW�^MTQ\��XTIKMZI\�IK�^ Q^MZZI�M\��K]Z[][�I�WLQW��8PI[MTT][�VMY]M�V]VK��KWUUWLW�MOM\�[WLITM[�IK��M]Q[UWL�[Q\�IUM\�MZI\��6]VK�LQOVQ[[QU�KWUUWLW�TWZMU�QL��
&�>QM_�X]JTQK�\ZIV[XWZ\�QV�LQZMK\WZa�&�>QM_�X]JTQK�\ZIV[XWZ\�M`XMZQMVKM[�QV�6B��
. T a Q V O �
4WZMU�QX[]U�LWTWZ�[Q\�IUM\��KWV[MK\M\]Z�ILQXQ[KQVO�MTQ\��6]VK�[WTTQKQ\]LQV�UI[[I�VMK�TIK][�LIXQJ][�^IZQ][��;][XMVLQ[[M�KWVLQUMV\]U�\]ZXQ[�VWV�^MTQ\�IKK]U[IV�Y]Q[�\MUXWZ�TMK\][�MTM QNMVL��8ZIM[MV\�^ Q\IM�TWZMU�\MTT][��,]Q[�WLQW�^MTQ\��XTIKMZI\�IK�^ Q^MZZI�M\��K]Z[][�I�WLQW��8PI[MTT][�VMY]M�V]VK��KWUUWLW�MOM\�[WLITM[�IK��M]Q[UWL�[Q\�IUM\�MZI\��6]VK�LQOVQ[[QU�KWUUWLW�TWZMU�QL��
&�*WWS�I�N TQOP\�QV�6B�&�>QM_�N TQOP\�\ QUM[�&�>QM_�N TaQVO�M`XMZQMVKM[�QV�6B
<RX�DUH�KHUH��+RPH�!�'HVWLQDWLRQV
7KH�RIILFDO�WRXULVP�SRUWDO�IRU�1HZ�=HDODQG
6-?�B-)4)6,���� �8=:-
,Q�WKLV�VHFWLRQ�
1UIOM1UIOM
1 R U W K � , V O D Q G �
$�MRXUQH\�DURXQG�WKH�1RUWK�,VODQG�RI�1HZ�
=HDODQG�LV�D�MRXUQH\�WKURXJK�ODQGVFDSH��
KLVWRU\�DQG�WLPH��9LHZ�!
6 F H Q L F � K L J K O L J K W V �
)LQG�RXW�DERXW�WKH�UDQJH�RI�EHDXWLIXO�DQG�GLYHUVH�ODQGVFDSHV�DYDLODEOH�LQ�1=���9LHZ�!
6 R X W K � , V O D Q G � �
7ZR�WKLUGV�RI�6RXWK�,VODQG�DUH�PRXQWDLQV��7KH�UHVW�RI�WKH�ODQGVFDSH�FRPHV�IURP�WKRVH�
PRXQWDLQV��9LHZ�!
1 D W L R Q D O � 3 D U N V � �
)LQG�RXW�DERXW�1HZ�=HDODQGÜV�1DWLRQDO�3DUNV��DQG�KRZ�WR�H[SHULHQFH�WKHP��9LHZ�!
) L O P � / R F D W L R Q V �
*R�DQG�VHH�/RUG�RI�WKH�5LQJV�ILOP�ORFDWLRQV�E\�WRXU��9LHZ�!
3 R S X OD U � G H V W LQ D W LR Q V � LQ �
1 H Z �= H D OD Q G � ��
!�4XHHQVWRZQ�
!�0LOIRUG�VRXQG�
!�$XFNODQG�
!�&RURPDQGHO�
!�:HOOLQJWRQ�
!�&KULVWFKXUFK�
!�5RWRUXD
+RPH�����)DFWV�DERXW�1=�����*HWWLQJ�WR�1=�����'HVWLQDWLRQV�����7KLQJV�WR�GR������$FFRPPRGDWLRQ�����7UDQVSRUW
)LQG�XV�RQ��
7ZLWWHU�
)DFHERRN�
)OLFNU�
<RX7XEH
&RQWDFW�XV��
$VN�D�TXHVWLRQ�
5HTXHVW�D�PDS�
6LWH�IHHGEDFN�
5HSRUW�D�SUREOHP
+HOS��
$ERXW�QHZ]HDODQG�FRP�
$GGLQJ�\RXU�EXVLQHVV�DUWLFOHV��GHDOV�
/LQNLQJ�WR�QHZ]HDODQG�FRP�
7HUPV�RI�XVH�
2XU�RWKHU�VLWHV��
0HGLD�
,PDJH�OLEUDU\�
7UDYHO�WUDGH�
7RXULVP�1HZ�=HDODQG�
2SHUDWRU�UHJLVWUDWLRQ�
'R�EXVLQHVV�ZLWK�1=�
�
�
�
1HZ�=HDODQG�LV�VLWXDWHG�LQ�WKH�6RXWK�3DFLILF�RFHDQ��EHWZHHQ�ODWLWXGH���Ü6�DQG���Ü6��7KH�FRXQWU\�UXQV�
URXJKO\�QRUWK�VRXWK�ZLWK�PRXQWDLQ�UDQJHV�GRZQ�PXFK�RI�LWV�OHQJWK��7KHUH�DUH�WZR�PDLQ�LVODQGV��WKH�1RUWK�
,VODQG�DQG�WKH�6RXWK�,VODQG��ZLWK�D�WKLUG�VPDOOHU�LVODQG�LQ�WKH�VRXWK��6WHZDUW�,VODQG��1HZ�=HDODQG�LV�DQ�
XQFURZGHG�FRXQWU\��,W�KDV�D�GLYHUVH�PXOWL�FXOWXUDO�SRSXODWLRQ�RI�MXVW���PLOOLRQ�SHRSOH�DQG�D�ULFK�KLVWRU\��
'HVWLQDWLRQV
6RXWK�,VODQG�
+RPH�����������)DFWV�DERXW�1=�����������*HWWLQJ�WR�1=�����������'HVWLQDWLRQV������������7KLQJV�WR�GR�����������$FFRPPRGDWLRQ�����������7UDQVSRUW
&KULVWFKXUFK
:HOOLQJWRQ
/DNH�7DXSR
$XFNODQG
0DLQ�UHJLRQV�RI�1HZ�=HDODQG��!�*R�WR�IXOO�PDS�SDJH
1 D W LR Q D O �3 D U N V ��
�
�
�
�
�
�
,I�\RX�ZDQW�WR�GLVFRYHU�WKH�QDWXUDO�VRXO�RI�1HZ�=HDODQG��WKHUH�DUH�QR�EHWWHU�SODFHV�WR�JR�WKDQ�WKH�
VSHFWDFXODU�1DWLRQDO�3DUNV��7KH�1DWLRQDO�3DUNV�DUH�WKH�UHDO�JHPV�RI�WKLV�FRXQWU\��SUHVHUYLQJ�WKH�QDWXUDO�
KHULWDJH��WKH�IRUHVWV��WKH�ZLOGOLIH�DQG�WKH�ODQGVFDSHV��FORVH�WR��DQG�LQ�VRPH�FDVHV��H[DFWO\��DV�LW�ZDV�
EHIRUH�PDQ�ZDV�WKHUH��
4XHHQVWRZQ
1HOVRQ
0LOIRUG�VRXQG
6RXWK�,VODQG��
�
$EHO�7DVPDQ�
$UWKXUV�3DVV�
)LRUGODQG�
0RXQW�&RRN���$RUDNL�
1HOVRQ�/DNHV�
'XQHGLQ���2WDJR�
.DKXUDQJ�
0RXQW�$VSLULQJ�
3DSDURD
�
1RUWK �,V ODQG�
(JPRQW�
7H�8UHZHUD�
7RQJDULUR�
:KDQJDQXL�
4XHHQVWRZQQ� /DNHV�Q� 0RXQWDLQV�Q� -HW�%RDWLQJ�Q� %XQJ\�Q� 6NLLQJ�Q� :DONLQJ��+LNLQJ�
Q� :LQH�Q� )LOP�ORFDWLRQV�Q� 1DWLRQDO�3DUNV�
1RUWK�,VODQG
$NO�!�:JWQ��KRXU
6RXWK�,VODQG
/RUG�RI�WKH�5LQJV�ILOP�ORFDWLRQV
6FHQLF�KLJKOLJKWV
2YHUYLHZ�RI�GHVWLQDWLRQV
1DWLRQDO�SDUNV
,VODQGV�&RDVWDO�+LJKOLJKWV�3DUNV�DQG�5HVHUYHV�6FHQLF�9LHZV�1DWXUDO�3KHQRPHQD�
1RUWK�,VODQG�5HJLRQV�1RUWKODQG�$XFNODQG�
&RURPDQGHO�:DLNDWR�5RWRUXD�%D\�RI�3OHQW\�
7DUDQDNL�/DNH�7DXSR�+DZNHV�ED\�0DQDZDWX�:HOOLQJWRQ
6RXWK�,VODQG�5HJLRQV�0DUOERURXJK�:HVW�&RDVW�
&KULVWFKXUFK��:DLWDNL�'XQHGLQ���2WDJR�
/DNH�:DQDND�4XHHQVWRZQ�&HQWUDO�2WDJR�)LRUGODQG�6RXWKODQG
'RPHVWLF�IOLJKW�WLPHV�
'ULYH�WLPHV
D
$NO�!�&KFK����KRXUV
$NO�!�4WQ����KRXUV
We used these prototypes during user testing…!
!
![Page 88: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/88.jpg)
Expert Review"Personas"
Tree Testing"Card Sorting"Co-Design"
Interaction Design"User Testing"
User testing is about getting actual users to complete actual tasks,
and aggregating insights from observing several users.!
!
![Page 89: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/89.jpg)
Because newzealand.com’s
users aren’t in NZ, we had to test in their
context, in their language.!
!!
![Page 90: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/90.jpg)
In America, China, and Australia.!
!
![Page 91: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/91.jpg)
From testing, we aggregate insights and
recommendations, and…!!
![Page 92: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/92.jpg)
Iterate"Mmm-hmm.!
!
![Page 93: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/93.jpg)
newzealand.com"
Go check out the site. It’s
good : )!!
![Page 94: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/94.jpg)
Following a year of continuousdesign and usability improvements…
resulting in the site's strongest 12 month period – visits are up four per cent and referrals up 18 per cent for
the year ending 31 January (2013)""
Catherine Bates, GM Brand and International PR, Tourism NZ!
![Page 95: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/95.jpg)
Just to put that in context,18 per cent means hundreds
of thousands more active considerers contacting NZ tourism operators – this is
our reason for being""
Dave Brem, Websites Manager, Tourism NZ, 2013!
![Page 96: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/96.jpg)
RE Okay. Let’s
recap UCD…!!
![Page 97: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/97.jpg)
INVOLVE USERS EARLY
INVOLVE USERS OFTEN
ITERATE, ITERATE, ITERATE
![Page 98: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/98.jpg)
Personas"
Thea Myers
Right. Now, about
personas.!!
![Page 99: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/99.jpg)
Thea
Thea’s one of our senior designer /
consultants.!!
![Page 100: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/100.jpg)
forkl i f t dr ivers • commercial fishers • le isure sai l ing and fishing!
call centre agents • physicians • banking & mobile phone consumers!
international travelers • international tourists to nz • life insurance buyers!
car insurance buyers • health insurance buyers • business insurance buyers!
home insurance buyers • small business owners • people establishing a business!
IT professionals • receptionists • alcohol drinkers • medical device dealers!
sufferers of sleep apnea • grocery buyers • courier package senders!
Thea’s done heaps of persona projects.!
!
![Page 101: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/101.jpg)
So what are Personas and why do we use them?
![Page 102: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/102.jpg)
1. A persona is a realistic archetype serving as a surrogate for one segment of a system’s (or part of a system’s) actual targeted audience.
Persona per SŌ na’ [noun]
So, the dictionary
definition of a persona is…!
!
![Page 103: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/103.jpg)
1. A persona is a realistic archetype serving as a surrogate for one segment of a system’s (or part of a system’s) actual targeted audience.
Persona per SŌ na’ [noun]
Stand-in user
Yeah yeah yeah. Personas are
basically just stand-in users, based
on research.!!
![Page 104: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/104.jpg)
• The design team is an actual team, with more than a single person working the entire process from ideation through implementation. !
• The team members are different from their users (true most of the time.)!
• The team members do not have regular interaction directly with users!
• Different users will interact with the product or service differently because they have different intentions, context, knowledge, skills, or experience.!
Useful when:"
-Jared Spool
![Page 105: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/105.jpg)
Here’s an example output from a persona research
project. Not Optimal’s, just an example Thea
found online.!!
![Page 106: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/106.jpg)
Here’s another one.!!
![Page 107: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/107.jpg)
And another one.!!
![Page 108: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/108.jpg)
And another one. This time with an action
figure.!!
![Page 109: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/109.jpg)
And another one.!!
![Page 110: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/110.jpg)
How to create Personas
![Page 111: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/111.jpg)
1. User research
2. Analysis
3. [Scene missing]
4. Voila! Personas!
How to create Personas
A four-step process – with the
third step being the tricky one.!
!
![Page 112: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/112.jpg)
1. User research
2. Analysis
3. [Scene missing]
4. Voila! Personas!
How to create Personas
Always start with research. Read what you have now.
Interview stakeholders. Interview customer-facing
roles. Talk to users – 10-20 is reasonable.!
!
![Page 113: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/113.jpg)
1. User research
2. Analysis
3. [Scene missing]
4. Voila! Personas!
How to create Personas
Then, analyse what your
interview data.!!
![Page 114: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/114.jpg)
Step away from the people you
interviewed, and see them as a
collection of data.!!
![Page 115: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/115.jpg)
Plenty of ways of conducting
analysis – all of which involve post-it notes…!
!
![Page 116: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/116.jpg)
1. User research
2. Analysis
3. [Scene missing]
4. Voila! Personas!
How to create Personas
Now for the magic.!!
![Page 117: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/117.jpg)
This ‘scene-missing’ step is about transforming that data into personas. This
isn’t creative writing – but more breathing life into
your data.!!!
![Page 118: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/118.jpg)
1. User research
2. Analysis
3. [Scene missing]
4. Voila! Personas!
How to create Personas
And you’re done. Right?!
…!!
![Page 119: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/119.jpg)
How to use Personas
You guessed it: nope. You’re only halfway. Now you have to use those
personas.!!
![Page 120: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/120.jpg)
!ey are a tool, and like any tool, you must know how to wield them!
How to use Personas
Personas are not the one source of truth. They can help you find it, but if it’s high risk, you’ll still need
to test it with actual users.!
!!
![Page 121: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/121.jpg)
Lessons learnt
Okay, so Thea has learned a few
lessons while working on these persona projects.!
!
![Page 122: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/122.jpg)
Lessons learnt
De"ne your scope well, and be prepared to scale the research!
Like this one: define your scope well. Are you interested in all
customers, or just those using your site, or just a
part of your site?!!!
Make sure you’re talking to
enough of the right people about the
right stuff.!!
Be prepared to up-scale your research if
you feel there are gaps in understanding, or
new user groups.!!!
![Page 123: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/123.jpg)
Lessons learnt
Consider who will be using the personas, design for them
And make sure you design the output from persona research to
work for the people who will use those outputs.!
!!
![Page 124: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/124.jpg)
You might be best starting out with rough
and ready sketch profiles to remind your designers that they are
not the user.!!!
![Page 125: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/125.jpg)
How you represent personas with images is
important too. Use believable pictures – this is Thea’s mom!!
!
![Page 126: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/126.jpg)
Stock photos are pretty shocking.
Apparently this is what doctors and nurses look like.!
!
![Page 127: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/127.jpg)
And this is what ‘women laughing alone with salad’
looks like…!!
![Page 128: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/128.jpg)
Patty Persona
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo
consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie
consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et.
The outputs from lightweight persona
work are often best left at the same sketch
fidelity as the research.!!!
![Page 129: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/129.jpg)
Lessons learnt
Keep them alive!
And most importantly: keep them live! Evolve
them. Re-interview people and adapt. They will stagnate and die if
not fed.!!
![Page 130: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/130.jpg)
Lessons learnt
Keep them alive!
(!is takes effort money)
That does take some effort to do.!
!
![Page 131: User-Centred Design and Personas](https://reader034.vdocuments.us/reader034/viewer/2022051012/5420f8257bef0aa33e8b5607/html5/thumbnails/131.jpg)
How can we help?""[email protected] / +64 21 706 166"[email protected] / +64 21 740 750"