Your SlideShare is downloading. ×
0
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Hands-On Task Management: From Interaction Design to web Strategy
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Hands-On Task Management: From Interaction Design to web Strategy

1,089

Published on

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,089
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Hands-On Task Management: From Interaction Design to Web StrategyMike AtyeoJ Boye TutorialTuesday May 3, 2011<br />V1.2<br />
  • 2. Mike Atyeo<br />Contacts<br />Phone (613) 271-3001<br />Email info@neoinsight.com<br />Web www.neoinsight.com<br />Mail Suite 374 300 Earl Grey Drive Ottawa, Ontario Canada K2T 1C1<br />Strategic design(613) 271-3001 x101mike@neoinsight.com<br />Gord Hopkins<br />User Experience Specialist (613) 271-3001 x102gord@neoinsight.com<br />Scott Smith<br />Competitive strategy (613) 271-3001 x103scott@neoinsight.com<br />Lisa Fast<br />Experience Designer (613) 271-3001 x104lisa@neoinsight.com<br />
  • 3. J Boye Tutorial: Hands-On Task Management: From Interaction Design to Web Strategy<br />Introduction(s)<br />The Top Task Law<br />Round in Circles: Sweat the small task-oriented stuff<br />Top Tasks on the Home Page<br />Faces, images, banners and attention: Task-oriented R&D<br />Create a culture of testing<br />Organizing the Task-focused organization<br />
  • 4. Going the J Boye way...<br />“I really like this conference format and the composition of the audience, because you’re not bothered by vendors, not bored by consultants, but you meet a lot of experts with whom you can share experiences.”<br />“At many conferences, the main question is: “what should we do?”, which is always theoretical, but here it is: “how did you do it?”<br />“Many thanks for a great conference. I found the day really useful and came back buzzing with ideas.”<br />
  • 5.
  • 6. The 3 key changes to website strategy<br />Manage tasks<br />Not websites<br />Get the focus off technology and silos<br />Prioritise resources around top tasks<br />Use the ‘long neck’ to focus<br />Measure task performance <br />As a key, continuous organizational performance indicator<br />Data on behaviour (not opinion)<br />
  • 7. Challenges<br />
  • 8. Web phrenology<br />There are usability issues we see time and time again – they’re common to most organizations<br />There are also recommendations we make that clients find hard to implement – there are common challenges and barriers<br />Lisa Welch<br />
  • 9. Category<br />Category<br />Category<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Problem Statement<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Cause<br />Category<br />Category<br />
  • 10. 279%<br />
  • 11. The Top Task Law<br />
  • 12.
  • 13. Amdahl’s Law<br />Performance improvement is proportional to how much a program uses the thing you improved. <br />
  • 14. Top task identification<br />Not all tasks are equal - the top 4 tasks garnered the same number of votes as the bottom 43<br />1. Find a Person<br />2. Procedures, Policies...<br />3. Corporate News<br />4. Training, Learning<br />30,000 Intranet users... <br />4 Countries...<br />
  • 15. The Long Neck<br />Target audiences’ votes on their top tasks<br />Tasks<br />15<br />
  • 16. Not Quitethere yet<br />The Top Task Law<br />Performance improvement is proportional to how much your users use the thing you improved. <br />
  • 17. The Top Task Law<br />Priority tasks users want to do on your website<br />Tasks supported by your website<br />
  • 18. The Top Task Law<br />Total website quality improvement is proportional to the frequency and importance of the improved tasks to users. <br />Corollary<br />To get the biggest ROI on improvements to your website, concentrate on improving the most frequent and important user tasks.<br />
  • 19. Aside...<br />http://www.slideshare.net/lrosenfeld/redesign-must-die<br />
  • 20. Round in Circles: Sweat the small task-oriented stuff<br />
  • 21. Top paths on top library pages<br />HOME<br />ENTER: 76%<br />EXIT: 49%<br />CIRCULAR: 17%<br />21%<br />5%<br />5%<br />E-Library<br />E-Reserves<br />Departments<br />ENTER: 15%<br />ENTER: 14%<br />ENTER: 8%<br />EXIT: 9%<br />EXIT: 61%<br />EXIT: 62%<br />CIRCULAR: 12%<br />CIRCULAR: 5%<br />CIRCULAR: 15%<br />23% 22%<br />18%<br />11% 9%<br />18%<br />11% 5%<br />3%<br />Netdoc/<br />Subject<br />E-Journals(alpha)<br />Netdoc/<br />Title<br />HOME<br />Departments<br />E-Library<br />HOME<br />E-Journals(alpha)<br />E-Library<br />17%<br />5%<br />5%<br />15%<br />
  • 22. Challenges<br />
  • 23.
  • 24. Challenges<br />
  • 25. Top Tasks on the Home Page<br />Top tasks should be very easy to do quickly, without errors<br />Users should be able to start a top task on the Home page<br />
  • 26.
  • 27.
  • 28. Challenges<br />
  • 29. http://redesignland.blogspot.com/<br />
  • 30.
  • 31. Start a Top Task on the home page<br />
  • 32. Mega-menus bring many top tasks up to the home page<br />
  • 33.
  • 34. Relationship of Task Priority to Information Architecture<br />One or two top tasks can be started on home page<br />Categorized links on home page lead to high priority tasks<br />Medium priority tasks accessible from level 2 landing pages or ‘hub’ pages<br />Low priority tasks start three levels down architecture<br />Maybe some of these shouldn’t even be done on the website<br />1<br />Votes<br />2<br />3<br />4<br />5<br />Tasks<br />
  • 35. Challenges<br />
  • 36. “Find a person” test results<br />115 tests of find a person tasks...<br />4 companies, 3 countries...<br />44% Failure rate<br />14% Disaster<br />
  • 37. Time wasted unnecessary / irrelevant email = 30minutes<br />Estimated cost, 10,000 employee organisation = $152million<br />If 1% about finding people, cost = $1.52million<br />CohesiveKnowledge.com shared cumulative results from more than 1,000 corporate employee surveys conducted in 2005 as feedback from their email efficiency workshops<br />
  • 38. Mary Meeker, 2010<br />
  • 39. Faces, images, banners and attention: Task-oriented R&D<br />
  • 40. About faces <br />
  • 41. Faces Are Engaging but Still Worth Testing<br />Tullis, T., Siegel, M & Sun, E. (2009) Proceedings of the 27th International Conference on Human Factors in Computing Systems, Boston, MA. <br />Each participant started at the same page with one of these 4 conditions<br />Quantitative: 800 employee participants & qualitative: 40 Eyetracking Participants<br />
  • 42. Main Page for Faces Study<br />Task: How much would you need to increase your 401K contribution so that you get your full match from your employer?<br />
  • 43. Impact of images on task time and success<br />Users were less accurate and took longer with the faces<br />
  • 44. Where the participants looked: eye-tracking<br /><ul><li>Quantitative task study showed what happened.
  • 45. The eyetracking revealed the why.
  • 46. People tended not to look at the ‘faces’ boxes.
  • 47. Despite the fact that a high proportion of the gazes are to the right hand side.
  • 48. And the layout of the page directs attention to the right.
  • 49. Note that they didn’t glance at the image and ignore it – they didn’t even look at it.
  • 50. So this happens subconsciously: people aren’t making a conscious decision to ignore the image.
  • 51. And it happens very quickly – within milliseconds.</li></li></ul><li>Main Page for Faces Study<br />Task: How much would you need to increase your 401K contribution so that you get your full match from your employer?<br />
  • 52. almost no fixations within advertisements<br />users don't fixate within design elements that resemble ads<br />Heatmaps from eyetracking studies: The areas where users looked the most are coloredred; the yellow areas indicate fewer views, followed by the least-viewed blue areas. Gray areas didn't attract any fixations. Green boxes were drawn on top of the images after the study to highlight the advertisements.<br />http://www.useit.com/alertbox/banner-blindness.html<br />
  • 53.
  • 54. U.S. Census Bureau home page: <br />86% of users failed to find the country's current population<br />http://www.useit.com/alertbox/fancy-formatting.html<br />
  • 55. ‘Banner blindness’ video example<br />Video example<br />49<br />
  • 56. Exercise: Concentration<br />http://www.youtube.com/watch?v=IGQmdoK_ZfY&feature=player_embedded<br />The way we view a web page is different to <br />the way we use a web page<br />
  • 57. Organizing the Task-focused organization<br />
  • 58. Manage Tasks, Not Website(s)<br />
  • 59. Allocate scarce resources to the ‘long neck’<br />How much relative resource to apply<br />“Strategy renders choices about what not to do as important as choices about what to do... Some managers mistake ‘customer focus’ to mean they must serve all customer needs or respond to every request...”<br /> Michael Porter<br />Which 5% of tasks to focus on.<br />Tasks<br />
  • 60. Manage users’ tasks<br />5% of a website delivers 25% of its value.<br />There are a small number of ‘top tasks’ which users prioritize far above others.<br />These top tasks should be the basis for:<br /><ul><li>Site architecture
  • 61. Benchmarking
  • 62. Allocation of resources
  • 63. Prioritization of projects
  • 64. Performance measurement</li></ul>Tasks<br />
  • 65. Matrix organization - responsibilities<br />Managers with responsibility for specific tasks.<br />Managers with responsibility for specific UX functions.<br />
  • 66. Management tools for change<br />Skills & Training<br />Process<br />Responsibility & Reward<br />Technology<br />Standards and Guidelines<br />Targets and Measures<br />Budgeting, Project Planning<br />
  • 67.
  • 68. Mike Atyeo<br />Contacts<br />Phone (613) 271-3001<br />Email info@neoinsight.com<br />Web www.neoinsight.com<br />Mail Suite 374 300 Earl Grey Drive Ottawa, Ontario Canada K2T 1C1<br />Strategic design(613) 271-3001 x101mike@neoinsight.com<br />Gord Hopkins<br />User Experience Specialist (613) 271-3001 x102gord@neoinsight.com<br />Scott Smith<br />Competitive strategy (613) 271-3001 x103scott@neoinsight.com<br />Lisa Fast<br />Experience Designer (613) 271-3001 x104lisa@neoinsight.com<br />
  • 69. Outputs from tutorial<br />Thanks, attendees!<br />You may have to download the PPT version to see details of the post-its<br />If you have problems: Mike Atyeo (613) 599-7470 mike@neoinsight.com<br />
  • 70. Challenges<br />
  • 71. Budgeting, Project Planning<br />
  • 72. Targets and measures<br />
  • 73. Targets and measures<br />
  • 74. Reward and Responsibility<br />
  • 75. Skills and Training<br />
  • 76. Technology<br />
  • 77. Targets and measures<br />

×