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
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…
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
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…
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
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
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
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]
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