Designer vs. Developer
René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)
                      ...
32 Jahre
  free-sms.de Gründer
 Ex-Head of IT goolive

         PHP/Coldfusion
                  MySQL
       JavaScript/j...
Logik meets Kreativität




René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)
Logik meets Kreativität




                                     Developer Designer

René Chr. Glembotzky
Twitter „glembot...
Was ist das Wichtige an einem
   Design?

     ●   Design ist nicht nur die Form.
     ●   Design ist nicht nur die Funkti...
Was ist das Wichtige an UI-Design?

     ●   UI-Design ist nicht nur das „Sichtbare“.
     ●   UI-Design ist nicht nur die...
Was ist das Wichtige an UI-Design?

     ●   UI-Design ist nicht nur das „Sichtbare“.
     ●   UI-Design ist nicht nur die...
5 Dinge, die Designer zwangsläufig
René Chr. Glembotzky
Twitter „glembotzky“    berücksichtigen „müssen“...
Kontakt: Xing, ...
5 Dinge, die Designer zwangsläufig
   berücksichtigen „müssen“...

     1. Eine Website ist dynamisch.
     2.Kritischer Fa...
Eine Website ist dynamisch




René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)
Eine Website ist dynamisch




René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)
Eine Website ist dynamisch




     ●   Design muss skalierbar sein.
     ●   Überlängen einplanen.
     ●   Design muss d...
Eine Website ist dynamisch




                               Bildschirmauflösung beachten
                                ...
Eine Website ist dynamisch

                                     Je nach Länge des
                                     Co...
Eine Website ist dynamisch

                                     Je nach Länge des
                                     Co...
Kritischer Faktor:
René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)
                          ...
Kritischer Faktor: Die Technik

     ●   14 IE6 Layout Bugs




René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, F...
Kritischer Faktor: Die Technik

     ●   14 IE6 Layout Bugs
     ●   63 Techniken für abgerundete Ecken




René Chr. Glem...
Kritischer Faktor: Die Technik

     ●   14 IE6 Layout Bugs
     ●   63 Techniken für abgerundete Ecken
     ●   9 Möglich...
Kritischer Faktor: Die Technik

     ●   14 IE6 Layout Bugs
     ●   63 Techniken für abgerundete Ecken
     ●   9 Möglich...
Kritischer Faktor: Die Technik

     ●   14 IE6 Layout Bugs
     ●   63 Techniken für abgerundete Ecken
     ●   9 Möglich...
Kritischer Faktor: Die Technik

     ●   14 IE6 Layout Bugs
     ●   63 Techniken für abgerundete Ecken
     ●   9 Möglich...
Kritischer Faktor: Die Technik

     ●   14 IE6 Layout Bugs
     ●   63 Techniken für abgerundete Ecken
     ●   9 Möglich...
Kritischer Faktor: Die Technik

     ●   14 IE6 Layout Bugs
     ●   63 Techniken für abgerundete Ecken
     ●   9 Möglich...
Kritischer Faktor: Die Technik

     ●   14 IE6 Layout Bugs
     ●   63 Techniken für abgerundete Ecken
     ●   9 Möglich...
Kritischer Faktor: Die Technik

                                     9 Faktoren
                                     4 Dim...
Schlüsselerlebnis:
René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)
                          ...
Raster & Module sind der Schlüssel




René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)
Raster & Module sind der Schlüssel



   Mein Favorit: 960 GridSystem
   http://960.gs

   Yahoo!UI
   http://developer.ya...
Raster & Module sind der Schlüssel




René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)
Raster und Module sind der Schlüssel




René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)
Miteinander reden




                               „Nur sprechenden Menschen
                                  kann geho...
Miteinander reden

   ●Entwickler müssen „verstehen“, warum etwas
   geändert werden soll, weil sie keine unnötigen
   Änd...
René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)
Nächste SlideShare
Wird geladen in …5
×

Coder vs. Designer

1.083 Aufrufe

Veröffentlicht am

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

Keine Downloads
Aufrufe
Aufrufe insgesamt
1.083
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
558
Aktionen
Geteilt
0
Downloads
15
Kommentare
0
Gefällt mir
1
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Coder vs. Designer

  1. 1. Designer vs. Developer René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-) UXCamp Berlin 2009
  2. 2. 32 Jahre free-sms.de Gründer Ex-Head of IT goolive PHP/Coldfusion MySQL JavaScript/jQuery Projektmanager Business Development Marketing & Akquise René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  3. 3. Logik meets Kreativität René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  4. 4. Logik meets Kreativität Developer Designer René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  5. 5. Was ist das Wichtige an einem Design? ● Design ist nicht nur die Form. ● Design ist nicht nur die Funktion. ● Design ist eine Symbiose aus Form und Funktion. Design muss gut aussehen und funktionieren. René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  6. 6. Was ist das Wichtige an UI-Design? ● UI-Design ist nicht nur das „Sichtbare“. ● UI-Design ist nicht nur die Code (IA). ● UI-Design ist nicht nur das Interaction-Design. ● UI-Design ist die Symbiose aus Sichtbarem, Code und Interaktionsmöglichkeiten UI-Design muss gut aussehen und funktionieren. René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  7. 7. Was ist das Wichtige an UI-Design? ● UI-Design ist nicht nur das „Sichtbare“. ● UI-Design ist nicht nur die Code (IA). ● UI-Design ist nicht nur das Interaction-Design. ● UI-Design ist die Symbiose aus Sichtbarem, Code und Interaktionsmöglichkeiten UI-Design muss gut aussehen und funktionieren. Und NICHT nur im Photoshop, sondern beim USER. René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  8. 8. 5 Dinge, die Designer zwangsläufig René Chr. Glembotzky Twitter „glembotzky“ berücksichtigen „müssen“... Kontakt: Xing, Facebook, Poken :-)
  9. 9. 5 Dinge, die Designer zwangsläufig berücksichtigen „müssen“... 1. Eine Website ist dynamisch. 2.Kritischer Faktor: Technik. 3. Raster und Module sind der Schlüssel. 4.Miteinander reden 5.YES, WE CAN! René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  10. 10. Eine Website ist dynamisch René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  11. 11. Eine Website ist dynamisch René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  12. 12. Eine Website ist dynamisch ● Design muss skalierbar sein. ● Überlängen einplanen. ● Design muss der Funktionalität angepasst werden. René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  13. 13. Eine Website ist dynamisch Bildschirmauflösung beachten Scrollbars vermeiden René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  14. 14. Eine Website ist dynamisch Je nach Länge des Contents variiert die Höhe einer Seite. User haben damit kein Problem. René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  15. 15. Eine Website ist dynamisch Je nach Länge des Contents variiert die Höhe einer Seite. User haben damit kein Problem. Designer schon ;-) René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  16. 16. Kritischer Faktor: René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-) Die Technik
  17. 17. Kritischer Faktor: Die Technik ● 14 IE6 Layout Bugs René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  18. 18. Kritischer Faktor: Die Technik ● 14 IE6 Layout Bugs ● 63 Techniken für abgerundete Ecken René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  19. 19. Kritischer Faktor: Die Technik ● 14 IE6 Layout Bugs ● 63 Techniken für abgerundete Ecken ● 9 Möglichkeiten, Spalten zu designen René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  20. 20. Kritischer Faktor: Die Technik ● 14 IE6 Layout Bugs ● 63 Techniken für abgerundete Ecken ● 9 Möglichkeiten, Spalten zu designen ● 3 Browser Engines René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  21. 21. Kritischer Faktor: Die Technik ● 14 IE6 Layout Bugs ● 63 Techniken für abgerundete Ecken ● 9 Möglichkeiten, Spalten zu designen ● 3 Browser Engines ● 8 wichtige Browser René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  22. 22. Kritischer Faktor: Die Technik ● 14 IE6 Layout Bugs ● 63 Techniken für abgerundete Ecken ● 9 Möglichkeiten, Spalten zu designen ● 3 Browser Engines ● 8 wichtige Browser ● 34 Möglichkeiten, Performance zu optimieren René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  23. 23. Kritischer Faktor: Die Technik ● 14 IE6 Layout Bugs ● 63 Techniken für abgerundete Ecken ● 9 Möglichkeiten, Spalten zu designen ● 3 Browser Engines ● 8 wichtige Browser ● 34 Möglichkeiten, Performance zu optimieren ● 6+ Wege vertikal auszurichen René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  24. 24. Kritischer Faktor: Die Technik ● 14 IE6 Layout Bugs ● 63 Techniken für abgerundete Ecken ● 9 Möglichkeiten, Spalten zu designen ● 3 Browser Engines ● 8 wichtige Browser ● 34 Möglichkeiten, Performance zu optimieren ● 6+ Wege vertikal auszurichen ● 5 Layout-Stile René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  25. 25. Kritischer Faktor: Die Technik ● 14 IE6 Layout Bugs ● 63 Techniken für abgerundete Ecken ● 9 Möglichkeiten, Spalten zu designen ● 3 Browser Engines ● 8 wichtige Browser ● 34 Möglichkeiten, Performance zu optimieren ● 6+ Wege vertikal auszurichen ● 5 Layout-Stile ● 8 Arten zu fokussieren René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  26. 26. Kritischer Faktor: Die Technik 9 Faktoren 4 Dimensionen 3 Plattformen 4 Browser p.P. 2 Rendering Modes = 672 Möglichkeiten René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  27. 27. Schlüsselerlebnis: René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-) Raster & Module
  28. 28. Raster & Module sind der Schlüssel René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  29. 29. Raster & Module sind der Schlüssel Mein Favorit: 960 GridSystem http://960.gs Yahoo!UI http://developer.yahoo.com/yui/grids/ René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  30. 30. Raster & Module sind der Schlüssel René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  31. 31. Raster und Module sind der Schlüssel René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  32. 32. Miteinander reden „Nur sprechenden Menschen kann geholfen werden“ René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  33. 33. Miteinander reden ●Entwickler müssen „verstehen“, warum etwas geändert werden soll, weil sie keine unnötigen Änderungen mögen. ●Roundtables: Designer und Entwickler diskutieren über geplante Änderungen. ●Begriffe definieren, um Missverständnisse zu vermeiden. ● Kommunikationsprobleme offen ansprechen. René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)
  34. 34. René Chr. Glembotzky Twitter „glembotzky“ Kontakt: Xing, Facebook, Poken :-)

×