Benjamin Reimold | Codenauts                               $foo-design basics                            for (iOS-)develop...
This presentation is licenced under                                     CC BY-NC-SA 3.0                             visit ...
Benjamin Reimold         @elektrojunge       tausendsassaesk.deMittwoch, 5. September 12
“Challenge accepted!“Mittwoch, 5. September 12
Kommunikation          You make my              NSLog(@“You suck!“)           eyes water!                            Kommu...
Mittwoch, 5. September 12
Design-GrundlagenMittwoch, 5. September 12
$foo-DesignMittwoch, 5. September 12
$foo-Design                                            User Experience Design                               Sound Design  ...
Interaction DesignMittwoch, 5. September 12
Interaction DesignMittwoch, 5. September 12
Interaction DesignMittwoch, 5. September 12
Interaction DesignMittwoch, 5. September 12
Interaction DesignMittwoch, 5. September 12
Die IdeeMittwoch, 5. September 12
Die Idee           AppMittwoch, 5. September 12
Die Idee           App              M-PaymentMittwoch, 5. September 12
Die Idee           App              M-Payment         EssenMittwoch, 5. September 12
Die Idee           App              M-Payment         Essen   NerdMittwoch, 5. September 12
Die Idee           App              M-Payment         Essen   NerdMittwoch, 5. September 12
Interaction DesignMittwoch, 5. September 12
Interaction DesignMittwoch, 5. September 12
Interaction DesignMittwoch, 5. September 12
Interaction DesignMittwoch, 5. September 12
Interaction DesignMittwoch, 5. September 12
VorgehensweiseMittwoch, 5. September 12
Erforschung & Beobachtungen                            # Beobachten                            # Interviews               ...
Analysierung & Strukturierung                            # Visualisierung                            # Diagramme / Listen ...
Mittwoch, 5. September 12
Mittwoch, 5. September 12
Mittwoch, 5. September 12
Ideenfindung & Lösung                              # Konzepte                              # Brainstorming-Techniken       ...
Details & Überarbeitung                                 # Mentales Modell                                 # $foo-Design Gr...
# Beobachten  # Interviews                        # Mentales Modell  # Aktivitäten                       # $foo-Design Gru...
„Und was is‘ mit Tee Entwicklung?“Mittwoch, 5. September 12
# Beobachten  # Interviews                        # Mentales Modell  # Aktivitäten                       # $foo-Design Gru...
Ich bin nur das                            Erinnerungs-La                                           m    aMittwoch, 5. Sep...
# Beobachten  # Interviews                        # Mentales Modell  # Aktivitäten                       # $foo-Design Gru...
GrundprinzipienMittwoch, 5. September 12
Grundprinzipien                            Stat                             usMittwoch, 5. September 12
Grundprinzipien                                        Stat                                         us                    ...
Grundprinzipien                                               Stat                                                us      ...
Grundprinzipien                                               Stat                                                us      ...
Grundprinzipien                                                  Stat                                                   us...
n                                                  Grundprinzipien                                                        ...
n                                                  Grundprinzipien                                                        ...
n                                                  Grundprinzipien                                                        ...
n                                                  Grundprinzipien                                                        ...
n                                                  Grundprinzipien                                                        ...
n                                                  Grundprinzipien                                                        ...
n                                                  Grundprinzipien                                                        ...
# Mentales Modell          # $foo-Design GrundlagenMittwoch, 5. September 12
# Mentales Modell          # $foo-Design Grundlagen                                     Das mentale ModellMittwoch, 5. Sep...
# Mentales Modell          # $foo-Design Grundlagen                                     Das mentale Modell                ...
# Mentales Modell          # $foo-Design Grundlagen                                     Das mentale Modell                ...
Mittwoch, 5. September 12
Mittwoch, 5. September 12
Mittwoch, 5. September 12
# Mentales Modell          # $foo-Design Grundlagen                                     RealismusMittwoch, 5. September 12
# Mentales Modell          # $foo-Design GrundlagenMittwoch, 5. September 12
# Mentales Modell          # $foo-Design Grundlagen                                     SkeuomorphismenMittwoch, 5. Septem...
Mittwoch, 5. September 12
1 Tuna 1,11        1 Tuna 1,11                            2. Sake 2.22       2. Sake 2.22                            3. Av...
# Mentales Modell          # $foo-Design Grundlagen                                           Gestaltgesetz der…          ...
# Mentales Modell          # $foo-Design Grundlagen                                     AffordancesMittwoch, 5. September 12
Mittwoch, 5. September 12
# Mentales Modell          # $foo-Design Grundlagen                                     FeedbackMittwoch, 5. September 12
Mittwoch, 5. September 12
Mittwoch, 5. September 12
# Mentales Modell          # $foo-Design Grundlagen                                     FeedforwardMittwoch, 5. September 12
Mittwoch, 5. September 12
Mittwoch, 5. September 12
vsMittwoch, 5. September 12
vsMittwoch, 5. September 12
# Mentales Modell          # $foo-Design Grundlagen                                 Direkte ManipulationMittwoch, 5. Septe...
Mittwoch, 5. September 12
# Mentales Modell          # $foo-Design Grundlagen                                Indirekte ManipulationMittwoch, 5. Sept...
Mittwoch, 5. September 12
# Mentales Modell          # $foo-Design Grundlagen                                     Fitts‘s LawMittwoch, 5. September 12
# Mentales Modell           # $foo-Design GrundlagenMittwoch, 5. September 12
# Mentales Modell          # $foo-Design GrundlagenMittwoch, 5. September 12
# Mentales Modell          # $foo-Design Grundlagen                                Die Wurstfinger-RegelMittwoch, 5. Septem...
# Mentales Modell          # $foo-Design Grundlagen                                     Poka-YokeMittwoch, 5. September 12
Mittwoch, 5. September 12
# Mentales Modell          # $foo-Design Grundlagen                                     HierarchieMittwoch, 5. September 12
Mittwoch, 5. September 12
Mittwoch, 5. September 12
# Mentales Modell          # $foo-Design Grundlagen                                     AnimationenMittwoch, 5. September 12
Mittwoch, 5. September 12
# Mentales Modell          # $foo-Design Grundlagen                                     KonsistenzMittwoch, 5. September 12
# Mentales Modell          # $foo-Design GrundlagenMittwoch, 5. September 12
Realismus          Fitts‘s Law                            Affordances   Die Wurstfinger-Regel                             F...
# Mentales Modell          # $foo-Design Grundlagen                                     Habt eine Meinung!Mittwoch, 5. Sep...
# Mentales Modell          # $foo-Design GrundlagenMittwoch, 5. September 12
# Mentales Modell          # $foo-Design Grundlagen                                     FeaturesMittwoch, 5. September 12
Mittwoch, 5. September 12
Design-ProzessMittwoch, 5. September 12
Design-Prozess                                  +Mittwoch, 5. September 12
Design-Prozess                                    +                            $foo-Design basicsMittwoch, 5. September 12
Design-Prozess                                    +                            $foo-Design basics                         ...
Design-Prozess                                        +                                $foo-Design basics                 ...
Design-Prozess                                        +                                $foo-Design basics                 ...
Design-Prozess                                        +                                $foo-Design basics                 ...
Mittwoch, 5. September 12
Nächste SlideShare
Wird geladen in …5
×

$Foo design basics for ios developers

473 Aufrufe

Veröffentlicht am

Slides of my talk about design basics for developers.

0 Kommentare
1 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
473
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
3
Aktionen
Geteilt
0
Downloads
4
Kommentare
0
Gefällt mir
1
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

$Foo design basics for ios developers

  1. 1. Benjamin Reimold | Codenauts $foo-design basics for (iOS-)developersMittwoch, 5. September 12
  2. 2. This presentation is licenced under CC BY-NC-SA 3.0 visit www.creativecommons.org for more informationMittwoch, 5. September 12
  3. 3. Benjamin Reimold @elektrojunge tausendsassaesk.deMittwoch, 5. September 12
  4. 4. “Challenge accepted!“Mittwoch, 5. September 12
  5. 5. Kommunikation You make my NSLog(@“You suck!“) eyes water! KommunikationMittwoch, 5. September 12
  6. 6. Mittwoch, 5. September 12
  7. 7. Design-GrundlagenMittwoch, 5. September 12
  8. 8. $foo-DesignMittwoch, 5. September 12
  9. 9. $foo-Design User Experience Design Sound Design Interface Design Interaction Design Human Factors Human- Computer Interaction Information ArchitectureMittwoch, 5. September 12
  10. 10. Interaction DesignMittwoch, 5. September 12
  11. 11. Interaction DesignMittwoch, 5. September 12
  12. 12. Interaction DesignMittwoch, 5. September 12
  13. 13. Interaction DesignMittwoch, 5. September 12
  14. 14. Interaction DesignMittwoch, 5. September 12
  15. 15. Die IdeeMittwoch, 5. September 12
  16. 16. Die Idee AppMittwoch, 5. September 12
  17. 17. Die Idee App M-PaymentMittwoch, 5. September 12
  18. 18. Die Idee App M-Payment EssenMittwoch, 5. September 12
  19. 19. Die Idee App M-Payment Essen NerdMittwoch, 5. September 12
  20. 20. Die Idee App M-Payment Essen NerdMittwoch, 5. September 12
  21. 21. Interaction DesignMittwoch, 5. September 12
  22. 22. Interaction DesignMittwoch, 5. September 12
  23. 23. Interaction DesignMittwoch, 5. September 12
  24. 24. Interaction DesignMittwoch, 5. September 12
  25. 25. Interaction DesignMittwoch, 5. September 12
  26. 26. VorgehensweiseMittwoch, 5. September 12
  27. 27. Erforschung & Beobachtungen # Beobachten # Interviews # AktivitätenMittwoch, 5. September 12
  28. 28. Analysierung & Strukturierung # Visualisierung # Diagramme / Listen # Konzeptionelles Modell # PersonasMittwoch, 5. September 12
  29. 29. Mittwoch, 5. September 12
  30. 30. Mittwoch, 5. September 12
  31. 31. Mittwoch, 5. September 12
  32. 32. Ideenfindung & Lösung # Konzepte # Brainstorming-Techniken # Design-PrinzipienMittwoch, 5. September 12
  33. 33. Details & Überarbeitung # Mentales Modell # $foo-Design GrundlagenMittwoch, 5. September 12
  34. 34. # Beobachten # Interviews # Mentales Modell # Aktivitäten # $foo-Design Grundlagen Forschen & Beobachtungen Details & Überarbeitung Analysierung & Strukturierung Ideenfindung & Lösung # Visualisierung # Konzepte # Diagramme / Listen # Brainstorming-Techniken # Konzeptionelles Modell # Design-Prinzipien # PersonasMittwoch, 5. September 12
  35. 35. „Und was is‘ mit Tee Entwicklung?“Mittwoch, 5. September 12
  36. 36. # Beobachten # Interviews # Mentales Modell # Aktivitäten # $foo-Design Grundlagen Forschen & Beobachtungen Details & Überarbeitung Analysierung & Strukturierung Ideenfindung & Lösung # Visualisierung # Konzepte # Diagramme / Listen # Brainstorming-Techniken # Konzeptionelles Modell # Design-Prinzipien # PersonasMittwoch, 5. September 12
  37. 37. Ich bin nur das Erinnerungs-La m aMittwoch, 5. September 12
  38. 38. # Beobachten # Interviews # Mentales Modell # Aktivitäten # $foo-Design Grundlagen Forschen & Beobachtungen Details & Überarbeitung Analysierung & Strukturierung Ideenfindung & Lösung # Visualisierung # Konzepte # Diagramme / Listen # Brainstorming-Techniken # Konzeptionelles Modell # Design-Prinzipien # PersonasMittwoch, 5. September 12
  39. 39. GrundprinzipienMittwoch, 5. September 12
  40. 40. Grundprinzipien Stat usMittwoch, 5. September 12
  41. 41. Grundprinzipien Stat us Me tap he rMittwoch, 5. September 12
  42. 42. Grundprinzipien Stat us Me tap he r Freih eit/Ko ntrol leMittwoch, 5. September 12
  43. 43. Grundprinzipien Stat us Me tap he r Freih eit/Ko ntrol le Konsistenz/StandardsMittwoch, 5. September 12
  44. 44. Grundprinzipien Stat us Me tap he r Freih eit/Ko ntrol le Konsistenz/Standards ng e idu rverm hl e FeMittwoch, 5. September 12
  45. 45. n Grundprinzipien erinner en statt Stat us Me tap Erkenn he r Freih eit/Ko ntrol le Konsistenz/Standards ng e idu rverm hl e FeMittwoch, 5. September 12
  46. 46. n Grundprinzipien erinner z n en statt Stat zie Effi us Me ät/ tap Erkenn ilit he xi b r Fle Freih eit/Ko ntrol le Konsistenz/Standards ng e idu rverm hl e FeMittwoch, 5. September 12
  47. 47. n Grundprinzipien erinner z n en statt Stat zie Effi us Me ät/ tap Erkenn ilit he xi b r Fle Freih eit/Ko m alismus ntrol le Ästet hik/Mini Konsistenz/Standards ng e idu rverm hl e FeMittwoch, 5. September 12
  48. 48. n Grundprinzipien erinner z n en statt Stat zie Effi us Me ät/ tap Erkenn ilit he xi b r Fle Freih eit/Ko m alismus ntrol le Ästet hik/Mini Konsistenz/Standards Fehlererkennung ng e idu rverm hl e FeMittwoch, 5. September 12
  49. 49. n Grundprinzipien erinner z n en statt Stat zie Effi us Me ät/ tap Erkenn ilit he xi b r Fle Freih eit/Ko m alismus ntrol le Ästet hik/Mini Konsistenz/Standards Fehlererkennung Dok ume ntati ng on/H e idu i lfe rverm hl e FeMittwoch, 5. September 12
  50. 50. n Grundprinzipien erinner z n en statt Stat zie Effi us Me ät/ tap Erkenn ilit he xi b r Fle Freih eit/Ko m alismus ntrol le Ästet hik/Mini Konsistenz/Standards Fehlererkennung Dok ume ntati ng on/H e idu Ge i lfe rverm sch hl e Fe w ind igk eitMittwoch, 5. September 12
  51. 51. n Grundprinzipien erinner z n en statt Stat zie Effi us Me ät/ tap Erkenn ilit he xi b r Fle Freih eit/Ko m alismus ntrol le Ästet hik/Mini Konsistenz/Standards Fehlererkennung Dok ume ntati ng on/H e idu Ge i lfe keit rverm sch e lich hl Fe w sön ind igk Per eitMittwoch, 5. September 12
  52. 52. # Mentales Modell # $foo-Design GrundlagenMittwoch, 5. September 12
  53. 53. # Mentales Modell # $foo-Design Grundlagen Das mentale ModellMittwoch, 5. September 12
  54. 54. # Mentales Modell # $foo-Design Grundlagen Das mentale Modell Das UI-ModellMittwoch, 5. September 12
  55. 55. # Mentales Modell # $foo-Design Grundlagen Das mentale Modell Das UI-Modell Das ImplementierungsmodellMittwoch, 5. September 12
  56. 56. Mittwoch, 5. September 12
  57. 57. Mittwoch, 5. September 12
  58. 58. Mittwoch, 5. September 12
  59. 59. # Mentales Modell # $foo-Design Grundlagen RealismusMittwoch, 5. September 12
  60. 60. # Mentales Modell # $foo-Design GrundlagenMittwoch, 5. September 12
  61. 61. # Mentales Modell # $foo-Design Grundlagen SkeuomorphismenMittwoch, 5. September 12
  62. 62. Mittwoch, 5. September 12
  63. 63. 1 Tuna 1,11 1 Tuna 1,11 2. Sake 2.22 2. Sake 2.22 3. Avocado 3.33. 3. Avocado 3.33. 4. Tomate 4.44 4. Tomate 4.44 5. Gurke 5.55 5. Gurke 5.55 1 Tuna 1,11 1 Tuna 1,11 2. Sake 2.22 2. Sake 2.22 3. Avocado 3.33. 3. Avocado 3.33. 4. Tomate 4.44 4. Tomate 4.44 5. Gurke 5.55 5. Gurke 5.55 1 Tuna 1,11 1 Tuna 1,11 2. Sake 2.22 2. Sake 2.22 3. Avocado 3.33. 3. Avocado 3.33. 4. Tomate 4.44 4. Tomate 4.44 5. Gurke 5.55 5. Gurke 5.55 1 Tuna 1,11 1 Tuna 1,11 2. Sake 2.22 2. Sake 2.22 3. Avocado 3.33. 3. Avocado 3.33. 4. Tomate 4.44 4. Tomate 4.44 5. Gurke 5.55 5. Gurke 5.55 1 Tuna 1,11 1 Tuna 1,11Mittwoch, 5. September 12
  64. 64. # Mentales Modell # $foo-Design Grundlagen Gestaltgesetz der… …Prägnanz …gem. Bewegung …Nähe …gemeinsamen Region …Ähnlichkeit …Gleichzeitigkeit …Kontinuität …verbundenen Elemente …Geschlossenheit …fortgesetzt durchgehenden LinieMittwoch, 5. September 12
  65. 65. # Mentales Modell # $foo-Design Grundlagen AffordancesMittwoch, 5. September 12
  66. 66. Mittwoch, 5. September 12
  67. 67. # Mentales Modell # $foo-Design Grundlagen FeedbackMittwoch, 5. September 12
  68. 68. Mittwoch, 5. September 12
  69. 69. Mittwoch, 5. September 12
  70. 70. # Mentales Modell # $foo-Design Grundlagen FeedforwardMittwoch, 5. September 12
  71. 71. Mittwoch, 5. September 12
  72. 72. Mittwoch, 5. September 12
  73. 73. vsMittwoch, 5. September 12
  74. 74. vsMittwoch, 5. September 12
  75. 75. # Mentales Modell # $foo-Design Grundlagen Direkte ManipulationMittwoch, 5. September 12
  76. 76. Mittwoch, 5. September 12
  77. 77. # Mentales Modell # $foo-Design Grundlagen Indirekte ManipulationMittwoch, 5. September 12
  78. 78. Mittwoch, 5. September 12
  79. 79. # Mentales Modell # $foo-Design Grundlagen Fitts‘s LawMittwoch, 5. September 12
  80. 80. # Mentales Modell # $foo-Design GrundlagenMittwoch, 5. September 12
  81. 81. # Mentales Modell # $foo-Design GrundlagenMittwoch, 5. September 12
  82. 82. # Mentales Modell # $foo-Design Grundlagen Die Wurstfinger-RegelMittwoch, 5. September 12
  83. 83. # Mentales Modell # $foo-Design Grundlagen Poka-YokeMittwoch, 5. September 12
  84. 84. Mittwoch, 5. September 12
  85. 85. # Mentales Modell # $foo-Design Grundlagen HierarchieMittwoch, 5. September 12
  86. 86. Mittwoch, 5. September 12
  87. 87. Mittwoch, 5. September 12
  88. 88. # Mentales Modell # $foo-Design Grundlagen AnimationenMittwoch, 5. September 12
  89. 89. Mittwoch, 5. September 12
  90. 90. # Mentales Modell # $foo-Design Grundlagen KonsistenzMittwoch, 5. September 12
  91. 91. # Mentales Modell # $foo-Design GrundlagenMittwoch, 5. September 12
  92. 92. Realismus Fitts‘s Law Affordances Die Wurstfinger-Regel Feedback Poka-Yoke Feedforward Hierarchie Direkte Manipulation Animationen Indirekte Manipulation KonsistenzMittwoch, 5. September 12
  93. 93. # Mentales Modell # $foo-Design Grundlagen Habt eine Meinung!Mittwoch, 5. September 12
  94. 94. # Mentales Modell # $foo-Design GrundlagenMittwoch, 5. September 12
  95. 95. # Mentales Modell # $foo-Design Grundlagen FeaturesMittwoch, 5. September 12
  96. 96. Mittwoch, 5. September 12
  97. 97. Design-ProzessMittwoch, 5. September 12
  98. 98. Design-Prozess +Mittwoch, 5. September 12
  99. 99. Design-Prozess + $foo-Design basicsMittwoch, 5. September 12
  100. 100. Design-Prozess + $foo-Design basics =Mittwoch, 5. September 12
  101. 101. Design-Prozess + $foo-Design basics = einfachere KommunikationMittwoch, 5. September 12
  102. 102. Design-Prozess + $foo-Design basics = einfachere Kommunikation +Mittwoch, 5. September 12
  103. 103. Design-Prozess + $foo-Design basics = einfachere Kommunikation + bessere AppsMittwoch, 5. September 12
  104. 104. Mittwoch, 5. September 12

×