Einfuhrung in das Design multimedialer Webanwendungen

Cover......Page 1
Einführung in das\rDesign multimedialer\rWebanwendungen......Page 3
ISBN 9783834809674......Page 4
Inhalt......Page 6
1.1 Verteilte multimediale Anwendungen......Page 11
1.2 Erfolgsfaktoren multimedialer Anwendungen......Page 12
1.3.1 Multimedia-Softwareentwicklungsprojekte......Page 13
1.3.2 Multimedia-Softwareentwicklungsmodell......Page 14
2 Grundlagen des User Interface Design......Page 17
2.1 Menschliche Informationsverarbeitung......Page 20
2.1.1.1 Visuelle Wahrnehmung......Page 22
2.1.1.2 Auditive Wahrnehmung......Page 27
2.1.2 Aktivierung......Page 29
2.1.3 Entscheidungsprozesse......Page 34
2.1.3.1 Informationsbedarf......Page 35
2.1.3.2 Informationsbeschaffung......Page 36
2.1.3.3 Informationsaufnahme......Page 38
2.1.3.4 Informationsverarbeitung......Page 39
2.1.3.5 Informationsspeicherung......Page 45
2.2 Barrierefreiheit......Page 47
2.2.1 Einschränkungen......Page 49
2.2.1.1 Visuelle Wahrnehmung......Page 51
2.2.1.3 Sprache......Page 53
2.2.1.4 Motorische Störungen......Page 54
2.2.1.5 Kognitive Störungen......Page 57
2.2.2.1 Web Accessibility Initiative......Page 58
2.2.2.2 Barrierefreie Informationstechnikverordnung......Page 60
2.3 Suchmaschinenoptimierung......Page 100
2.3.1 Suchmaschinen......Page 101
2.3.1.1 Funktionsweise......Page 102
2.3.1.2 Ranking......Page 111
2.3.2.1 Schlüsselwörter......Page 115
2.3.2.2 Onpage-Optimierung......Page 119
2.3.3.1 Server-Monitoring......Page 136
2.3.3.3 User-Agent-Monitoring......Page 137
2.3.4 Löschung der Seite aus Suchmaschinen......Page 145
3.1.1 Zieldefinition......Page 147
3.1.2 Zielgruppendefinition......Page 148
3.3.4 Bedarfsund Marktanalyse......Page 151
3.3.5 Zeitraster......Page 152
3.4 Aufwandund Nutzenschätzung......Page 153
3.5 Fazit......Page 156
4.1 Phasenorganisation......Page 157
4.2.1 Systemergonomie......Page 162
4.2.2 Qualitätssicherungsmaßnahmen......Page 164
4.3.1 Bestimmung möglicher Inhalte......Page 166
4.3.2 Auswahl und Strukturierung des Inhalts......Page 168
4.3.3 Informationsbeschaffung......Page 172
4.3.3.1 Rechtliches......Page 174
4.3.3.2 Texte......Page 181
4.3.3.3 Bilder......Page 185
4.3.3.4 Audio......Page 187
4.3.3.5 Video......Page 190
4.3.3.6 Animation......Page 191
4.3.4 Informationsverwaltung......Page 192
4.4 Entwurf der Bildschirmstruktur......Page 194
4.4.1.1 Das Gesetz der Ähnlichkeit......Page 195
4.4.1.2 Das Gesetz der Nähe......Page 198
4.4.1.3 Das Gesetz der Geschlossenheit......Page 199
4.4.1.4 Das Gesetz der Kontinuität......Page 201
4.4.1.5 Das Gesetz des gemeinsamen Schicksals......Page 202
4.4.1.6 Das Gesetz der Erfahrung......Page 203
4.4.1.7 Das Gesetz der Prägnanz......Page 204
4.4.1.8 Das Gesetz der Symmetrie......Page 205
4.4.2 Nutzererwartungen......Page 207
4.4.3 Blickverlauf......Page 212
4.4.4 Wireframes......Page 220
4.6 Datenvolumen......Page 227
4.7 Vorkalkulation......Page 230
4.8 Fazit......Page 234
5 Feinkonzeption (Drehbuch)......Page 237
5.1 Integrative Sicht......Page 238
5.2.1 Grundsätze der Dialoggestaltung......Page 243
5.2.1.1 Aufgabenangemessenheit......Page 244
5.2.1.2 Selbstbeschreibungsfähigkeit......Page 246
5.2.1.3 Erwartungskonformität......Page 249
5.2.1.4 Lernförderlichkeit......Page 251
5.2.1.5 Steuerbarkeit......Page 252
5.2.1.6 Fehlertoleranz......Page 255
5.2.1.7 Individualisierbarkeit......Page 257
5.2.2 Anwendung der Grundsätze......Page 259
5.2.3 Interaktionsdiagramm......Page 264
5.3 Design der Benutzeroberfläche......Page 266
5.3.1 Farben......Page 267
5.3.1.1 Farbmodelle......Page 268
5.3.1.2 Farbwahrnehmung......Page 272
5.3.1.3 Farbwirkung......Page 277
5.3.1.4 Dreidimensionalität durch Farben......Page 285
5.3.1.5 Farbkombinationen und Farbklänge......Page 288
5.3.2 Formen......Page 291
5.3.2.1 Gestalt......Page 292
5.3.2.2 Formwahrnehmung......Page 295
5.3.2.3 Symbolik der Formen......Page 301
5.3.2.4 Dreidimensionalität durch Formen......Page 302
5.3.3 Texte......Page 303
5.3.3.1 Inhalt......Page 305
5.3.3.2 Struktur (Makrotypografie)......Page 307
5.3.3.3 Schrift und Schriftparameter (Mikrotypografie)......Page 310
5.3.4 Bilder......Page 323
5.3.4.1 Inhaltliche Bildgestaltung......Page 324
5.3.4.3 Formale Bildgestaltung......Page 330
5.3.5.1 Inhaltliche Audiogestaltung......Page 333
5.3.5.2 Formale Audiogestaltung......Page 337
5.3.6 Video......Page 338
5.3.7 Animation......Page 341
5.3.8 Werbung......Page 343
5.3.9 Blogs......Page 348
5.3.10.1 Browserfunktionen......Page 352
5.3.10.2 Hyperlinks......Page 353
5.3.10.3 Buttons......Page 354
5.3.10.4 Formulare......Page 357
5.3.11 Orientierung......Page 360
5.3.12 Navigation......Page 371
5.3.13 Meldungen......Page 386
5.3.14 Hilfe......Page 393
5.3.15 Anbieterkennzeichnung......Page 394
5.4 Machbarkeitsanalyse......Page 397
5.5 Projektmanagement......Page 398
5.6 Fazit......Page 399
6.1 Dateiformate......Page 401
6.1.1 Texte......Page 404
6.1.1.3 TEX / LaTEX......Page 406
6.1.2 Bilder......Page 407
6.1.2.1 Vektorgrafik......Page 408
6.1.2.2 Pixelgrafik......Page 409
6.1.2.4 NETPBM......Page 412
6.1.2.5 PCX......Page 413
6.1.2.6 BMP / DIB......Page 414
6.1.2.7 TIFF......Page 416
6.1.2.8 GIF......Page 418
6.1.2.9 PNG......Page 421
6.1.2.10 JFIF......Page 423
6.1.3 Audio......Page 426
6.1.3.1 WAV......Page 433
6.1.3.2 MIDI......Page 434
6.1.3.3 MP3......Page 435
6.1.3.4 MP3Pro......Page 436
6.1.3.5 AAC......Page 437
6.1.3.6 WMA......Page 438
6.1.3.7 RA......Page 439
6.1.3.8 OGG Vorbis......Page 440
6.1.4 Videos......Page 441
6.1.4.1 AVI......Page 444
6.1.4.2 ASF / WMV......Page 445
6.1.4.3 QT / MOV......Page 447
6.1.4.4 RM......Page 448
6.1.4.5 OGG Theora......Page 449
6.1.4.6 MK......Page 450
6.1.5.1 SWF......Page 451
6.1.6.1 (E)PS......Page 454
6.1.6.2 PDF......Page 455
6.2 Kompressionsverfahren......Page 456
6.2.2 Datenkompressionsverfahren......Page 460
6.2.2.1 Lauflängenkodierung......Page 463
6.2.2.2 Huffman-Kodierung......Page 464
6.2.2.3 Lempel-Ziv-Welch-Kodierung......Page 469
6.2.2.4 JPEG Kodierung......Page 472
6.2.2.5 JPEG 2000 Kodierung......Page 478
6.2.2.6 Fraktale Kodierung......Page 479
6.2.2.7 Differenz-Kodierung......Page 480
6.2.2.8 Psychoakustische Kodierung......Page 482
6.2.2.9 MPEG Kodierung......Page 489
6.3 Werkzeuge......Page 500
6.3.2.1 Bitmaporientiert......Page 501
6.3.2.2 Vektororientiert......Page 502
6.3.3.1 MIDI......Page 503
6.3.4 Video......Page 504
6.3.5 Animation......Page 506
Abkürzungsverzeichnis......Page 507
Abbildungsverzeichnis......Page 514
Tabellenverzeichnis......Page 524
Quellenverzeichnis......Page 525
Schlagwortverzeichnis......Page 542