Usability Speech (Jens Hoffmann) - T3CON08

3,856 views
3,768 views

Published on

Usability Speech by Jens Hoffmann at the T3CON08 in Berlin

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

No Downloads
Views
Total views
3,856
On SlideShare
0
From Embeds
0
Number of Embeds
60
Actions
Shares
0
Downloads
5
Comments
0
Likes
11
Embeds 0
No embeds

No notes for slide

Usability Speech (Jens Hoffmann) - T3CON08

  1. 1. Usabili!y
  2. 2. Welcome folks Jens Hoffmann ( Creative Director - d.k.d ) ( HCI Team Leader - TYPO3 )
  3. 3. HCI ... ? Huma n <--> Intera Comp ction uter / Interfa ce Welcome folks Jens Hoffmann ( Creative Director - d.k.d ) ( HCI Team Leader - TYPO3 ) Usa bility
  4. 4. Index Next 90 minutes
  5. 5. INTRO BOOKS BASICS EXAMPLES FUTURE
  6. 6. INTRO BOOKS BASICS EXAMPLES FUTURE
  7. 7. Communication ...
  8. 8. Communication ...
  9. 9. Usability ?!
  10. 10. Usability is a qualitative attribute that assesses how easy is something to use. Source: //en.wikipedia.org
  11. 11. Interactions must fit the audience
  12. 12. Me, Myself & I
  13. 13. Vita • Private art school • Education as draftsman / architect • Studied marketing & communications industry design, at a private institute
  14. 14. • I‘m Very interested in design & usability • I‘m an „Interface designer“ • I‘m coding AS, JS, CSS & HTML
  15. 15. Interface I Design Compu ter Marketing Code H C Human
  16. 16. Members
  17. 17. Current HCI-Team Members
  18. 18. Ben van 't Ende Benjamin Mack Björn Brockmann Jens Hoffmann Michiel Roos Oliver Hader Patrick Broens Patrick Gaumond Steffen Kamper Uschi Renziehausen
  19. 19. Ben van 't Ende Benjamin Mack Björn Brockmann Jens Hoffmann Human Computer Interface Michiel Roos Oliver Hader Patrick Broens Patrick Gaumond Steffen Kamper Uschi Renziehausen
  20. 20. Ben van 't Ende Benjamin Mack Björn Brockmann Jens Hoffmann Human Computer Interface Michiel Roos Oliver Hader Patrick Broens Patrick Gaumond Steffen Kamper Uschi Renziehausen
  21. 21. Ben van 't Ende Benjamin Mack Björn Brockmann Jens Hoffmann Human Computer Interface Michiel Roos Oliver Hader Patrick Broens Patrick Gaumond Steffen Kamper Uschi Renziehausen
  22. 22. New HCI-Team Members?!
  23. 23. Qualifications ! Common sense ! A good feeling for designs / concepts ! Ability to imagine others .. quot; .. in their situations/workflows quot; .. and their problems quot; .. with their skills
  24. 24. INTRO BOOKS BASICS EXAMPLES FUTURE
  25. 25. Good usability books Web- & Interface design
  26. 26. Jakob Nielsen
  27. 27. John Maeda
  28. 28. Steve Krug
  29. 29. Alan Cooper
  30. 30. Jason Fried
  31. 31. Jenifer Tidwell
  32. 32. Problem
  33. 33. ~80 min left
  34. 34. 18 Books
  35. 35. 5 Books
  36. 36. ~458 Chapter
  37. 37. 237.681.459 Words
  38. 38. BETTER NO BOOKS
  39. 39. INTRO BOOKS BASICS EXAMPLES FUTURE
  40. 40. Usability Business point of view
  41. 41. 37 Signals - Jason Fried @ Web 2.0 Expo NY
  42. 42. Challenges ... • Mission: Easier to use! • Broader untechnical audience • Seems like we love it overloaded
  43. 43. Challenges ... • Mission: Easier to use! • Broader untechnical audience • We buy it overloaded • Too fast technology development • Everything, beside us, gets smaller • Price, workflows and decisions
  44. 44. Kickoff ruleset Evaluation Equivalents
  45. 45. Kickoff ruleset Evaluation Equivalents Consistency
  46. 46. Kickoff ruleset Evaluation Equivalents Consistency Amount
  47. 47. Print the document ...
  48. 48. Source: David Pogue („TED Talks“ speech)
  49. 49. Source: David Pogue („TED Talks“ speech)
  50. 50. Source: David Pogue („TED Talks“ speech)
  51. 51. Source: David Pogue („TED Talks“ speech)
  52. 52. Kickoff ruleset Evaluation Equivalents Consistency Amount Wording Intelligence
  53. 53. German Amazon.de
  54. 54. Kickoff ruleset Evaluation Equivalents Consistency Amount Wording Intelligence Simplicity
  55. 55. Source of trouble
  56. 56. Involved Designer Manager Coder
  57. 57. Involved Designer Manager Coder
  58. 58. sex is updatedb; locate; talk; date; cd; strip; look; touch; finger; unzip; uptime; gawk; head; apt-get install condom; mount; fsck; gasp; more; yes; more; umount; apt- get remove --purge condom; make clean; sleep;
  59. 59. Developers • Anarchistic driven persons • They respect competence • They don‘t follow hierarchy If they have to, they behave demotivated and unproductive! After a while ... they finally quit ... Paul Glen (Leading Geeks) Alan Cooper (About Face 3.0)
  60. 60. Developers • Craftsman not industrials • Quality not quantity • Get it right, not fast Source: Alen Cooper (About Face 3.0)
  61. 61. Developers • Developers are often forced to act in an „all in one“ position • Heavy time pressure, based on bad „top to bottom“ decisions • Universities don‘t focus those problems enough Source: Alen Cooper (About Face 3.0)
  62. 62. Developers • Have problems in interface design • Don't test the interface by humans • Less interest to gain UX knowledge Source: Alen Cooper (About Face 3.0)
  63. 63. Managers • Often only industrial driven • Competition >> Time pressure • Never taught how to lead developers comfortable • Understanding the needs for Usability ... ... but dislike to pay for it ...
  64. 64. First-to-Market vs. Best-to-Market
  65. 65. Alan Cooper Best-to-Market trumps First-to-Market
  66. 66. Alan Cooper Apple: Created a MP3 dynasty Google: Tomorrow would be better Amazon: Years of secret alpha phase
  67. 67. Alan Cooper First-to-Market, always seems to be more important ... ?
  68. 68. Best-to-Market? + Bigger success - with better product + Build brand value, in the long run + Brand values gain stronger customer loyalty Management is industrial driven + Price beats quality, in the short run +
  69. 69. Source of the trouble?
  70. 70. Hubris Ignorance Alan Cooper About Face 3.0
  71. 71. Solution = Deal Source: Alen Cooper (About Face 3.0)
  72. 72. Diplomats • User Experience Planner • Usability Specialist • Information Architect • Interface Designer • Interaction Designer • Common Designer
  73. 73. Deal Designer Manager Coder
  74. 74. Deal Manager Designer Coder
  75. 75. Team Process
  76. 76. Dream up and deliver Coder Deliver Initiate, UI, Design, Test & Build
  77. 77. Dream up and deliver Coder Deliver Initiate, UI, Design, Test & Build
  78. 78. Market fitting products Manager Coder Deliver UI, Design, Initiate Test & Build
  79. 79. Quality focused production Manager Coder QM Designer Deliver Initiate UI & Build Test Look & Feel
  80. 80. Domain driven products Manager Designer Coder QM Deliver Initiate UI & Design Build Test
  81. 81. Domain driven products Manager Designer Coder QM Deliver Initiate UI & Design Build Test
  82. 82. Domain driven products Manager Designer Coder QM Deliver Initiate UI & Design Build Test
  83. 83. Domain driven products Manager Designer Coder QM Deliver Initiate UI & Design Build Test
  84. 84. $$$
  85. 85. Problem transaction End user Company Agency Developer
  86. 86. Advantage? End user BAD UX Good for end user Cheap for the company EXPENSIVE Company
  87. 87. Profit? End user BAD UX Good usability Big profit for the agency LESS PROFIT Agency All inclusive offers - without usability separation
  88. 88. Workload? End user BAD UX Good usability Easy development DIFFICULT Developer
  89. 89. INTRO BOOKS BASICS EXAMPLES FUTURE
  90. 90. Simple tipps
  91. 91. Paper prototyping
  92. 92. Don‘t add features, just because you can!
  93. 93. http://www.fotobuch.de
  94. 94. http://www.fotobook.de Translate the URL.
  95. 95. http://www.photobook.de
  96. 96. http://www.photobook.de Take care about spellings.
  97. 97. http://www.photoboock.de
  98. 98. http://www.photoboock.de Take care about spelling mistakes.
  99. 99. http://www.fotobooks.de
  100. 100. http://www.fotobooks.de Register plural domains, too.
  101. 101. Push? <<< Test „back button“ concepts
  102. 102. Forms Examples Show input value examples Precise Smart ways to precise +
  103. 103. Forms Examples Show input value examples Precise Smart ways to precise + Alternative Alternative search results „Typo4“ - Did you mean „TYPO3“?
  104. 104. Forms Examples Show input value examples Precise Smart ways to precise + Alternative Alternative search results „Typo4“ - Did you mean „TYPO3“? Readable Human readable wording
  105. 105. Forms Human readable wording 10 km 30 km 50 km 100 km
  106. 106. Forms Human readable wording City (10km) District (30km) County (50km) Land (100km)
  107. 107. Forms Submit
  108. 108. Forms BLOCK Submit
  109. 109. Errors • Brand it! • Show human understandable .. • .. reasons • .. solutions / next steps • .. examples • .. search input field
  110. 110. 37s ignals s ay s . . .
  111. 111. Make it friendly, it‘s frustrating enough!
  112. 112. Inspiring interfaces
  113. 113. Usability is about details
  114. 114. Help concepts
  115. 115. Content Management
  116. 116. Weebly
  117. 117. SilverStripe
  118. 118. TYPO3 & HCI
  119. 119. Lost between teams
  120. 120. Before Suggested After
  121. 121. Palani Screencast Mike fragen / Bitten ...
  122. 122. Interface issues
  123. 123. 3 7s ignal s ?!
  124. 124. v#1, WS:-1
  125. 125. Prototypes
  126. 126. INTRO BOOKS BASICS EXAMPLES FUTURE
  127. 127. Future interfaces
  128. 128. Fiction ?
  129. 129. Future interfaces Keyboard Neural interaction controller Touch Motion screens detection Overlay Futuristic detection visualisation
  130. 130. Future interfaces Keyboard Neural interaction controller Touch Motion screens detection Overlay Futuristic detection visualisation
  131. 131. Future interfaces Keyboard Neural interaction controller Touch Motion screens detection Overlay Futuristic detection visualisation
  132. 132. Future interfaces Keyboard Neural interaction controller Touch Motion screens detection Overlay Futuristic detection visualisation
  133. 133. Future interfaces Keyboard Neural interaction controller Touch Motion screens detection Overlay Futuristic detection visualisation
  134. 134. Future interfaces Keyboard Neural interaction controller Touch Motion screens detection Overlay Futuristic detection visualisation
  135. 135. Future interfaces Keyboard Neural interaction controller Touch Motion screens detection Overlay Futuristic detection visualisation
  136. 136. Studentische Konzeptarbeit UX - Ivan Tihlenko
  137. 137. IO2 Technology - Heliodisplay M2
  138. 138. ViZoo
  139. 139. Future motivation
  140. 140. What you should take with you ... • Try to think more ahead • Be open for new approaches • Rethink commune solutions • Invest into usability • Support TYPO3 !!!
  141. 141. Thank s
  142. 142. Questions?
  143. 143. Have a nice time at the T3.CON.08
  144. 144. Share Replay

×