Usability Speech (Jens Hoffmann) - T3CON08

1. Usabili!y

2. Welcome folks Jens Hoffmann ( Creative Director - d.k.d ) ( HCI Team Leader - TYPO3 )

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. Index Next 90 minutes

5. INTRO BOOKS BASICS EXAMPLES FUTURE

7. Communication ...

8. Communication ...

9. Usability ?!

10. Usability is a qualitative attribute that assesses how easy is something to use. Source: //en.wikipedia.org

11. Interactions must ﬁt the audience

12. Me, Myself & I

13. Vita • Private art school • Education as draftsman / architect • Studied marketing & communications industry design, at a private institute

14. • I‘m Very interested in design & usability • I‘m an „Interface designer“ • I‘m coding AS, JS, CSS & HTML

15. Interface I Design Compu ter Marketing Code H C Human

16. Members

17. Current HCI-Team Members

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. 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. New HCI-Team Members?!

23. Qualiﬁcations ! Common sense ! A good feeling for designs / concepts ! Ability to imagine others .. quot; .. in their situations/workﬂows quot; .. and their problems quot; .. with their skills

25. Good usability books Web- & Interface design

27. Jakob Nielsen

28. John Maeda

29. Steve Krug

30. Alan Cooper

31. Jason Fried

32. Jenifer Tidwell

33. Problem

34. ~80 min left

35. 18 Books

36. 5 Books

37. ~458 Chapter

38. 237.681.459 Words

40. BETTER NO BOOKS

42. Usability Business point of view

43. 37 Signals - Jason Fried @ Web 2.0 Expo NY

46. Challenges ... • Mission: Easier to use! • Broader untechnical audience • Seems like we love it overloaded

49. Challenges ... • Mission: Easier to use! • Broader untechnical audience • We buy it overloaded • Too fast technology development • Everything, beside us, gets smaller • Price, workﬂows and decisions

50. Kickoff ruleset Evaluation Equivalents

52. Kickoff ruleset Evaluation Equivalents Consistency

59. Kickoff ruleset Evaluation Equivalents Consistency Amount

60. Print the document ...

61. Source: David Pogue („TED Talks“ speech)

68. Kickoff ruleset Evaluation Equivalents Consistency Amount Wording Intelligence

69. German Amazon.de

70. Kickoff ruleset Evaluation Equivalents Consistency Amount Wording Intelligence Simplicity

72. Source of trouble

73. Involved Designer Manager Coder

74. Involved Designer Manager Coder

76. 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;

77. 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 ﬁnally quit ... Paul Glen (Leading Geeks) Alan Cooper (About Face 3.0)

78. Developers • Craftsman not industrials • Quality not quantity • Get it right, not fast Source: Alen Cooper (About Face 3.0)

79. 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)

80. 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)

82. 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 ...

83. First-to-Market vs. Best-to-Market

85. Alan Cooper Best-to-Market trumps First-to-Market

86. Alan Cooper Apple: Created a MP3 dynasty Google: Tomorrow would be better Amazon: Years of secret alpha phase

87. Alan Cooper First-to-Market, always seems to be more important ... ?

88. 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 +

89. Source of the trouble?

90. Hubris Ignorance Alan Cooper About Face 3.0

91. Solution = Deal Source: Alen Cooper (About Face 3.0)

92. Diplomats • User Experience Planner • Usability Specialist • Information Architect • Interface Designer • Interaction Designer • Common Designer

94. Deal Designer Manager Coder

95. Deal Manager Designer Coder

96. Team Process

97. Dream up and deliver Coder Deliver Initiate, UI, Design, Test & Build

98. Dream up and deliver Coder Deliver Initiate, UI, Design, Test & Build

99. Market ﬁtting products Manager Coder Deliver UI, Design, Initiate Test & Build

100. Quality focused production Manager Coder QM Designer Deliver Initiate UI & Build Test Look & Feel

101. Domain driven products Manager Designer Coder QM Deliver Initiate UI & Design Build Test

105. $$$

106. Problem transaction End user Company Agency Developer

107. Advantage? End user BAD UX Good for end user Cheap for the company EXPENSIVE Company

108. Proﬁt? End user BAD UX Good usability Big proﬁt for the agency LESS PROFIT Agency All inclusive offers - without usability separation

109. Workload? End user BAD UX Good usability Easy development DIFFICULT Developer

111. Simple tipps

116. Paper prototyping

117. Don‘t add features, just because you can!

118. http://www.fotobuch.de

119. http://www.fotobook.de Translate the URL.

120. http://www.photobook.de

121. http://www.photobook.de Take care about spellings.

122. http://www.photoboock.de

123. http://www.photoboock.de Take care about spelling mistakes.

124. http://www.fotobooks.de

125. http://www.fotobooks.de Register plural domains, too.

126. Push? <<< Test „back button“ concepts

127. Forms Examples Show input value examples Precise Smart ways to precise +

131. Forms Examples Show input value examples Precise Smart ways to precise + Alternative Alternative search results „Typo4“ - Did you mean „TYPO3“?

132. Forms Examples Show input value examples Precise Smart ways to precise + Alternative Alternative search results „Typo4“ - Did you mean „TYPO3“? Readable Human readable wording

133. Forms Human readable wording 10 km 30 km 50 km 100 km

134. Forms Human readable wording City (10km) District (30km) County (50km) Land (100km)

135. Forms Submit

136. Forms BLOCK Submit

137. Errors • Brand it! • Show human understandable .. • .. reasons • .. solutions / next steps • .. examples • .. search input ﬁeld

138. 37s ignals s ay s . . .

139. Make it friendly, it‘s frustrating enough!

149. Inspiring interfaces

150. Usability is about details

158. Help concepts

164. Content Management

165. Weebly

171. SilverStripe

178. TYPO3 & HCI

179. Lost between teams

180. Before Suggested After

181. Palani Screencast Mike fragen / Bitten ...

182. Interface issues

190. 3 7s ignal s ?!

196. v#1, WS:-1

199. Prototypes

220. Future interfaces

221. Fiction ?

222. Future interfaces Keyboard Neural interaction controller Touch Motion screens detection Overlay Futuristic detection visualisation

282. Studentische Konzeptarbeit UX - Ivan Tihlenko

283. IO2 Technology - Heliodisplay M2

284. ViZoo

285. Future motivation

286. What you should take with you ... • Try to think more ahead • Be open for new approaches • Rethink commune solutions • Invest into usability • Support TYPO3 !!!

288. Thank s

289. Questions?

290. Have a nice time at the T3.CON.08

291. Share Replay

Usability Speech (Jens Hoffmann) - T3CON08

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Usability Speech (Jens Hoffmann) - T3CON08

Similar to Usability Speech (Jens Hoffmann) - T3CON08 (20)

Recently uploaded

Recently uploaded (20)

Usability Speech (Jens Hoffmann) - T3CON08