IxD for the rest of us

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