Successfully reported this slideshow.

Eye tracking New Zealand's banks

3,546 views

Published on

The results of eye tracking New Zealand's major banks

Published in: Economy & Finance
  • Be the first to comment

Eye tracking New Zealand's banks

  1. 1. Eye tracking NewZealand’s banksTrent Mankelowand Annika Naschitzki (she did all the real work)
  2. 2. What is eye tracking?
  3. 3. What is eye tracking?
  4. 4. From http://usableworld.com.au/2009/03/16/you-look-where-they-look/
  5. 5. From http://www.ojr.org/ojr/stories/070312ruel/
  6. 6. What we did6 participants looked at the publicwebsites of ANZ, ASB, BNZ, Kiwibank,National, and Westpac.Each participant had 2 tasks: Participants were taken to the home page and told to “take a moment to look around” After 30 seconds, we asked participants to “find out what kind of credit cards this bank offers”
  7. 7. National
  8. 8. Q: Whichelement on thispage gets themost attention?a) Top navbarb) Online servicesc) Canterbury earthquaked) 2.99%e) Small pictures
  9. 9. The ‘CanterburyEarthquake Information’draws a lot of attentionwithin the first 30seconds. Currentbuzzwords often have thiskind of effect.Participants pay a lot ofattention to the balancetransfer box. Bannersplaced next to a buzzwordare more likely to beperceived by visitors.The small centralnavigation options getsrelatively little attention.
  10. 10. The home page offers alarge number of optionsand boxes, it is possiblethat the users eye isn’tguided through the page.The participant in thisexample skims over theentire page, with verylittle structure to theirgaze pattern. There arevery few long fixations,and the fixations move indifferent directions.
  11. 11. The home page offers a large number of optionsTip 1: Minimise noise and boxes, it is possible that the users eye isn’t guided through the page.Tip 2: Create a clear visualhierarchy The participant in this example skims over the entire page, with very little structure to theirTip 3: Design based on gaze pattern. There arevisual saliency very few long fixations, and the fixations move in different directions.
  12. 12. Cards Overview On the credit card overview, participants behaved in two ways: Some participants started reading through the list of credit cards, skimming over some details. After a few items, they turned to the left-hand navigation and looked for other sections. Some participants started looking for sub-sections in the navigation straight away. Participants didn’t seem inclined to read through the list of credit cards.
  13. 13. Cards Overview On the credit card overview, participants behaved in two ways: Some participants started reading through the list of credit cards, skimming over some details. After aTip 4: Design for scanning few items, they turned to the left-hand navigation and looked for other sections.Tip 5: Use pictures Some participants started looking for sub-sections in the navigation straight away. Participants didn’t seem inclined to read through the list of credit cards.
  14. 14. Tip 1: Minimise noise
  15. 15. 126 vs. 42
  16. 16. 24 jams versus 6 jams 24 jams • 60% of customers stopped for a taste • 3% made a purchase 6 jams • 40% of customers stopped for a taste • 30% made a purchasePhoto from http://caterwauls.ca/new_page_15_files/berry%20jams.JPG/
  17. 17. “No matter how cool yourinterface is, less of it would be better.” – Alan CooperFrom http://usableworld.com.au/2009/03/16/you-look-where-they-look/
  18. 18. From http://www.smashingapps.com/wp-content/uploads/2010/08/rescue-princess-usability-engineer.jpg
  19. 19. Tip 2: Create a clearvisual hierarchy
  20. 20. Tip 3: Design basedon visual saliency
  21. 21. We are attracted to:1. People and faces2. Movement3. Familiarity4. Brightness5. High contrast6. Vivid colour7. Strong pattern
  22. 22. From http://usableworld.com.au/2009/03/16/you-look-where-they-look/
  23. 23. From http://usableworld.com.au/2009/03/16/you-look-where-they-look/
  24. 24. From http://www.valentinemoore.co.uk/trv/Attractive.pdf
  25. 25. Tip 4: Design forscanning
  26. 26. 40,000,000
  27. 27. 40,000,000
  28. 28. Tip 5: Use pictures
  29. 29. Research participants remembered more than 2,500 pictures with 90% accuracy
  30. 30. Hear a piece of information, and threedays later you’ll remember 10% of it
  31. 31. Add a picture andyou’ll remember 65%
  32. 32. The rest:Home pages
  33. 33. The rest:Credit card landingpages
  34. 34. In conclusion
  35. 35. National Bank - FindingsThe number of boxes and options on thehome page, together with the saturatedcolours, may cause users to miss importantnavigation options.Using buzzwords such as ‘CanterburyEarthquake’ draw a lot of attention, whichmay potentially pull visitors away fromother important elements.Users may find the list of credit card toolong for an overview. The participantsshowed a tendency to look for overviewoptions, possibly in a shorter, more table-like format.
  36. 36. OverallBased on the participant’s rating and the findings from the single pages,a banking website appears to be favoured if: The homepage is visually clean, offering only a limited number of options at first glance The main navigation is clear and visually prominent at the top Second-level landing pages use clear tables or tools instead of lists
  37. 37. Eye tracking advantagesWe can tell exactly wherepeople are lookingGives some insights intobehaviourSexy deliverables!
  38. 38. Questions?@trentmankelowtrent@optimalusability.com(021) 389-494Next steps: • Attend How to Design a Seductive Website on 28 June • Winter expert review special - $4,995 till 15 June • Sign up to our newsletter at optimalusability.com!

×