$Foo design basics for ios developers

379 views
324 views

Published on

Slides of my talk about design basics for developers.

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
379
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

$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

×