SlideShare a Scribd company logo
1 of 73
One Big Field User experience & usability course Fergus Roche Sat 26 th  – Sun 27 th  Mar 2011  For University of Wales, Newport
One Big Field UX (user experience)
One Big Field
One Big Field Help orgs. make better decisions Position your need; if you can write down a problem correctly, you can see the solution. Position your need; if you can write down a problem correctly, you can see the solution.
Most attention Most clicked 2 nd  most One Big Field 2. We design with data Lots of designers don’t. Which we find weird.  Source: OBF project – mouse-tracking heatmap of web users behaviour
Prototype 3. UX will reduce risk The UX approach allows us to visualise a view of the future without going near build, reducing cost.  Source: OBF project – interaction prototype One Big Field
One Big Field History lesson Our forefathers: librarians, ergonomics & human factors
One Big Field UX the room
One Big Field Task What’s wrong with this room?
One Big Field Task Process map issues with the room
One Big Field MOST IMPORTANT THING TODAY…?
One Big Field Empathy
One Big Field Empathy
One Big Field View project process flow
Overview of next two days Peter Morville’s UX diagram from  http://semanticstudios.com/  The facets of UX… One Big Field
Day 2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],One Big Field
Day 3 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],One Big Field
One Big Field Credible
One Big Field Users <Ref report>
One Big Field Personas
One Big Field Social behaviour traits Caring:  desire to help people Charming:  pleasant, delightful Considerate:  thinking of others Enthusiastic:  has strong feelings; ardent Excitable: gets  excited  easily Faithful: being loyal Funny: causing people to laugh Kind: thoughtful, caring Pleasant: polite Polite: exhibiting good manners Sincere: being totally honest Thoughtful: thinking things over  Aggressive : verbally or physically threatening Argumentative:  often arguing with people Bossy:  always telling people what to do Deceitful:  doing or saying anything to get people to do what you want or to get what you want Domineering: constantly trying to control others Inconsiderate: not caring about others or their feelings Irritating: bothering people Manic: acting just a little crazy Manipulative: always trying to influences other people Moody: being unpredictable; changing moods often Rude: treating people badly; breaking social rules Spiteful: seeking revenge; hurting others because you didn’t get what you want Thoughtless: not thinking about the effects of your actions or words A persona’s behaviour…
One Big Field research
One Big Field Quantitative vs qualitative Moderated vs unmoderated Local vs remote Just a toolbox
One Big Field IDEA/DESIGN (hypothesis) Attack!
One Big Field IDEA/DESIGN (hypothesis) Competitor analysis Web analysis Document review Survey Application & database analysis User testing Ethnography Co-design
One Big Field Quantitative  Qualitative  Moderated  Unmoderated  Local  Remote Web analysis Competitor analysis Document review Application & DB analysis Survey User testing Co-design Ethnography
Web analytics
Heatmap showing mouse tracking Typical usage patterns F and Z down the page Probable start point A Probable start point B Heat map confirms expected behaviour on page* Source: Clicktale More info on F patterns for user reading practices: http://www.useit.com/alertbox/reading_pattern.html
One Big Field Bias
One Big Field Task Create a questionnaire that will engage the user-base.
One Big Field Valuable
One Big Field strategy
One Big Field Stakeholders Think, want, like, need, believe etc
One Big Field Remember Ford’s horses
One Big Field One-to-one interview Workshop
We asked...  “ how do the very best swimmers train?”  EXAMPLE  CLIENT
We met...  Chris Nesbit  Head Coach British Swimming Offshore  Centre – Gold Coast, Australia Ben Titley  Head Coach GB Women’s Swim Team James Hickman Five times World 200m  Butterfly Champion,  1997, '99, '00, '02, 04 Nova Centurion Five 16-17 year old athletes at the Nottingham swim club Across three sessions.  EXAMPLE  CLIENT
Day in the life of an athlete… ...from the session with James EXAMPLE  CLIENT
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],EXAMPLE  CLIENT
One Big Field Workshops! http://www.onebigfield.co.uk/blog/2010/09/how-to-run-a-workshop-part1/ Source : One Big Field project with Scope
Source :  Facebook  ( visualisation of a  sample-set of 10 million friendship pairs from the Facebook database ) Holistic UX Show lifecycle diagram
One Big Field
One Big Field Scenarios The key things folks will do
What have they changed in the drum-kit syllabus?! said  Geraldine  [aged 46], an  independent language teacher , who has been contacted by Trinity about changes to the syllabus…
One Big Field Task Create scenarios.
One Big Field Process-mapping Boxes and arrows
User journey: Find information on Key  Protection business cover. Offering a package for the first time.
One Big Field
One Big Field How will they use the website; key user journeys I want to vote on last year’s films & set a reminder I want to vote on last year’s films & set a reminder Lets find a film and add a comment Lets check times and book! Book! Find and Download a Learning Resource Now Showing Film Details Rate & Write a comment – Sign In Rate & Write a Comment Start End View Last Year’s Films Vote on film Get popup stating thanks and sign-in invite Sign In Access Reminders Set SMS Reminder Start End Choose Friend Subscription Existing User Message  New User Sign Up  Payment Method Payment Details Purchase Start End You’re Done Film Detail Choose Date & Time Choose Ticket Options Make Payment Payment Confirmation Start End Learning and Development Schools and Colleges Download Resource Start End
One Big Field Existing Proposed V
One Big Field Task Process map scenarios.
One Big Field Capture requirements User-centering the shopping list Source : One Big Field project with Ebay
There is a major earthquake in a rural remote area of Kyrgyzstan. The British Red Cross launches an appeal.  Itibek, a young British man with Kirghiz parents, is very concerned about his relatives - his uncle, aunt and cousin from his mother’s side live in the area affected by the earthquake. He's been trying to get in touch with them but has not heard anything since the earthquake.  How can the British Red Cross help him to find out what is happening to his relatives He’s wondering whether to donate money to the appeal He would also like to donate some of his winter clothes, and wants to find out where his nearest Red Cross shop is to do so.  Having donated money and clothes, he comes back to the website a month later to find out how the Red Cross has been using his donation in Kyrgyzstan. Describe and map out how he would engage with the British Red Cross currently. Highlight the  tracing & message, donate and shop steps.  User journey 1: Itibek’s earthquake EXAMPLE  CLIENT
EXAMPLE  CLIENT
EXAMPLE  CLIENT
One Big Field Ideation across the process maps
EXAMPLE  CLIENT
One Big Field BUSINESS OBJECTIVES LIKES/DISLIKES SCENARIOS PROCESS-MAP [EXISTING] IDEATION ACROSS MAPS CLUSTER PRIORITISE / CULL REPEAT PER SCENARIO SCORE IDEAS AGAINST OBJECTIVES ORGANISE /LIST PROTOTYPE PRIORTIES FIRST Quantity [x50] Quality [x2] start end
One Big Field Task Ideation of requirements.
One Big Field Running workshops Key considerations…
One Big Field ,[object Object],[object Object],[object Object],And Planning Poker
One Big Field Planning Poker Req 1: do the washing up after dinner – effort involved = 1  Chiwowa Req 2: build a small desk from a flatpack IKEA set – effort involved = 1  Labrador Req 3: replace the engine in your car – effort involved = 1  Great Dane Req 4: build a small nuclear fusion generator in an Afghan cave. As a prisoner – effort involved = ten  Wargs  [massive monster dogs from Lord of the Rings]
One Big Field Accessible
One Big Field “ Web accessibility means that people with disabilities can use the Web. More specifically, Web accessibility means that  people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web .  Web accessibility also benefits others, including older people with changing abilities due to aging” http://www.w3.org/WAI/intro/accessibility.php
One Big Field An even playing field for all
One Big Field ,[object Object],[object Object],[object Object],[object Object]
One Big Field ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
One Big Field ,[object Object],[object Object],[object Object],[object Object],[object Object]
One Big Field ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
One Big Field The best test:  My mum test
One Big Field The best business reason:  Mobile
One Big Field <Review handout>
One Big Field Task Decide on three site you like for tomorrow.

More Related Content

What's hot

Design Sprint Workshop @UMN SKYSTAR VENTURE
Design Sprint Workshop @UMN SKYSTAR VENTUREDesign Sprint Workshop @UMN SKYSTAR VENTURE
Design Sprint Workshop @UMN SKYSTAR VENTURECipta Pratama
 
What does it mean to be a test engineer?
What does it mean to be a test engineer?What does it mean to be a test engineer?
What does it mean to be a test engineer?Andrii Dzynia
 
UI/UX Foundations - Research
UI/UX Foundations - ResearchUI/UX Foundations - Research
UI/UX Foundations - ResearchMeg Kurdziolek
 
Uncovering Need and Validating Ideas with UserTesting by Marieke McCloskey
Uncovering Need and Validating Ideas with UserTesting by Marieke McCloskeyUncovering Need and Validating Ideas with UserTesting by Marieke McCloskey
Uncovering Need and Validating Ideas with UserTesting by Marieke McCloskeyUserTesting
 
MEMSI January 2018: DE2- What can you do for your customer? + DE 5 - Hypothes...
MEMSI January 2018: DE2- What can you do for your customer? + DE 5 - Hypothes...MEMSI January 2018: DE2- What can you do for your customer? + DE 5 - Hypothes...
MEMSI January 2018: DE2- What can you do for your customer? + DE 5 - Hypothes...Elaine Chen
 
What your customers REALLY think: Incorporating usability testing into agile
What your customers REALLY think: Incorporating usability testing into agileWhat your customers REALLY think: Incorporating usability testing into agile
What your customers REALLY think: Incorporating usability testing into agilePhil Barrett
 
Usability testing tips for UX Designers
Usability testing tips for UX DesignersUsability testing tips for UX Designers
Usability testing tips for UX DesignersDavid Hamill
 
Product Design - Rui Barroca
Product Design - Rui BarrocaProduct Design - Rui Barroca
Product Design - Rui BarrocaStartup Braga
 
Innovation and Product management
Innovation and Product managementInnovation and Product management
Innovation and Product managementkborah
 
Lean UX workshop @ Makers of Barcelona (MOB) + Agile BCN Meetup
Lean UX workshop @  Makers of Barcelona (MOB) + Agile BCN MeetupLean UX workshop @  Makers of Barcelona (MOB) + Agile BCN Meetup
Lean UX workshop @ Makers of Barcelona (MOB) + Agile BCN MeetupJose Berengueres
 
Would you use this? UX South Africa 2016
Would you use this? UX South Africa 2016Would you use this? UX South Africa 2016
Would you use this? UX South Africa 2016Phil Barrett
 
UX, Agile and product management
UX, Agile and product managementUX, Agile and product management
UX, Agile and product managementPhil Barrett
 
Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15
Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15
Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15Julius Dietz
 
UX Research by Cipta Pratama
UX Research by Cipta PratamaUX Research by Cipta Pratama
UX Research by Cipta PratamaCipta Pratama
 
Usability Testing for Developers with No Budget
Usability Testing for Developers with No BudgetUsability Testing for Developers with No Budget
Usability Testing for Developers with No BudgetAshley Dzick
 
Paper Prototyping Rakuten Osaka
Paper Prototyping Rakuten OsakaPaper Prototyping Rakuten Osaka
Paper Prototyping Rakuten OsakaMandy Meissner
 
Remote Fieldwork: How observational studies elevated usability at AutoTrader.com
Remote Fieldwork: How observational studies elevated usability at AutoTrader.comRemote Fieldwork: How observational studies elevated usability at AutoTrader.com
Remote Fieldwork: How observational studies elevated usability at AutoTrader.comEmily Schroeder
 
Agile Brisbane _ Lean Startup & MVP March 2015
Agile Brisbane _ Lean Startup & MVP March 2015 Agile Brisbane _ Lean Startup & MVP March 2015
Agile Brisbane _ Lean Startup & MVP March 2015 robinlmack
 
The Essentials of Great Product Design
The Essentials of Great Product DesignThe Essentials of Great Product Design
The Essentials of Great Product DesignMatt Baxter
 
Staying research led with almost no resources (UXcamp 2019)
Staying research led with almost no resources (UXcamp 2019)Staying research led with almost no resources (UXcamp 2019)
Staying research led with almost no resources (UXcamp 2019)Kea Zhang
 

What's hot (20)

Design Sprint Workshop @UMN SKYSTAR VENTURE
Design Sprint Workshop @UMN SKYSTAR VENTUREDesign Sprint Workshop @UMN SKYSTAR VENTURE
Design Sprint Workshop @UMN SKYSTAR VENTURE
 
What does it mean to be a test engineer?
What does it mean to be a test engineer?What does it mean to be a test engineer?
What does it mean to be a test engineer?
 
UI/UX Foundations - Research
UI/UX Foundations - ResearchUI/UX Foundations - Research
UI/UX Foundations - Research
 
Uncovering Need and Validating Ideas with UserTesting by Marieke McCloskey
Uncovering Need and Validating Ideas with UserTesting by Marieke McCloskeyUncovering Need and Validating Ideas with UserTesting by Marieke McCloskey
Uncovering Need and Validating Ideas with UserTesting by Marieke McCloskey
 
MEMSI January 2018: DE2- What can you do for your customer? + DE 5 - Hypothes...
MEMSI January 2018: DE2- What can you do for your customer? + DE 5 - Hypothes...MEMSI January 2018: DE2- What can you do for your customer? + DE 5 - Hypothes...
MEMSI January 2018: DE2- What can you do for your customer? + DE 5 - Hypothes...
 
What your customers REALLY think: Incorporating usability testing into agile
What your customers REALLY think: Incorporating usability testing into agileWhat your customers REALLY think: Incorporating usability testing into agile
What your customers REALLY think: Incorporating usability testing into agile
 
Usability testing tips for UX Designers
Usability testing tips for UX DesignersUsability testing tips for UX Designers
Usability testing tips for UX Designers
 
Product Design - Rui Barroca
Product Design - Rui BarrocaProduct Design - Rui Barroca
Product Design - Rui Barroca
 
Innovation and Product management
Innovation and Product managementInnovation and Product management
Innovation and Product management
 
Lean UX workshop @ Makers of Barcelona (MOB) + Agile BCN Meetup
Lean UX workshop @  Makers of Barcelona (MOB) + Agile BCN MeetupLean UX workshop @  Makers of Barcelona (MOB) + Agile BCN Meetup
Lean UX workshop @ Makers of Barcelona (MOB) + Agile BCN Meetup
 
Would you use this? UX South Africa 2016
Would you use this? UX South Africa 2016Would you use this? UX South Africa 2016
Would you use this? UX South Africa 2016
 
UX, Agile and product management
UX, Agile and product managementUX, Agile and product management
UX, Agile and product management
 
Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15
Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15
Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15
 
UX Research by Cipta Pratama
UX Research by Cipta PratamaUX Research by Cipta Pratama
UX Research by Cipta Pratama
 
Usability Testing for Developers with No Budget
Usability Testing for Developers with No BudgetUsability Testing for Developers with No Budget
Usability Testing for Developers with No Budget
 
Paper Prototyping Rakuten Osaka
Paper Prototyping Rakuten OsakaPaper Prototyping Rakuten Osaka
Paper Prototyping Rakuten Osaka
 
Remote Fieldwork: How observational studies elevated usability at AutoTrader.com
Remote Fieldwork: How observational studies elevated usability at AutoTrader.comRemote Fieldwork: How observational studies elevated usability at AutoTrader.com
Remote Fieldwork: How observational studies elevated usability at AutoTrader.com
 
Agile Brisbane _ Lean Startup & MVP March 2015
Agile Brisbane _ Lean Startup & MVP March 2015 Agile Brisbane _ Lean Startup & MVP March 2015
Agile Brisbane _ Lean Startup & MVP March 2015
 
The Essentials of Great Product Design
The Essentials of Great Product DesignThe Essentials of Great Product Design
The Essentials of Great Product Design
 
Staying research led with almost no resources (UXcamp 2019)
Staying research led with almost no resources (UXcamp 2019)Staying research led with almost no resources (UXcamp 2019)
Staying research led with almost no resources (UXcamp 2019)
 

Similar to UX Tutorial Session Day 2

090511 Appleby Magna Overview Presentation
090511 Appleby Magna Overview Presentation090511 Appleby Magna Overview Presentation
090511 Appleby Magna Overview PresentationMartin Bazley
 
Bazley Developing And Evaluating Online Resources
Bazley Developing And Evaluating Online ResourcesBazley Developing And Evaluating Online Resources
Bazley Developing And Evaluating Online ResourcesMartin Bazley
 
Digital learning martin bazley gem conference swansea
Digital learning martin bazley gem conference swanseaDigital learning martin bazley gem conference swansea
Digital learning martin bazley gem conference swanseaMartin Bazley
 
E Marketing Week02
E Marketing Week02E Marketing Week02
E Marketing Week02Stephen Dann
 
Museum Website Best Practices for the 21st Century
Museum Website Best Practices for the 21st CenturyMuseum Website Best Practices for the 21st Century
Museum Website Best Practices for the 21st CenturyDana Mitroff Silvers
 
Edinburgh destinations seminar 161013
Edinburgh destinations seminar 161013Edinburgh destinations seminar 161013
Edinburgh destinations seminar 161013Precedent
 
Designing for Stress Cases - Baltimore Design Week 2016 - Kelly Driver and An...
Designing for Stress Cases - Baltimore Design Week 2016 - Kelly Driver and An...Designing for Stress Cases - Baltimore Design Week 2016 - Kelly Driver and An...
Designing for Stress Cases - Baltimore Design Week 2016 - Kelly Driver and An...Anthony D. Paul
 
Life, actually: An All Channels Open approach to real time research on the move
Life, actually: An All Channels Open approach to real time research on the moveLife, actually: An All Channels Open approach to real time research on the move
Life, actually: An All Channels Open approach to real time research on the moveCrowdLab
 
Power to the People!
Power to the People!Power to the People!
Power to the People!Zef Fugaz
 
Mobile First London 13 August
Mobile First London 13 August Mobile First London 13 August
Mobile First London 13 August Precedent
 
Community Visioning Workshop Preview
Community Visioning Workshop PreviewCommunity Visioning Workshop Preview
Community Visioning Workshop PreviewHeartland2050
 
Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13Precedent
 
What is good design, from One Big Field
What is good design, from One Big FieldWhat is good design, from One Big Field
What is good design, from One Big FieldFergus Roche
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!Embolden
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!Embolden
 
Martin bazley evaluating digital learning resources leicester reduced for upl...
Martin bazley evaluating digital learning resources leicester reduced for upl...Martin bazley evaluating digital learning resources leicester reduced for upl...
Martin bazley evaluating digital learning resources leicester reduced for upl...Martin Bazley
 
User Experience for Library Websites
User Experience for Library WebsitesUser Experience for Library Websites
User Experience for Library Websitesjjs6791
 
Anytime, Anywhere, Any Device: Developing a Mobile Website for Your Library
Anytime, Anywhere, Any Device: Developing a Mobile Website for Your LibraryAnytime, Anywhere, Any Device: Developing a Mobile Website for Your Library
Anytime, Anywhere, Any Device: Developing a Mobile Website for Your LibraryMobile Libraries
 
Designing and deploying mobile user studies in the wild: a practical guide
Designing and deploying mobile user studies in the wild: a practical guideDesigning and deploying mobile user studies in the wild: a practical guide
Designing and deploying mobile user studies in the wild: a practical guideKaren Church
 

Similar to UX Tutorial Session Day 2 (20)

090511 Appleby Magna Overview Presentation
090511 Appleby Magna Overview Presentation090511 Appleby Magna Overview Presentation
090511 Appleby Magna Overview Presentation
 
Bazley Developing And Evaluating Online Resources
Bazley Developing And Evaluating Online ResourcesBazley Developing And Evaluating Online Resources
Bazley Developing And Evaluating Online Resources
 
Digital learning martin bazley gem conference swansea
Digital learning martin bazley gem conference swanseaDigital learning martin bazley gem conference swansea
Digital learning martin bazley gem conference swansea
 
E Marketing Week02
E Marketing Week02E Marketing Week02
E Marketing Week02
 
Museum Website Best Practices for the 21st Century
Museum Website Best Practices for the 21st CenturyMuseum Website Best Practices for the 21st Century
Museum Website Best Practices for the 21st Century
 
Edinburgh destinations seminar 161013
Edinburgh destinations seminar 161013Edinburgh destinations seminar 161013
Edinburgh destinations seminar 161013
 
Designing for Stress Cases - Baltimore Design Week 2016 - Kelly Driver and An...
Designing for Stress Cases - Baltimore Design Week 2016 - Kelly Driver and An...Designing for Stress Cases - Baltimore Design Week 2016 - Kelly Driver and An...
Designing for Stress Cases - Baltimore Design Week 2016 - Kelly Driver and An...
 
Life, actually: An All Channels Open approach to real time research on the move
Life, actually: An All Channels Open approach to real time research on the moveLife, actually: An All Channels Open approach to real time research on the move
Life, actually: An All Channels Open approach to real time research on the move
 
Power to the People!
Power to the People!Power to the People!
Power to the People!
 
Mobile First London 13 August
Mobile First London 13 August Mobile First London 13 August
Mobile First London 13 August
 
Community Visioning Workshop Preview
Community Visioning Workshop PreviewCommunity Visioning Workshop Preview
Community Visioning Workshop Preview
 
Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13
 
What is good design, from One Big Field
What is good design, from One Big FieldWhat is good design, from One Big Field
What is good design, from One Big Field
 
Beyond Usability
Beyond UsabilityBeyond Usability
Beyond Usability
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Martin bazley evaluating digital learning resources leicester reduced for upl...
Martin bazley evaluating digital learning resources leicester reduced for upl...Martin bazley evaluating digital learning resources leicester reduced for upl...
Martin bazley evaluating digital learning resources leicester reduced for upl...
 
User Experience for Library Websites
User Experience for Library WebsitesUser Experience for Library Websites
User Experience for Library Websites
 
Anytime, Anywhere, Any Device: Developing a Mobile Website for Your Library
Anytime, Anywhere, Any Device: Developing a Mobile Website for Your LibraryAnytime, Anywhere, Any Device: Developing a Mobile Website for Your Library
Anytime, Anywhere, Any Device: Developing a Mobile Website for Your Library
 
Designing and deploying mobile user studies in the wild: a practical guide
Designing and deploying mobile user studies in the wild: a practical guideDesigning and deploying mobile user studies in the wild: a practical guide
Designing and deploying mobile user studies in the wild: a practical guide
 

Recently uploaded

group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作aecnsnzk
 
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
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一D SSS
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryrioverosanniejoy
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
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
 
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一F dds
 
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
 
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...ttt fff
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Apresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus RizzoApresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus RizzoCarolTelles6
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 

Recently uploaded (20)

group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
 
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...
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industry
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
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毕业证俄亥俄大学毕业证成绩单留信学历认证
 
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
 
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
 
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
Apresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus RizzoApresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus Rizzo
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 

UX Tutorial Session Day 2

  • 1. One Big Field User experience & usability course Fergus Roche Sat 26 th – Sun 27 th Mar 2011 For University of Wales, Newport
  • 2. One Big Field UX (user experience)
  • 4. One Big Field Help orgs. make better decisions Position your need; if you can write down a problem correctly, you can see the solution. Position your need; if you can write down a problem correctly, you can see the solution.
  • 5. Most attention Most clicked 2 nd most One Big Field 2. We design with data Lots of designers don’t. Which we find weird. Source: OBF project – mouse-tracking heatmap of web users behaviour
  • 6. Prototype 3. UX will reduce risk The UX approach allows us to visualise a view of the future without going near build, reducing cost. Source: OBF project – interaction prototype One Big Field
  • 7. One Big Field History lesson Our forefathers: librarians, ergonomics & human factors
  • 8. One Big Field UX the room
  • 9. One Big Field Task What’s wrong with this room?
  • 10. One Big Field Task Process map issues with the room
  • 11. One Big Field MOST IMPORTANT THING TODAY…?
  • 12. One Big Field Empathy
  • 13. One Big Field Empathy
  • 14. One Big Field View project process flow
  • 15. Overview of next two days Peter Morville’s UX diagram from http://semanticstudios.com/ The facets of UX… One Big Field
  • 16.
  • 17.
  • 18. One Big Field Credible
  • 19. One Big Field Users <Ref report>
  • 20. One Big Field Personas
  • 21. One Big Field Social behaviour traits Caring: desire to help people Charming: pleasant, delightful Considerate: thinking of others Enthusiastic: has strong feelings; ardent Excitable: gets excited easily Faithful: being loyal Funny: causing people to laugh Kind: thoughtful, caring Pleasant: polite Polite: exhibiting good manners Sincere: being totally honest Thoughtful: thinking things over  Aggressive : verbally or physically threatening Argumentative: often arguing with people Bossy: always telling people what to do Deceitful: doing or saying anything to get people to do what you want or to get what you want Domineering: constantly trying to control others Inconsiderate: not caring about others or their feelings Irritating: bothering people Manic: acting just a little crazy Manipulative: always trying to influences other people Moody: being unpredictable; changing moods often Rude: treating people badly; breaking social rules Spiteful: seeking revenge; hurting others because you didn’t get what you want Thoughtless: not thinking about the effects of your actions or words A persona’s behaviour…
  • 22. One Big Field research
  • 23. One Big Field Quantitative vs qualitative Moderated vs unmoderated Local vs remote Just a toolbox
  • 24. One Big Field IDEA/DESIGN (hypothesis) Attack!
  • 25. One Big Field IDEA/DESIGN (hypothesis) Competitor analysis Web analysis Document review Survey Application & database analysis User testing Ethnography Co-design
  • 26. One Big Field Quantitative Qualitative Moderated Unmoderated Local Remote Web analysis Competitor analysis Document review Application & DB analysis Survey User testing Co-design Ethnography
  • 28. Heatmap showing mouse tracking Typical usage patterns F and Z down the page Probable start point A Probable start point B Heat map confirms expected behaviour on page* Source: Clicktale More info on F patterns for user reading practices: http://www.useit.com/alertbox/reading_pattern.html
  • 30. One Big Field Task Create a questionnaire that will engage the user-base.
  • 31. One Big Field Valuable
  • 32. One Big Field strategy
  • 33. One Big Field Stakeholders Think, want, like, need, believe etc
  • 34. One Big Field Remember Ford’s horses
  • 35. One Big Field One-to-one interview Workshop
  • 36. We asked... “ how do the very best swimmers train?” EXAMPLE CLIENT
  • 37. We met... Chris Nesbit Head Coach British Swimming Offshore Centre – Gold Coast, Australia Ben Titley Head Coach GB Women’s Swim Team James Hickman Five times World 200m Butterfly Champion, 1997, '99, '00, '02, 04 Nova Centurion Five 16-17 year old athletes at the Nottingham swim club Across three sessions. EXAMPLE CLIENT
  • 38. Day in the life of an athlete… ...from the session with James EXAMPLE CLIENT
  • 39.
  • 40. One Big Field Workshops! http://www.onebigfield.co.uk/blog/2010/09/how-to-run-a-workshop-part1/ Source : One Big Field project with Scope
  • 41. Source : Facebook ( visualisation of a sample-set of 10 million friendship pairs from the Facebook database ) Holistic UX Show lifecycle diagram
  • 43. One Big Field Scenarios The key things folks will do
  • 44. What have they changed in the drum-kit syllabus?! said Geraldine [aged 46], an independent language teacher , who has been contacted by Trinity about changes to the syllabus…
  • 45. One Big Field Task Create scenarios.
  • 46. One Big Field Process-mapping Boxes and arrows
  • 47. User journey: Find information on Key Protection business cover. Offering a package for the first time.
  • 49. One Big Field How will they use the website; key user journeys I want to vote on last year’s films & set a reminder I want to vote on last year’s films & set a reminder Lets find a film and add a comment Lets check times and book! Book! Find and Download a Learning Resource Now Showing Film Details Rate & Write a comment – Sign In Rate & Write a Comment Start End View Last Year’s Films Vote on film Get popup stating thanks and sign-in invite Sign In Access Reminders Set SMS Reminder Start End Choose Friend Subscription Existing User Message New User Sign Up Payment Method Payment Details Purchase Start End You’re Done Film Detail Choose Date & Time Choose Ticket Options Make Payment Payment Confirmation Start End Learning and Development Schools and Colleges Download Resource Start End
  • 50. One Big Field Existing Proposed V
  • 51. One Big Field Task Process map scenarios.
  • 52. One Big Field Capture requirements User-centering the shopping list Source : One Big Field project with Ebay
  • 53. There is a major earthquake in a rural remote area of Kyrgyzstan. The British Red Cross launches an appeal. Itibek, a young British man with Kirghiz parents, is very concerned about his relatives - his uncle, aunt and cousin from his mother’s side live in the area affected by the earthquake. He's been trying to get in touch with them but has not heard anything since the earthquake. How can the British Red Cross help him to find out what is happening to his relatives He’s wondering whether to donate money to the appeal He would also like to donate some of his winter clothes, and wants to find out where his nearest Red Cross shop is to do so. Having donated money and clothes, he comes back to the website a month later to find out how the Red Cross has been using his donation in Kyrgyzstan. Describe and map out how he would engage with the British Red Cross currently. Highlight the tracing & message, donate and shop steps. User journey 1: Itibek’s earthquake EXAMPLE CLIENT
  • 56. One Big Field Ideation across the process maps
  • 58. One Big Field BUSINESS OBJECTIVES LIKES/DISLIKES SCENARIOS PROCESS-MAP [EXISTING] IDEATION ACROSS MAPS CLUSTER PRIORITISE / CULL REPEAT PER SCENARIO SCORE IDEAS AGAINST OBJECTIVES ORGANISE /LIST PROTOTYPE PRIORTIES FIRST Quantity [x50] Quality [x2] start end
  • 59. One Big Field Task Ideation of requirements.
  • 60. One Big Field Running workshops Key considerations…
  • 61.
  • 62. One Big Field Planning Poker Req 1: do the washing up after dinner – effort involved = 1 Chiwowa Req 2: build a small desk from a flatpack IKEA set – effort involved = 1 Labrador Req 3: replace the engine in your car – effort involved = 1 Great Dane Req 4: build a small nuclear fusion generator in an Afghan cave. As a prisoner – effort involved = ten Wargs [massive monster dogs from Lord of the Rings]
  • 63. One Big Field Accessible
  • 64. One Big Field “ Web accessibility means that people with disabilities can use the Web. More specifically, Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web . Web accessibility also benefits others, including older people with changing abilities due to aging” http://www.w3.org/WAI/intro/accessibility.php
  • 65. One Big Field An even playing field for all
  • 66.
  • 67.
  • 68.
  • 69.
  • 70. One Big Field The best test: My mum test
  • 71. One Big Field The best business reason: Mobile
  • 72. One Big Field <Review handout>
  • 73. One Big Field Task Decide on three site you like for tomorrow.