ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER! ES GEHT UM DEN ANWENDER!
DESIGN PRINCIPALS ALLGEMEINE GESTALTUNGSREGELN • zum visuellen System • kognitive und psychologische Effekte • Intuition ZWECK • Besseres Verständnis für die Gestaltung • Nicht alle Regeln können eingehalten werden
PROXIMITY My Web App http://www.url.com text Vorname text Nachname text text PLZ/Ort text Straße Abstand > > | text Vorname text Nachname text text PLZ/Ort text Straße
Window File Insert View Format Home Module text text text text text text text text text text text text text text text text text text text text text text text text text text text Navigation Daten Status text text text text DATEN CHROME NAVIGATION
My Web App http://www.url.com text Vorname text Nachname text text PLZ/Ort text Straße Was ist primär, was sekundär? Was ist das Standard- kommendo? Speichern Verwerfen Löschen Hilfe
My Web App http://www.url.com text Vorname text Nachname text PLZ/Ort text Straße sekundäre Kommendos primäre Kommendos Hilfe Löschen Verwerfen Speichern text
My Web App http://www.url.com text Vorname text Nachname text PLZ/Ort text Straße Speichern Verwerfen Hilfe Löschen text | | | | | | | | | > > von links nach rechts
My Web App http://www.url.com text Vorname text Nachname text PLZ/Ort text Straße Speichern Verwerfen Hilfe Löschen text | | | | | | | > | | > von oben nach unten
My Web App http://www.url.com text Vorname text Nachname text text PLZ/Ort text Straße Speichern Verwerfen eine Spalte = leichter lesbar | > Hilfe Löschen
My Web App http://www.url.com text Vorname text Nachname text text PLZ/Ort text Straße Speichern Verwerfen Account löschen Hilfe für die Eingabe Sekundäre Kommandos als Link | > Wofür? | >
My Web App http://www.url.com Profil anlegen Speichern Hilfe für die Eingabe Vorname Nachname Ort PLZ Straße abgesetzter Aktionsbereich Kontext Card Design bildet einen Rahmen für den Kontext | >
My Web App http://www.url.com Profil anlegen Speichern Hilfe für die Eingabe Vorname Nachname Ort PLZ Straße Wasserzeichen- text ersetzt Labels | > Direkte Interaktion ersetzt Button | >
My Web App http://www.url.com Profil anlegen Speichern Hilfe für die Eingabe Mark Müller Pinneberg 25421 Hauptstraße 4 Kontext- abhängige Kommandos Editier Modus
My Web App http://www.url.com Profil Vorname Nachname Ort PLZ Straße Speichern Justin Small Web Developer @justinsmall Ändern Account löschen Kontext- abhängige Kommandos Lese Modus
My Web App http://www.url.com Speichern Verwerfen Löschen Hilfe text Vorname text Nachname text text PLZ/Ort text Straße VORHER / NACHHER My Web App http://www.url.com Profil anlegen Speichern Hilfe für die Eingabe Mark Müller Pinneberg 25421 Hauptstraße 4
FAZIT UX DESIGN • UX ist nicht nur ein Thema für Designer • Jeder kann UX Design lernen! • UX in den Entwicklungsprozess integrieren DESIGN PRINCIPALS • Ein gutes Verständnis von Design Principals hilft! • Reviews und Tests sind wichtig! ERGEBNIS • Deine Anwender werden dich lieben!
RESSOURCEN OPEN SOURCE COLLECTION OF DESIGN PRINCIPLES • https:/ /principles.design/ GOOGLE MATERIAL COLOR PICKERS • https:/ /materialuicolors.co/ SKETCH2CODE • https:/ /sketch2code.azurewebsites.net/
joergneumann
getonbrd
tapidokes
hjmkth
moriyuya
tsuyoshika
dieckg
uxaustralia
littlebusters
sms_tech
sakito
sugiyama_sukedachi
uxevents
sstephenson
reverentgeek
nonsquared
sonatard
dougneiner
frogandcode
ufuk
addyosmani
62gerente
3n
thoeni
colly