SlideShare ist ein Scribd-Unternehmen logo
True & False. Cats & Dogs. Designer & Entwickler?
@tmschndr
Entwickler
@liane_thoennes
Designerin
True & False. Cats & Dogs. Designer & Entwickler?
?
Designer sind keine Entwickler sind keine Designer
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
Ja! Wir sind verschieden!
Liane Tim
Liane Tim
Erstes Praktikum
in einem
Designbüro 1994
Werkstudent in
den Sommerferien
1999 in der
Halbleiter-Industrie
Liane Tim
Gestaltung von
Infografiken für
Freunde der
Geschwister
Homepages für
Vereine, Friseure,
Kurierdienste
Liane Tim
Fotoassistentin,
Ausbildung zur
Mediengestalterin,
Diplom in
Kommunikations-
design
Informatik im Abitur,
dann Studium der
Medieninformatik
Liane Tim
Seit 2003 als
Freelance- oder feste
Designerin tätig
erst freier Web-
Entwickler, dann

Mit-Gründer eines
Entwicklerteams
Liane Tim
ABC
ABC
Was treibt dich an?
Liane Tim
Ich bin keine Entwicklerin, weil …
Ich bin kein Designer, weil …
Ja! Wir sind verschieden!
Und so verschieden arbeiten
Designer und Entwickler zusammen …
Idee / Konzept
MockUps / Prototyping
technisches Design
Entwicklungsplanung
Screendesign
Entwicklung
Feedback-Zyklen
Produktmanagement
Allgemeine Aufgaben u.a.
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
Vorurteile
Liane kennt solche Entwickler …
Tim kennt solche Designer …
Tim kennt solche Designer …
die in Blockabsätzen Wortabstände bemängeln!
Liane kennt a Entwickler …
die offensichtlich der „No-UI Bewegung“ frönen! ;)
Wir alle kennen diese Beispiele!
( unterschiedliche Denkweisen können
allerdings auch von Vorteil sein )
Lost in Translation
Ego
Desinteresse bis Arroganz
wenig Kompromissbereitschaft
ME
MYSELF
I
I
Gelernte Feindschaft
Hug it out!
Form follows function. Functionality affects form.
Grundlagen von Ästhetik
Schön ist, was einfach und effektiv ist.
Code? Beautiful? Sure!
Design Pattern
Design
Typographie /
Schrift
!
Einfachheit
!
Klarheit
Entwicklung
Principle of least
surprise
!
Don‘t repeat yourself
!
No code is
better than no code
Ähnliche Arbeitsweisen
einfach und effektiv
vom Modell zum Detail
(iterativ)
Tiefes Problemverständnis erforderlich
Oft gesucht:
Designerentwickler / Entwicklerdesigner (m/w)
"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
So funktioniert‘s bei uns
Gemischtes, gleichberechtigtes Team
Idee
Konzept
MockUps
Prototyping
Sprint Planning
Screendesign
Iterative Implementierung
Produktmanagement
Unser Prozess
Idee
Konzept
MockUps
Prototyping
Sprint Planning
Screendesign
Iterative Implementierung
Produktmanagement
Unser ProzessLiane
✓
✓
✓
✓
✓
✓
✓
Idee
Konzept
MockUps
Prototyping
Sprint Planning
Screendesign
Iterative Implementierung
Produktmanagement
Unser ProzessLiane Tim
✓
✓
✓
✓
✓
✓
✓
✓
✓
✓
✓
✓
✓
✓
Gemeinsame Tools
Entwicklung
Git & GitHub
(statt CSS per Mail)
Photoshop CSS
(Stephan kotzt zwar)
Frameworks
(Foundation, Bootstrap)
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
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
Geschmacksmuster statt PSD
Gemeinsame (Weiter-) Entwicklung
eines Styleguides
Living Styleguides bieten Designern die Möglichkeit,
Design zu optimieren
Gemischtes Team
Gemeinsame Konzeptarbeit und Planung
„Schnittstellenoptimierung“ durch gute Tools
lebendige Designs, die weiterentwickelt
werden können
+
+
+
Good habits
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:
Lieber Designer,
Erkläre einfach
Setz dich mit der Entwicklung auseinander
Gestalte gründlich, bedenke Ausnahmen
Sei auch mal pragmatisch
!
= Entwickler:
Entwickler & Designer:
Be nice
Behaltet Euer gemeinsames Ziel im Auge
Lasst euch vielfältig inspirieren und seid offen
Lernt voneinander
!
= Und alle:
True & False. Cats & Dogs. Designer & Entwickler.
Leidenschaft
Routine
Kämpft!
Love & Hate.
Vielen Dank!

Weitere ähnliche Inhalte

Andere mochten auch

De broglie
De broglieDe broglie
De broglie
Vanina Parra
 
Mobile Prozesse in der Verwaltung – mehr als nur Apps und Devices
Mobile Prozesse in der Verwaltung – mehr als nur Apps und DevicesMobile Prozesse in der Verwaltung – mehr als nur Apps und Devices
Mobile Prozesse in der Verwaltung – mehr als nur Apps und Devices
Thomas Briner
 
1° año medio guerra fría 2014
1° año medio guerra fría 20141° año medio guerra fría 2014
1° año medio guerra fría 2014
Agustin Chavez Mardones
 
Tecnoparque
TecnoparqueTecnoparque
Otoño 'concierto de aranjuez'.pps leire 5ºa
Otoño 'concierto de aranjuez'.pps leire 5ºaOtoño 'concierto de aranjuez'.pps leire 5ºa
Otoño 'concierto de aranjuez'.pps leire 5ºa
elenamatas
 
Herramientas para elaborar blogs educativos
Herramientas para elaborar blogs educativosHerramientas para elaborar blogs educativos
Herramientas para elaborar blogs educativos
democraciaytic
 
Teoria cuerpos 2do
Teoria cuerpos 2doTeoria cuerpos 2do
Teoria cuerpos 2do
pcomba
 
Warum ReLEx smile bei uns die Femto-LASIK ersetzt hat.
Warum ReLEx smile bei uns die Femto-LASIK ersetzt hat.Warum ReLEx smile bei uns die Femto-LASIK ersetzt hat.
Warum ReLEx smile bei uns die Femto-LASIK ersetzt hat.
Breyer, Kaymak & Klabe Augenchirurgie
 
Diferencias entre libre office Microsoft
Diferencias entre libre office MicrosoftDiferencias entre libre office Microsoft
Diferencias entre libre office Microsoft
Guido Tuyo
 
Tema1 lapsicologacomocienci
Tema1 lapsicologacomocienciTema1 lapsicologacomocienci
Tema1 lapsicologacomocienci
Marco Huaman Villarreal
 
Taller Prospera
Taller ProsperaTaller Prospera
Taller Prospera
gmarianacov
 
Integridad electoral, oportunismo y derechos políticos
Integridad electoral, oportunismo y derechos políticosIntegridad electoral, oportunismo y derechos políticos
Integridad electoral, oportunismo y derechos políticos
Arturo Feliz-Camilo
 
Vertrieb 3.0 lead generation im social web [alliance bliss concept]
Vertrieb 3.0   lead generation im social web [alliance bliss concept]Vertrieb 3.0   lead generation im social web [alliance bliss concept]
Vertrieb 3.0 lead generation im social web [alliance bliss concept]Karl Hoffmeyer
 
SINTESIS CURRICULAR
SINTESIS CURRICULARSINTESIS CURRICULAR
SINTESIS CURRICULAR
ZURBERIT
 
Oferta!! Presentación casa en Rionegro cod. 1230
 Oferta!! Presentación casa en Rionegro cod. 1230 Oferta!! Presentación casa en Rionegro cod. 1230
Oferta!! Presentación casa en Rionegro cod. 1230
SU FINCA RAIZ Uribe Franco
 
Programas de biología iii y iv
Programas de biología iii y ivProgramas de biología iii y iv
Programas de biología iii y iv
ciberbiol
 
Carteles
CartelesCarteles
Carteles
antonio071162
 

Andere mochten auch (18)

De broglie
De broglieDe broglie
De broglie
 
Mobile Prozesse in der Verwaltung – mehr als nur Apps und Devices
Mobile Prozesse in der Verwaltung – mehr als nur Apps und DevicesMobile Prozesse in der Verwaltung – mehr als nur Apps und Devices
Mobile Prozesse in der Verwaltung – mehr als nur Apps und Devices
 
1° año medio guerra fría 2014
1° año medio guerra fría 20141° año medio guerra fría 2014
1° año medio guerra fría 2014
 
Tecnoparque
TecnoparqueTecnoparque
Tecnoparque
 
Otoño 'concierto de aranjuez'.pps leire 5ºa
Otoño 'concierto de aranjuez'.pps leire 5ºaOtoño 'concierto de aranjuez'.pps leire 5ºa
Otoño 'concierto de aranjuez'.pps leire 5ºa
 
Herramientas para elaborar blogs educativos
Herramientas para elaborar blogs educativosHerramientas para elaborar blogs educativos
Herramientas para elaborar blogs educativos
 
Teoria cuerpos 2do
Teoria cuerpos 2doTeoria cuerpos 2do
Teoria cuerpos 2do
 
Warum ReLEx smile bei uns die Femto-LASIK ersetzt hat.
Warum ReLEx smile bei uns die Femto-LASIK ersetzt hat.Warum ReLEx smile bei uns die Femto-LASIK ersetzt hat.
Warum ReLEx smile bei uns die Femto-LASIK ersetzt hat.
 
Diferencias entre libre office Microsoft
Diferencias entre libre office MicrosoftDiferencias entre libre office Microsoft
Diferencias entre libre office Microsoft
 
Tema1 lapsicologacomocienci
Tema1 lapsicologacomocienciTema1 lapsicologacomocienci
Tema1 lapsicologacomocienci
 
Taller Prospera
Taller ProsperaTaller Prospera
Taller Prospera
 
Integridad electoral, oportunismo y derechos políticos
Integridad electoral, oportunismo y derechos políticosIntegridad electoral, oportunismo y derechos políticos
Integridad electoral, oportunismo y derechos políticos
 
Vertrieb 3.0 lead generation im social web [alliance bliss concept]
Vertrieb 3.0   lead generation im social web [alliance bliss concept]Vertrieb 3.0   lead generation im social web [alliance bliss concept]
Vertrieb 3.0 lead generation im social web [alliance bliss concept]
 
SINTESIS CURRICULAR
SINTESIS CURRICULARSINTESIS CURRICULAR
SINTESIS CURRICULAR
 
Oferta!! Presentación casa en Rionegro cod. 1230
 Oferta!! Presentación casa en Rionegro cod. 1230 Oferta!! Presentación casa en Rionegro cod. 1230
Oferta!! Presentación casa en Rionegro cod. 1230
 
Programas de biología iii y iv
Programas de biología iii y ivProgramas de biología iii y iv
Programas de biología iii y iv
 
Carteles
CartelesCarteles
Carteles
 
Sqwange
SqwangeSqwange
Sqwange
 

Ähnlich wie True & False. Cats & Dogs. Designer & Entwickler?

Einführung in User Experience Design
Einführung in User Experience DesignEinführung in User Experience Design
Einführung in User Experience Designchmoser79
 
quäntchen + glück sucht Designer
quäntchen + glück sucht Designerquäntchen + glück sucht Designer
quäntchen + glück sucht Designer
quäntchen + glück
 
Dateneingabe: Erfolgreiche Anschreiben für beruflichen Erfolg
Dateneingabe: Erfolgreiche Anschreiben für beruflichen Erfolg Dateneingabe: Erfolgreiche Anschreiben für beruflichen Erfolg
Dateneingabe: Erfolgreiche Anschreiben für beruflichen Erfolg
simplified
 
UX Army of One
UX Army of OneUX Army of One
UX Army of One
Thomas Gläser
 
Designliebe_Vorstellung.pdf
Designliebe_Vorstellung.pdfDesignliebe_Vorstellung.pdf
Designliebe_Vorstellung.pdf
Designliebe - Just fresh ideas!
 
pastel-torn-paper-portfoliiiiiiiiiiiio.pptx
pastel-torn-paper-portfoliiiiiiiiiiiio.pptxpastel-torn-paper-portfoliiiiiiiiiiiio.pptx
pastel-torn-paper-portfoliiiiiiiiiiiio.pptx
pacificbappy007
 
Verhaltensänderung speichern? Über persuasives Webdesign
Verhaltensänderung speichern? Über persuasives WebdesignVerhaltensänderung speichern? Über persuasives Webdesign
Verhaltensänderung speichern? Über persuasives Webdesign
Sebastian Deterding
 
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
eparo GmbH
 
Honki Digital Agentur - Präsentation
Honki Digital Agentur - PräsentationHonki Digital Agentur - Präsentation
Honki Digital Agentur - Präsentation
Marta Czapkova
 
Jungle in-da-house v-6
Jungle in-da-house v-6Jungle in-da-house v-6
Jungle in-da-house v-6
Thomas Schaller
 
Mooc - Design mit digitalen Methoden lehren und lernen / UdK Berlin
Mooc - Design mit digitalen Methoden lehren und lernen / UdK BerlinMooc - Design mit digitalen Methoden lehren und lernen / UdK Berlin
Mooc - Design mit digitalen Methoden lehren und lernen / UdK Berlin
Marja Annecke
 
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
 
Jungle in-da-house v-4
Jungle in-da-house v-4Jungle in-da-house v-4
Jungle in-da-house v-4
Thomas Schaller
 
Design Thinking - Was niemand über Design Thinking sagt!
Design Thinking - Was niemand über Design Thinking sagt!Design Thinking - Was niemand über Design Thinking sagt!
Design Thinking - Was niemand über Design Thinking sagt!
Lukas Fischer
 
NETNODE Culture Book
NETNODE Culture BookNETNODE Culture Book
NETNODE Culture Book
NETNODE AG
 
Interactive Dock – Visuelle Gestaltung Interaktiver Produkte
Interactive Dock – Visuelle Gestaltung Interaktiver ProdukteInteractive Dock – Visuelle Gestaltung Interaktiver Produkte
Interactive Dock – Visuelle Gestaltung Interaktiver Produkte
David Blum
 
quäntchen + glück sucht Frontend Web Developer
quäntchen + glück sucht Frontend Web Developerquäntchen + glück sucht Frontend Web Developer
quäntchen + glück sucht Frontend Web Developer
quäntchen + glück
 
120214 gpm basel_web_booklet
120214 gpm basel_web_booklet120214 gpm basel_web_booklet
120214 gpm basel_web_booklet
GPM - Agentur für digitale Kommunikation
 
Jungle in-da-house
Jungle in-da-houseJungle in-da-house
Jungle in-da-house
Irina Hey
 
Website Konzeption - Eine interdisziplinäre Teamarbeit
Website Konzeption - Eine interdisziplinäre TeamarbeitWebsite Konzeption - Eine interdisziplinäre Teamarbeit
Website Konzeption - Eine interdisziplinäre Teamarbeit
Oliver Annen
 

Ähnlich wie True & False. Cats & Dogs. Designer & Entwickler? (20)

Einführung in User Experience Design
Einführung in User Experience DesignEinführung in User Experience Design
Einführung in User Experience Design
 
quäntchen + glück sucht Designer
quäntchen + glück sucht Designerquäntchen + glück sucht Designer
quäntchen + glück sucht Designer
 
Dateneingabe: Erfolgreiche Anschreiben für beruflichen Erfolg
Dateneingabe: Erfolgreiche Anschreiben für beruflichen Erfolg Dateneingabe: Erfolgreiche Anschreiben für beruflichen Erfolg
Dateneingabe: Erfolgreiche Anschreiben für beruflichen Erfolg
 
UX Army of One
UX Army of OneUX Army of One
UX Army of One
 
Designliebe_Vorstellung.pdf
Designliebe_Vorstellung.pdfDesignliebe_Vorstellung.pdf
Designliebe_Vorstellung.pdf
 
pastel-torn-paper-portfoliiiiiiiiiiiio.pptx
pastel-torn-paper-portfoliiiiiiiiiiiio.pptxpastel-torn-paper-portfoliiiiiiiiiiiio.pptx
pastel-torn-paper-portfoliiiiiiiiiiiio.pptx
 
Verhaltensänderung speichern? Über persuasives Webdesign
Verhaltensänderung speichern? Über persuasives WebdesignVerhaltensänderung speichern? Über persuasives Webdesign
Verhaltensänderung speichern? Über persuasives Webdesign
 
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
 
Honki Digital Agentur - Präsentation
Honki Digital Agentur - PräsentationHonki Digital Agentur - Präsentation
Honki Digital Agentur - Präsentation
 
Jungle in-da-house v-6
Jungle in-da-house v-6Jungle in-da-house v-6
Jungle in-da-house v-6
 
Mooc - Design mit digitalen Methoden lehren und lernen / UdK Berlin
Mooc - Design mit digitalen Methoden lehren und lernen / UdK BerlinMooc - Design mit digitalen Methoden lehren und lernen / UdK Berlin
Mooc - Design mit digitalen Methoden lehren und lernen / UdK Berlin
 
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...
 
Jungle in-da-house v-4
Jungle in-da-house v-4Jungle in-da-house v-4
Jungle in-da-house v-4
 
Design Thinking - Was niemand über Design Thinking sagt!
Design Thinking - Was niemand über Design Thinking sagt!Design Thinking - Was niemand über Design Thinking sagt!
Design Thinking - Was niemand über Design Thinking sagt!
 
NETNODE Culture Book
NETNODE Culture BookNETNODE Culture Book
NETNODE Culture Book
 
Interactive Dock – Visuelle Gestaltung Interaktiver Produkte
Interactive Dock – Visuelle Gestaltung Interaktiver ProdukteInteractive Dock – Visuelle Gestaltung Interaktiver Produkte
Interactive Dock – Visuelle Gestaltung Interaktiver Produkte
 
quäntchen + glück sucht Frontend Web Developer
quäntchen + glück sucht Frontend Web Developerquäntchen + glück sucht Frontend Web Developer
quäntchen + glück sucht Frontend Web Developer
 
120214 gpm basel_web_booklet
120214 gpm basel_web_booklet120214 gpm basel_web_booklet
120214 gpm basel_web_booklet
 
Jungle in-da-house
Jungle in-da-houseJungle in-da-house
Jungle in-da-house
 
Website Konzeption - Eine interdisziplinäre Teamarbeit
Website Konzeption - Eine interdisziplinäre TeamarbeitWebsite Konzeption - Eine interdisziplinäre Teamarbeit
Website Konzeption - Eine interdisziplinäre Teamarbeit
 

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