1. Designer vs. Developer
René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)
UXCamp Berlin 2009

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. Logik meets Kreativität
René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)

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

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. 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. 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. 5 Dinge, die Designer zwangsläufig
René Chr. Glembotzky
Twitter „glembotzky“ berücksichtigen „müssen“...
Kontakt: Xing, Facebook, Poken :-)

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. Eine Website ist dynamisch
René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)

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

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. Eine Website ist dynamisch
Bildschirmauflösung beachten
Scrollbars vermeiden
René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)

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. 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. Kritischer Faktor:
René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)
Die Technik

17. Kritischer Faktor: Die Technik
● 14 IE6 Layout Bugs
René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)

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. 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. 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. 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. 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. 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. 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. 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. 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. Schlüsselerlebnis:
René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)
Raster & Module

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

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. Raster & Module sind der Schlüssel
René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)

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

32. Miteinander reden
„Nur sprechenden Menschen
kann geholfen werden“
René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)

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. René Chr. Glembotzky
Twitter „glembotzky“
Kontakt: Xing, Facebook, Poken :-)