SlideShare ist ein Scribd-Unternehmen logo
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.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
Creating apps that
                            doesn‘t suck


Donnerstag, 15. März 12
Many Apps are...
                    •     slow            •   developed w/o passion

                    •     boring          •   inapt

                    •     cumbersome      •   too expensive

                    •     outdated        •   unsuccessful

                    •     inconsistent    •   ...an impertinence




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
5 simple Principles

                    • Data-Snack to go
                    • „Apps begreifen alle“
                    • Use your hands
                    • Extreme sprinting
                    • There is no „done“

Donnerstag, 15. März 12
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
„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
• 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
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
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
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
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
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
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

Weitere ähnliche Inhalte

Ähnlich wie IxD for the rest of us

Wie wählt man das richtige Shopsystem?
Wie wählt man das richtige Shopsystem?Wie wählt man das richtige Shopsystem?
Wie wählt man das richtige Shopsystem?
eCommerce Lounge
 
re:publica 2015 - E-Mail-Wahnsinn: Zeit für eine neue Art zu arbeiten #IBMDes...
re:publica 2015 - E-Mail-Wahnsinn: Zeit für eine neue Art zu arbeiten #IBMDes...re:publica 2015 - E-Mail-Wahnsinn: Zeit für eine neue Art zu arbeiten #IBMDes...
re:publica 2015 - E-Mail-Wahnsinn: Zeit für eine neue Art zu arbeiten #IBMDes...
Stefan Pfeiffer
 
111130 1 - apps sind physisch
111130 1 - apps sind physisch111130 1 - apps sind physisch
111130 1 - apps sind physisch
Joerg Pechau
 
Mobile Apps für Designer
Mobile Apps für DesignerMobile Apps für Designer
Mobile Apps für Designerbowstreet
 
Workshop User Centered Design (HAK Bruck/Mur)
Workshop User Centered Design (HAK Bruck/Mur)Workshop User Centered Design (HAK Bruck/Mur)
Workshop User Centered Design (HAK Bruck/Mur)Elmar Krainz
 
Facebook Workshop Fachhochschule Campus02
Facebook Workshop Fachhochschule Campus02Facebook Workshop Fachhochschule Campus02
Facebook Workshop Fachhochschule Campus02
Andreas Jaritz
 
Über das U im UX
Über das U im UXÜber das U im UX
Über das U im UX
Reto Laemmler
 
Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
Low Budget Usability Testing Webtreff Konstanz Patric Schmid BenutzerzentraleLow Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
Patric Schmid
 
Joomla! Organisationsstruktur
Joomla! OrganisationsstrukturJoomla! Organisationsstruktur
Joomla! OrganisationsstrukturDavid Jardin
 
Pair Programming Mythbusters
Pair Programming MythbustersPair Programming Mythbusters
Pair Programming Mythbusters
Mayflower GmbH
 
Usability-Trends 2014 - Worauf es ankommt bei der Online-Präsenz
Usability-Trends 2014 - Worauf es ankommt bei der Online-PräsenzUsability-Trends 2014 - Worauf es ankommt bei der Online-Präsenz
Usability-Trends 2014 - Worauf es ankommt bei der Online-Präsenz
userfeedback
 

Ähnlich wie IxD for the rest of us (12)

Wie wählt man das richtige Shopsystem?
Wie wählt man das richtige Shopsystem?Wie wählt man das richtige Shopsystem?
Wie wählt man das richtige Shopsystem?
 
re:publica 2015 - E-Mail-Wahnsinn: Zeit für eine neue Art zu arbeiten #IBMDes...
re:publica 2015 - E-Mail-Wahnsinn: Zeit für eine neue Art zu arbeiten #IBMDes...re:publica 2015 - E-Mail-Wahnsinn: Zeit für eine neue Art zu arbeiten #IBMDes...
re:publica 2015 - E-Mail-Wahnsinn: Zeit für eine neue Art zu arbeiten #IBMDes...
 
111130 1 - apps sind physisch
111130 1 - apps sind physisch111130 1 - apps sind physisch
111130 1 - apps sind physisch
 
Fachveranstaltung Intranet (1/5) - Intro
Fachveranstaltung Intranet (1/5) - IntroFachveranstaltung Intranet (1/5) - Intro
Fachveranstaltung Intranet (1/5) - Intro
 
Mobile Apps für Designer
Mobile Apps für DesignerMobile Apps für Designer
Mobile Apps für Designer
 
Workshop User Centered Design (HAK Bruck/Mur)
Workshop User Centered Design (HAK Bruck/Mur)Workshop User Centered Design (HAK Bruck/Mur)
Workshop User Centered Design (HAK Bruck/Mur)
 
Facebook Workshop Fachhochschule Campus02
Facebook Workshop Fachhochschule Campus02Facebook Workshop Fachhochschule Campus02
Facebook Workshop Fachhochschule Campus02
 
Über das U im UX
Über das U im UXÜber das U im UX
Über das U im UX
 
Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
Low Budget Usability Testing Webtreff Konstanz Patric Schmid BenutzerzentraleLow Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
 
Joomla! Organisationsstruktur
Joomla! OrganisationsstrukturJoomla! Organisationsstruktur
Joomla! Organisationsstruktur
 
Pair Programming Mythbusters
Pair Programming MythbustersPair Programming Mythbusters
Pair Programming Mythbusters
 
Usability-Trends 2014 - Worauf es ankommt bei der Online-Präsenz
Usability-Trends 2014 - Worauf es ankommt bei der Online-PräsenzUsability-Trends 2014 - Worauf es ankommt bei der Online-Präsenz
Usability-Trends 2014 - Worauf es ankommt bei der Online-Präsenz
 

IxD for the rest of us

  • 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
  • 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
  • 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