Some slides we used at the barcam during DoridCon 2012 at berlin.

1. IxD for the Rest of Us
{ Stefan.Matthias.Aust, Joerg.Pechau } @ icnh.de
Barcamp@DroidCon, 13.03.2012
Donnerstag, 15. März 12

2. I.C.N.H
Mobile Solutions. Aus Leidenschaft.
• Specialising in consulting, development,
training for mobile applications
• Founded in 2010
• Located in Hamburg and Kiel
• www.icnh.de
Donnerstag, 15. März 12

3. Creating apps that
doesn‘t suck
Donnerstag, 15. März 12

4. Many Apps are...
• slow • developed w/o passion
• boring • inapt
• cumbersome • too expensive
• outdated • unsuccessful
• inconsistent • ...an impertinence
Donnerstag, 15. März 12

5. The missing link...
Donnerstag, 15. März 12

6. Interaction Design
• Design of function, behavior and the
physical form of products.
• Designs everything the user sees, hears und
feels, when interacting with the product.
• Satisfying the needs and desires of users.
Donnerstag, 15. März 12

7. Three ingredients:
Graphic Design, Interaction
Design, Development
Donnerstag, 15. März 12

8. Seek Answers To...
• ...what is the domain?
• ...who are the user?
• ...who is my customer?
• ...who else is involved?
• ...why the App?
Donnerstag, 15. März 12

9. 5 simple Principles
• Data-Snack to go
• „Apps begreifen alle“
• Use your hands
• Extreme sprinting
• There is no „done“
Donnerstag, 15. März 12

10. Data-Snack to go
• Different usage patterns
• 5 seconds glance (Checking the Time)
• 1 minute data snack (Checking your E-Mail)
• User quickly become unpatient
• Count the gestures
Donnerstag, 15. März 12

11. „Apps begreifen alle“
• App == UI
• Smart phones (or tablets) are familiar to
almost everyone
• Huge target groups
• Pun: „begreifen“ == Touch / Understand
Donnerstag, 15. März 12

12. • Build prototypes
• On paper
• On the device(s)
• Test them - ASAP
Donnerstag, 15. März 12

13. • Build minimalistic UI
• Monochrome (2 greyscales)
• Huge amount of whitespace
• Consistency
• Perform tests with colleagues
• No intervention!
Donnerstag, 15. März 12

14. • User Tests
• Observe
• As hard as it may be: Explain nothing!
• Do it (unobserved) e.g. by tracking
• Hire a specialist
Donnerstag, 15. März 12

15. Use Your Hands
• Beamer != Monitor != Mobile
• Finger != Mouse pointer
• Thumb or index finger?
• Print != Web != App
• App will become one with the device
• Details are crucial
Donnerstag, 15. März 12

16. Hallo!
Beamer Monitor Device
Donnerstag, 15. März 12

17. 234.000€
Donnerstag, 15. März 12

18. • Apps are interactive by default
• Touch, Pinch, Swipe, Drag
• Remember: Up to 10 fingers
• Additional sensors can be used
• Web by default is static
• One click, one mouse pointer
Donnerstag, 15. März 12

19. Apps within Apps
• Apps shall become one with the device
• The browser frame prevents this
Donnerstag, 15. März 12

20. Extreme Sprinting
• Surprise: Waterfall does not work.
• Iterate several times per week or day
• Honor feedback
• The first version seldom is right
Donnerstag, 15. März 12

21. There is no Done
• hit for the minimal viable product
• enhance your product - periodically & often
• take your user input seriously
• don‘t abandon your product
Donnerstag, 15. März 12

22. App Development is...
• more than just programming
• more than just design
• about interaction.
Donnerstag, 15. März 12

23. So, what are your best
practices?
Donnerstag, 15. März 12

24. nti on!
rA tte
you
for
nks
Tha
www.icnh.de
http://creativecommons.org/licenses/by-nc-sa/3.0/
Donnerstag, 15. März 12