ixd for the rest of us
DESCRIPTION
Some slides we used at the barcam during DoridCon 2012 at berlin.TRANSCRIPT
![Page 1: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/1.jpg)
IxD for the Rest of Us{ Stefan.Matthias.Aust, Joerg.Pechau } @ icnh.de
Barcamp@DroidCon, 13.03.2012
Donnerstag, 15. März 12
![Page 2: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/2.jpg)
I.C.N.HMobile 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
![Page 3: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/3.jpg)
Creating apps that doesn‘t suck
Donnerstag, 15. März 12
![Page 4: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/4.jpg)
• slow
• boring
• cumbersome
• outdated
• inconsistent
• developed w/o passion
• inapt
• too expensive
• unsuccessful
• ...an impertinence
Many Apps are...
Donnerstag, 15. März 12
![Page 5: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/5.jpg)
The missing link...
Donnerstag, 15. März 12
![Page 6: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/6.jpg)
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
![Page 7: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/7.jpg)
Three ingredients: Graphic Design, Interaction
Design, Development
Donnerstag, 15. März 12
![Page 8: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/8.jpg)
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
![Page 9: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/9.jpg)
• Data-Snack to go
• „Apps begreifen alle“
• Use your hands
• Extreme sprinting
• There is no „done“
5 simple Principles
Donnerstag, 15. März 12
![Page 10: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/10.jpg)
• Different usage patterns
• 5 seconds glance (Checking the Time)
• 1 minute data snack (Checking your E-Mail)
• User quickly become unpatient
• Count the gestures
Data-Snack to go
Donnerstag, 15. März 12
![Page 11: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/11.jpg)
• App == UI
• Smart phones (or tablets) are familiar to almost everyone
• Huge target groups
• Pun: „begreifen“ == Touch / Understand
„Apps begreifen alle“
Donnerstag, 15. März 12
![Page 12: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/12.jpg)
• Build prototypes
• On paper
• On the device(s)
• Test them - ASAP
Donnerstag, 15. März 12
![Page 13: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/13.jpg)
• Build minimalistic UI
• Monochrome (2 greyscales)
• Huge amount of whitespace
• Consistency
• Perform tests with colleagues
• No intervention!
Donnerstag, 15. März 12
![Page 14: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/14.jpg)
• 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
![Page 15: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/15.jpg)
• Beamer != Monitor != Mobile
• Finger != Mouse pointer
• Thumb or index finger?
• Print != Web != App
• App will become one with the device
• Details are crucial
Use Your Hands
Donnerstag, 15. März 12
![Page 16: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/16.jpg)
Hallo!
Beamer Monitor Device
Donnerstag, 15. März 12
![Page 17: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/17.jpg)
234.000€
Donnerstag, 15. März 12
![Page 18: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/18.jpg)
• 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
![Page 19: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/19.jpg)
Apps within Apps
• Apps shall become one with the device
• The browser frame prevents this
Donnerstag, 15. März 12
![Page 20: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/20.jpg)
• Surprise: Waterfall does not work.
• Iterate several times per week or day
• Honor feedback
• The first version seldom is right
Extreme Sprinting
Donnerstag, 15. März 12
![Page 21: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/21.jpg)
• hit for the minimal viable product
• enhance your product - periodically & often
• take your user input seriously
• don‘t abandon your product
There is no Done
Donnerstag, 15. März 12
![Page 22: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/22.jpg)
App Development is...
• more than just programming
• more than just design
• about interaction.
Donnerstag, 15. März 12
![Page 23: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/23.jpg)
So, what are your best practices?
Donnerstag, 15. März 12
![Page 24: IxD for the rest of us](https://reader033.vdocuments.mx/reader033/viewer/2022052210/558df17c1a28ab37438b45b4/html5/thumbnails/24.jpg)
www.icnh.deThanks for your Attention!
http://creativecommons.org/licenses/by-nc-sa/3.0/
Donnerstag, 15. März 12