Upload
joerg-pechau
View
740
Download
2
Tags:
Embed Size (px)
DESCRIPTION
Some slides we used at the barcam during DoridCon 2012 at berlin.
Citation preview
IxD for the Rest of Us{ Stefan.Matthias.Aust, Joerg.Pechau } @ icnh.de
Barcamp@DroidCon, 13.03.2012
Donnerstag, 15. März 12
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
Creating apps that doesn‘t suck
Donnerstag, 15. März 12
• slow
• boring
• cumbersome
• outdated
• inconsistent
• developed w/o passion
• inapt
• too expensive
• unsuccessful
• ...an impertinence
Many Apps are...
Donnerstag, 15. März 12
The missing link...
Donnerstag, 15. März 12
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
Three ingredients: Graphic Design, Interaction
Design, Development
Donnerstag, 15. März 12
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
• Data-Snack to go
• „Apps begreifen alle“
• Use your hands
• Extreme sprinting
• There is no „done“
5 simple Principles
Donnerstag, 15. März 12
• 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
• 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
• Build prototypes
• On paper
• On the device(s)
• Test them - ASAP
Donnerstag, 15. März 12
• Build minimalistic UI
• Monochrome (2 greyscales)
• Huge amount of whitespace
• Consistency
• Perform tests with colleagues
• No intervention!
Donnerstag, 15. März 12
• 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
• 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
Hallo!
Beamer Monitor Device
Donnerstag, 15. März 12
234.000€
Donnerstag, 15. März 12
• 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
Apps within Apps
• Apps shall become one with the device
• The browser frame prevents this
Donnerstag, 15. März 12
• 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
• 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
App Development is...
• more than just programming
• more than just design
• about interaction.
Donnerstag, 15. März 12
So, what are your best practices?
Donnerstag, 15. März 12
www.icnh.deThanks for your Attention!
http://creativecommons.org/licenses/by-nc-sa/3.0/
Donnerstag, 15. März 12