True & False. Cats & Dogs. Designer & Entwickler?

601 Aufrufe

Veröffentlicht am

Die Kommunikation zwischen Designern und Entwicklern ist nicht immer einfach. Sie produktiv und effizient zusammenarbeiten zu lassen, ist noch schwieriger. In unserem Talk zeigen wir, warum es in unserem Team funktioniert und wie uns auf diese Weise die besten Produkte gelingen.

Tim Schneider
https://twitter.com/tmschndr
https://speakerdeck.com/tmschndr

Liane Thönnes
https://twitter.com/liane_thoennes

https://ruby.froscon.org/talks/true-false-cats-dogs-designer-entwickler/

Veröffentlicht in: Design
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
601
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
190
Aktionen
Geteilt
0
Downloads
4
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

True & False. Cats & Dogs. Designer & Entwickler?

  1. 1. True & False. Cats & Dogs. Designer & Entwickler?
  2. 2. @tmschndr Entwickler @liane_thoennes Designerin
  3. 3. True & False. Cats & Dogs. Designer & Entwickler?
  4. 4. ?
  5. 5. Designer sind keine Entwickler sind keine Designer
  6. 6. DESIGNER ENTWICKLER 8 Buchstaben 10 Buchstaben Schnittmenge = 4 verschiedene Buchstaben 22,2 % Gemeinsamkeiten
 77,8 % Unterschiede q.e.d. DESIGNER ENTWICKLER E N i R
  7. 7. Ja! Wir sind verschieden!
  8. 8. Liane Tim
  9. 9. Liane Tim Erstes Praktikum in einem Designbüro 1994 Werkstudent in den Sommerferien 1999 in der Halbleiter-Industrie
  10. 10. Liane Tim Gestaltung von Infografiken für Freunde der Geschwister Homepages für Vereine, Friseure, Kurierdienste
  11. 11. Liane Tim Fotoassistentin, Ausbildung zur Mediengestalterin, Diplom in Kommunikations- design Informatik im Abitur, dann Studium der Medieninformatik
  12. 12. Liane Tim Seit 2003 als Freelance- oder feste Designerin tätig erst freier Web- Entwickler, dann
 Mit-Gründer eines Entwicklerteams
  13. 13. Liane Tim ABC ABC
  14. 14. Was treibt dich an?
  15. 15. Liane Tim
  16. 16. Ich bin keine Entwicklerin, weil …
  17. 17. Ich bin kein Designer, weil …
  18. 18. Ja! Wir sind verschieden!
  19. 19. Und so verschieden arbeiten Designer und Entwickler zusammen …
  20. 20. Idee / Konzept MockUps / Prototyping technisches Design Entwicklungsplanung Screendesign Entwicklung Feedback-Zyklen Produktmanagement Allgemeine Aufgaben u.a.
  21. 21. Idee, Produktmanagement Sprintplanung Technisches Konzept für die Feature Entwicklung </> </> Entwicklung</> 2., 3., n. Iteration</> MockUps, Prototyping Finales Screendesign, Vorlagen für Entwickler Review / Feedback, QA, Abnahme
  22. 22. Vorurteile
  23. 23. Liane kennt solche Entwickler … Tim kennt solche Designer …
  24. 24. Tim kennt solche Designer … die in Blockabsätzen Wortabstände bemängeln!
  25. 25. Liane kennt a Entwickler … die offensichtlich der „No-UI Bewegung“ frönen! ;)
  26. 26. Wir alle kennen diese Beispiele!
  27. 27. ( unterschiedliche Denkweisen können allerdings auch von Vorteil sein )
  28. 28. Lost in Translation
  29. 29. Ego Desinteresse bis Arroganz wenig Kompromissbereitschaft ME MYSELF I I
  30. 30. Gelernte Feindschaft
  31. 31. Hug it out!
  32. 32. Form follows function. Functionality affects form.
  33. 33. Grundlagen von Ästhetik
  34. 34. Schön ist, was einfach und effektiv ist.
  35. 35. Code? Beautiful? Sure!
  36. 36. Design Pattern Design Typographie / Schrift ! Einfachheit ! Klarheit Entwicklung Principle of least surprise ! Don‘t repeat yourself ! No code is better than no code
  37. 37. Ähnliche Arbeitsweisen
  38. 38. einfach und effektiv
  39. 39. vom Modell zum Detail (iterativ)
  40. 40. Tiefes Problemverständnis erforderlich
  41. 41. Oft gesucht: Designerentwickler / Entwicklerdesigner (m/w)
  42. 42. "The difference between a designer and developer, when it comes to design skills, is the difference between shooting a bullet and throwing it." Scott Hanselmann
  43. 43. So funktioniert‘s bei uns
  44. 44. Gemischtes, gleichberechtigtes Team
  45. 45. Idee Konzept MockUps Prototyping Sprint Planning Screendesign Iterative Implementierung Produktmanagement Unser Prozess
  46. 46. Idee Konzept MockUps Prototyping Sprint Planning Screendesign Iterative Implementierung Produktmanagement Unser ProzessLiane ✓ ✓ ✓ ✓ ✓ ✓ ✓
  47. 47. Idee Konzept MockUps Prototyping Sprint Planning Screendesign Iterative Implementierung Produktmanagement Unser ProzessLiane Tim ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓
  48. 48. Gemeinsame Tools Entwicklung Git & GitHub (statt CSS per Mail) Photoshop CSS (Stephan kotzt zwar) Frameworks (Foundation, Bootstrap)
  49. 49. Gemeinsame Tools Entwicklung Git & GitHub (statt CSS per Mail) Photoshop CSS (Stephan kotzt zwar) Frameworks (Foundation, Bootstrap) Konzept, Design Typecast (typecast.com) MockUp / Wireframing / Prototyping Tools (z.B. Balsamiq) redpen.io Whiteboard
  50. 50. Gemeinsame Tools Entwicklung Git & GitHub (statt CSS per Mail) Photoshop CSS (Stephan kotzt zwar) Frameworks (Foundation, Bootstrap) Konzept, Design Typecast MockUp / Wireframing / Prototyping Tools (z.B. Balsamiq) redpen.io Whiteboard Organisation Tracker (oder Github Issues) ! gemeinsame Sprint-Planung ! gemeinsamer
 Chat, kein
 Dev-Chat
  51. 51. Geschmacksmuster statt PSD
  52. 52. Gemeinsame (Weiter-) Entwicklung eines Styleguides
  53. 53. Living Styleguides bieten Designern die Möglichkeit, Design zu optimieren
  54. 54. Gemischtes Team Gemeinsame Konzeptarbeit und Planung „Schnittstellenoptimierung“ durch gute Tools lebendige Designs, die weiterentwickelt werden können + + +
  55. 55. Good habits
  56. 56. Lieber Entwickler, Erkläre einfach Setz dich mit Design auseinander Sei ehrlich was umgesetzt werden kann & was nicht Setze auch mal Design-Details um ! = Designer:
  57. 57. Lieber Designer, Erkläre einfach Setz dich mit der Entwicklung auseinander Gestalte gründlich, bedenke Ausnahmen Sei auch mal pragmatisch ! = Entwickler:
  58. 58. Entwickler & Designer: Be nice Behaltet Euer gemeinsames Ziel im Auge Lasst euch vielfältig inspirieren und seid offen Lernt voneinander ! = Und alle:
  59. 59. True & False. Cats & Dogs. Designer & Entwickler.
  60. 60. Leidenschaft
  61. 61. Routine
  62. 62. Kämpft!
  63. 63. Love & Hate. Vielen Dank!

×