|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 6: Aufbau der Retina |
jpg
70,87 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 10: Erster Eindruck am Beispiel der Eingangsseite auf ww.lupino.info |
jpg
54,48 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 30: Anzeige einer Tabelle mit und ohne Farbdarstellung |
jpg
60,36 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 31: Anzeige einer BITV‐konformen Tabelle mit und ohne Farbdarstellung |
jpg
66,57 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 32: Anzeige eines Diagramms mit und ohne Farbdarstellung |
jpg
69,92 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 33: Anzeige eines BITV‐konformen Diagramms mit und ohne Farbdarstellung |
jpg
77,79 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 34: Anzeige farbiger Schaltflächen mit und ohne Farbdarstellung |
jpg
32,50 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 37: Anzeige von Webseiten bei geringerer Bildschirmauflösung mit relativen (links, [www.gmail.com]) und absoluten Werten (rechts, [www.tchibo.de]) |
jpg
186,60 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 59: Suchmaschinen‐Nutzungsverhalten in Deutschland (Stand 25.07.2009) [Webhits 2009e] |
jpg
58,04 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 73: Sinus Milieus in Deutschland 2009 [Sinus Sociovision 2009] |
jpg
100,24 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 79: Schritt 6 der MPM: Berechnung der Puffer und des Kritischen Pfads |
jpg
66,16 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 82: Mind‐Map am Beispiel www.takingbackgolf.de |
jpg
92,26 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 90: Gesetz der Ähnlichkeit bei Verweisen am Beispiel www.spiegel.de |
jpg
180,85 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 91: Gesetz der Ähnlichkeit am Beispiel www.amazon.com |
jpg
143,99 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 103: Gesetz der Prägnanz am Beispiel der Introseite von www.takingbackgolf.de (links) und der Startseite von www.web.de (rechts) |
jpg
116,79 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 104: Gesetz der Symmetrie |
jpg
72,10 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 106: Beispiel einer asymmetrischen Webseite |
jpg
40,77 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 107: Zusammenfassende Darstellung der Erwartungen zur Positionierung von Bildschirmelementen in [Bernard 2000] |
jpg
91,23 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 108: Blickreihenfolge und Prioritätszonen [Outing/Ruel 2004] |
jpg
98,77 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 109: Beispiel eines F‐Shaped Pattern [Nielsen 2006] |
jpg
106,85 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 110: Blickverlauf beim Herumstöbern (links) und Suchen (rechts) auf bildlastigen Webseiten [Shrestha/Lenz 2007] |
jpg
157,89 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 111: Steuerung des Blickverlaufs durch Eye‐Catcher [Vicram 2005] |
jpg
136,56 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 112: Anzahl der Blickkontakte beim Herumstöbern und Suchen [Shrestha/Owens 2008] |
jpg
89,66 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 113: Blickverlauf in zwei‐ und dreispaltigen Webportalen [Owens/Shrestha 2008] |
jpg
215,07 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 114: Motivorientiertes Wireframe und Webseite am Beispiel www.takingbackgolf.de |
jpg
79,79 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 119: Mathematisch orientiertes Wireframe und Webseite am Beispiel www.kohsamui.org |
jpg
115,84 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 121: Wireframes und Webseite am Beispiel www.thesmann.net |
jpg
76,32 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 122: Entwurf des Wireframes mit Papier und Bleistift am Beispiel www.caribbeandivers.de |
jpg
98,82 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 127: Storyboard Quick |
jpg
146,65 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 128: Aufgabenangemessenheit am Beispiel der Korrektur von E‐Mails [www.gowebtop.com] |
jpg
155,59 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 132: Selbstbeschreibungsfähigkeit am Beispiel eines Registrierungsformulars [www.gowebtop.com] |
jpg
65,80 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 141: Fehlertoleranz am Beispiel differenzierter Fehlermeldungen bei Formularen [www.gowebtop.com] |
jpg
73,22 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 142: Fehlertoleranz am Beispiel gezielter Fehlerkorrektur [www.gowebtop.com] |
jpg
55,63 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 146: Mobile Webanwendungen am Beispiel www.google.de/mobile |
jpg
180,39 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung_149 bis Abbildung_172 (Kapitel 5_3_1 Farbe) |
pdf
321,26 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 208: Farbkombinationen für Hintergrund und Vordergrund (in Anlehnung an DIN 66234‐5) |
jpg
207,85 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 209: Text‐/Hintergrundkombinationen (in Anlehnung an [Nielsen/Loranger 2006, S. 239]) |
jpg
241,63 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 210: Wettervorhersage in Bild (links, [http://www.wetter.com]) und Text (rechts) |
jpg
109,85 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 211: Beispiel für emotionales Bild [NPS 2001] |
jpg
49,12 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 212: Beispiel für optischen Schlüsselreiz [Dotto 2006] |
jpg
46,05 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 213: Beispiel für die Anwendung der Drittelregel |
jpg
75,25 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 214: Beispiel für die Anwendung von Hochformat und Diagonale für den Ausdruck von Dynamik |
jpg
84,76 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 215: Beispiel für akustische Hinführung zu Hotspots |
jpg
318,18 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 216: Internetvideo 1998 (links) und 2009 (rechts) |
jpg
102,66 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 217: Beispiel für den Einsatz von Animationen bei der Produktkonfiguration [Astonmartin 2009] |
jpg
131,88 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 231: Orientierung auf der Startseite am Beispiel www.arbeitsagentur.de |
jpg
190,33 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 232: Einsatz einer Moderatorin am Beispiel www.geschenkeberater24.de |
jpg
102,33 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 234: Thematische Farbkodierung am Beispiel www.ard.de |
jpg
235,03 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 245: Hotspots am Beispiel www.caribbeandivers.de |
jpg
178,15 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 247: Beispiel des Einsatzes der Reiternavigation zur Filterung von Tag Clouds |
jpg
130,00 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 252: Beispiel für ein Tortenmenü |
jpg
130,58 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 253: Ergonomische Tastenbelegung: Richtig (links) und falsch (rechts) |
jpg
64,27 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 262: Beispiel für den Einsatz von Symbolen zur Signalisierung der Hinweisklasse: Fehler, Warnung, Hinweis und Hilfethema (von links nach rechts) |
jpg
30,48 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 263: Selbstbeschreibungsfähigkeit am Beispiel www.gowebtop.com |
jpg
82,35 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 265: Beispiel für präventive Hilfe |
jpg
53,03 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 271: Farbkreise mit unterschiedlicher Farbtiefe [Assmann/Fiedler/Kreutel/Liebig/Wolf/Knauf 2002] |
jpg
64,50 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 289: Transformation eines RGB‐Bildes am Beispiel des Lab‐Farbraums |
jpg
127,63 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 296: Ruhe‐ und Mithörschwelle [Universität Wuppertal 2009] |
jpg
101,96 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 300: I‐, P‐ und B‐Bilder |
jpg
122,48 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 303: Bewegungskompensation mit Makroblöcken |
jpg
120,86 KB |
» Download |
|
Kategorie:
Beschreibung: |
Abbildungen
Abbildung 304: Beispiel für Medienobjekte |
jpg
196,16 KB |
» Download |