Wessel GUI-Design

2. Auflage 2002
ISBN: 978-3-446-22227-4
Verlag: Carl Hanser Fachbuchverlag
Format: PDF
Kopierschutz: Adobe DRM (»Systemvoraussetzungen)

E-Book, Deutsch, 520 Seiten

"Wo DOS war, soll GUI werden" - Anwender fordern heute Applikationen, deren Optik und Bedienung den aktuellen Windows-Programmen entsprechen. Die Programmierung, das korrekte Funktionieren tritt dank komfortabler Entwicklungssysteme gegenüber der Gestaltung in den Hintergrund: Letzterer wird meist aufgrund mangelnder Zeit oder mangelnder Kenntnis zu wenig Aufmerksamkeit geschenkt. GUI-Design bedeutet jedoch für Software, was Typographie für Druckerzeugnisse ist: Kein unnötiger Luxus, sondern notwendige Voraussetzung für eine vernünftige Benutzung. Dieser "GUI-Knigge" mit Richtlinien, Empfehlungen und Beispielen gibt dem Entwickler ein konkretes Regelwerk an die Hand, erspart ihm Zeit und sorgt dafür, dass er von Anfang an die vielfältigen Windows-Elemente optimal einsetzt, damit ihr "Look & Feel" auf dem neuesten Stand der Ergonomie ist. Die Kapitelunterteilung betont den Nachschlagecharakter des Buches. Als roter Faden handelt eine Sektion "Beliebte Fehler" vom Unfug und dessen Vermeidung bei der Gestaltung von GUI-Applikationen. Komplette Bemaßungstabellen für Fenster und Controls sind für die Windows-Entwicklungssysteme Visual Basic, Delphi, CA-Visual Objects und C# berechnet und lassen sich auf andere Programmiersprachen wie Java, C++ etc. übertragen. Highlights: - Stark erweiterte und überarbeitete Neuauflage; berücksichtigt Neuheiten von Windows XP - Für alle Windows-Versionen, -Entwicklungssysteme und -Programmiersprachen - Anwendungen und Eigenschaften für Fenster, Menüs, Controls und Graphikelemente - Einsatzgebiete, Vor-/Nachteile und Alternativen für alle Steuerelemente - Viele ausführlich diskutierte und abgebildete Beispiele - Konkrete, praxisbewährte und fertige Schnittmuster für Dialoge Zielgruppe: - Programmierer, die Software entwickeln - Web-Designer mit Interesse an Software-Usability - Designer, die Software gestalten - Anwender, die in den Entscheidungsprozess und die Entwicklung involviert sind Pressestimmen: "Das Buch sollte in jeder Entwicklungsabteilung im Regal stehen und in jedem Team sollte wenigstens eine Person es von vorne bis hinten durchgelesen haben. Das würde die Bedienbarkeit der Software wesentlich verbessern und damit zum Erfolg der Produkte beitragen." (Microsoft System Journal)

Autoren/Hrsg.

Wessel, Ivo

Inhaltsverzeichnis

1;Inhalt;6
2;1 Einleitung;18
2.1;Einleitung;20
2.1.1;1.1 Über das Buch;20
2.1.1.1;1.1.1 Das Stichwort „GUI“;20
2.1.1.2;1.1.2 GUI – Fluch oder Segen?;20
2.1.1.3;1.1.3 Software – heute für die Welt von morgen;21
2.1.1.4;1.1.4 Fremdwort „UID“ – User Interface Design;21
2.1.1.5;1.1.5 Konstruktion vs. Komposition;22
2.1.1.6;1.1.6 Der Design-Prozess;22
2.1.1.7;1.1.7 Gutes oder schlechtes Design, aber nie kein Design;22
2.1.1.8;1.1.8 Neue Windows-Sprachen;23
2.1.1.9;1.1.9 Typographie: Programm plus Schriften plus Know-how;24
2.1.1.10;1.1.10 Vorteile von gutem Software-Design;24
2.1.1.11;1.1.11 Vorteile fertiger Schnittmuster;26
2.1.1.12;1.1.12 Normen zur Softwareergonomie;27
2.1.2;1.2 Über den Leser;28
2.1.2.1;1.2.1 Die Zielgruppe;28
2.1.2.2;1.2.2 Die Anwender;29
2.1.3;1.3 Über die Benamungen im Buch;29
2.1.3.1;1.3.1 Benutzer vs. Benutzung;29
2.1.3.2;1.3.2 GUI-Elemente: Pushbutton vs. Schaltflächen;29
2.1.4;1.4 Über die Neuauflage des Buches;31
2.1.4.1;1.4.1 Windows XP – The Next Generation?;31
2.1.4.2;1.4.2 Web-Design vs. GUI-Design;31
2.1.4.3;1.4.3 Web-Formulare vs. GUI-Dialoge;31
2.1.4.4;1.4.4 Beispiele: DOS, Windows 3.x, 9x, NT, 2000, xx...;32
2.1.5;1.5 Über die Vorgehensweise;32
3;2 GUI-Applikationen;34
3.1;2 GUI-Applikationen;36
3.1.1;2.1 Dieses Kapitel ...;36
3.1.2;2.2 Grundsätzliches;36
3.1.2.1;2.2.1 WIMP – „Windows, Icons, Menus & Pointing“;36
3.1.2.2;2.2.2 Einige Arten von Applikationen;37
3.1.3;2.3 Prinzipien für Benutzeroberflächen;39
3.1.3.1;2.3.1 Aufgabenangemessenheit;40
3.1.3.2;2.3.2 Selbstbeschreibungsfähigkeit;53
3.1.3.3;2.3.3 Steuerbarkeit;65
3.1.3.4;2.3.4 Erwartungskonformität;67
3.1.3.5;2.3.5 Fehlertoleranz;72
3.1.3.6;2.3.6 Individualisierbarkeit;79
3.1.3.7;2.3.7 Lernförderlichkeit;86
3.1.3.8;2.3.8 Ästhetik;87
3.1.3.9;2.3.9 Emotionalität;90
3.1.3.10;2.3.10 Metaphern;90
3.1.3.11;2.3.11 Direkte Manipulation;96
3.1.4;2.4 Zum Anwender;101
3.1.4.1;2.4.1 Benutzerprofile;101
3.1.4.2;2.4.2 Benutzerwortschatz;102
3.1.4.3;2.4.3 Mehrsprachige Applikationen;102
3.1.4.4;2.4.4 Anmerkungsspeicher;102
3.1.5;2.5 Schnittstellen;103
3.1.5.1;2.5.1 Tastaturbedienung;103
3.1.5.2;2.5.2 Mausfunktionen;104
3.1.5.3;2.5.3 Neuheiten seit Windows 98;111
3.1.5.4;2.5.4 Tastatur vs. Maus;111
4;3 Fenster;114
4.1;3 Fenster;116
4.1.1;3.1 Dieses Kapitel ....;116
4.1.2;3.2 Grundsätzliches;116
4.1.2.1;3.2.1 Etwas Geschichte ;116
4.1.2.2;3.2.2 Applikationen: Leben in Fenstern;117
4.1.2.3;3.2.3 Die Elemente eines Fensters;117
4.1.2.4;3.2.4 Designwerkzeuge;121
4.1.2.5;3.2.5 Gestaltungsprinzipien;122
4.1.2.6;3.2.6 Standardfunktionen;124
4.1.2.7;3.2.7 Größe;126
4.1.2.8;3.2.8 Raumaufteilung & Layout;130
4.1.2.9;3.2.9 Position;131
4.1.2.10;3.2.10 Farben;132
4.1.2.11;3.2.11 Schriftarten;133
4.1.2.12;3.2.12 Modale Fenster;134
4.1.2.13;3.2.13 Ansicht-/Bearbeiten-/Neuaufnahme-Modus;136
4.1.2.14;3.2.14 MDI-Applikationen;136
4.1.2.15;3.2.15 Verknüpfte Fenster;137
4.1.2.16;3.2.16 Vorbelegungen;139
4.1.3;3.3 Der Desktop;141
4.1.3.1;3.3.1 Ein Anwendermessgerät ...;141
4.1.3.2;3.3.2 Desktop als Referenzkarte;142
4.1.3.3;3.3.3 Größe des Desktops;142
4.1.3.4;3.3.4 Bildschirmauflösung;142
4.1.3.5;3.3.5 System-Schriftart;143
4.1.3.6;3.3.6 Farben;143
4.1.4;3.4 Das Shellwindow;143
4.1.4.1;3.4.1 Steuerelemente in der Shell;143
4.1.4.2;3.4.2 Starten Sie mit einer guten „Home Base“;144
4.1.4.3;3.4.3 Verabschiedung;145
4.1.5;3.5 Childwindows;145
4.1.5.1;3.5.1 Größe;146
4.1.5.2;3.5.2 Platzierung;147
4.1.5.3;3.5.3 Grundfunktionalität;148
4.1.5.4;3.5.4 Vorgehensweise;148
4.1.6;3.6 Messageboxen;150
4.1.6.1;3.6.1 Standard-Messageboxen;150
4.1.6.2;3.6.2 Texte;151
4.1.6.3;3.6.3 Icons;152
4.1.6.4;3.6.4 Buttons;153
4.1.6.5;3.6.5 Abfragen „on demand“;156
4.1.6.6;3.6.6 Selbstschließende Messageboxen;156
4.1.6.7;3.6.7 Fehlermeldungen;156
4.1.6.8;3.6.8 Alternativen;157
4.1.6.9;3.6.9 Meldungsaufkommen;158
4.1.6.10;3.6.10 Beliebte Fehler;159
4.1.7;3.7 Dialoge;160
4.1.7.1;3.7.1 Standard-Dialoge;160
4.1.7.2;3.7.2 Dialoge wiederholen;161
4.1.7.3;3.7.3 Zur Raumaufteilung;162
4.1.7.4;3.7.4 Titelleisten-Varianten;166
4.1.8;3.8 Register-Dialoge;166
4.1.8.1;3.8.1 Vorteile;167
4.1.8.2;3.8.2 Beliebte Unschönheiten;168
4.1.8.3;3.8.3 Vorgehensweise;170
4.1.9;3.9 Teilbare Fenster;171
4.1.9.1;3.9.1 Explorer-Fenster;171
4.1.9.2;3.9.2 Split-Windows;172
4.1.10;3.10 Klapp-Dialoge;175
4.1.10.1;3.10.1 Wichtige und unwichtige Controls;175
4.1.10.2;3.10.2 Einbahnstraßen;176
4.1.10.3;3.10.3 Alternativen;176
4.1.11;3.11 Assistenten;178
4.1.11.1;3.11.1 Gezieltes, schrittweises Vorgehen;178
4.1.11.2;3.11.2 Anordnung der Pushbuttons;180
5;4 Menüs;182
5.1;4 Menüs;184
5.1.1;4.1 Dieses Kapitel ...;184
5.1.2;4.2 Grundsätzliches;185
5.1.2.1;4.2.1 Die Elemente eines Menüs;185
5.1.2.2;4.2.2 Zur Nomenklatur;185
5.1.3;4.3 Menüelemente;187
5.1.3.1;4.3.1 Texte;187
5.1.3.2;4.3.2 Bitmaps;187
5.1.3.3;4.3.3 Texte und Bitmaps;187
5.1.3.4;4.3.4 Trennlinien;188
5.1.3.5;4.3.5 Untermenüs;188
5.1.3.6;4.3.6 Kurzbeschreibungen;188
5.1.3.7;4.3.7 Windows 98 ff.-Menüs;188
5.1.4;4.4 Organisation;189
5.1.4.1;4.4.1 Platzierung;189
5.1.4.2;4.4.2 Gruppierungen;189
5.1.4.3;4.4.3 Anzahl der Optionen;191
5.1.4.4;4.4.4 Reihenfolge;192
5.1.4.5;4.4.5 Beliebte Fehler;194
5.1.5;4.5 Menütexte;195
5.1.5.1;4.5.1 Wortwahl;195
5.1.5.2;4.5.2 Formales;198
5.1.5.3;4.5.3 Inhalt & Bedeutung;200
5.1.5.4;4.5.4 Beliebte Fehler;206
5.1.6;4.6 Tastenfunktionen;207
5.1.6.1;4.6.1 Hotkeys;207
5.1.6.2;4.6.2 Tastenkürzel;213
5.1.7;4.7 Dynamische Menüs;223
5.1.7.1;4.7.1 Werte statt Optionen;223
5.1.7.2;4.7.2 Optionen verändern;224
5.1.8;4.8 Untermenüs;227
5.1.8.1;4.8.1 Schachtelungstiefe;227
5.1.8.2;4.8.2 Abreißbare Menüs;231
5.1.8.3;4.8.3 Menüarten;232
5.1.9;4.9 Pulldown-Menüs;232
5.1.9.1;4.9.1 Besonderheiten;232
5.1.9.2;4.9.2 Die Menüleiste;233
5.1.9.3;4.9.3 Standardmenü DATEI BEARBEITEN ANSICHT FENSTER HILFE;236
5.1.9.4;4.9.4 Zentrales Pulldown-Menü;237
5.1.9.5;4.9.5 Vorteile von Pulldown-Menüs;238
5.1.9.6;4.9.6 Nachteile;238
5.1.9.7;4.9.7 Alternativen;239
5.1.10;4.10 Kontextmenüs;239
5.1.10.1;4.10.1 Allgemeines;239
5.1.10.2;4.10.2 Vorteile;240
5.1.10.3;4.10.3 Nachteile;241
5.1.10.4;4.10.4 Standard-Kontextmenüs;242
5.1.10.5;4.10.5 Zugriff auch über Tastatur;242
5.1.10.6;4.10.6 Beliebte Fehler;243
5.1.10.7;4.10.7 Fenster-Kontextmenüs;244
5.1.10.8;4.10.8 Floskelspeicher;245
5.1.11;4.11 Popup-Menüs;247
5.1.11.1;4.11.1 Pushbutton plus Kontextmenü;247
5.1.11.2;4.11.2 Vorteile;247
5.1.11.3;4.11.3 Nachteile;248
5.1.11.4;4.11.4 Beliebte Fehler;248
5.1.11.5;4.11.5 Alternativen;248
5.1.12;4.12 Systemmenüs;251
5.1.12.1;4.12.1 Etwas versteckt ...;251
5.1.12.2;4.12.2 ... aber flexibel;252
5.1.12.3;4.12.3 Erweiterungen;252
5.1.12.4;4.12.4 Vorteile;253
5.1.12.5;4.12.5 Nachteile;254
5.1.12.6;4.12.6 Beliebte Fehler;254
5.1.13;4.13 Icon-Menüs;255
5.1.13.1;4.13.1 Vorteile;255
5.1.13.2;4.13.2 Nachteile;255
5.1.13.3;4.13.3 Alternativen;256
5.1.14;4.14 Symbolleisten;259
5.1.14.1;4.14.1 Merkmale;259
5.1.14.2;4.14.2 Vorteil;260
5.1.14.3;4.14.3 Nachteil;260
5.1.14.4;4.14.4 Controls in Symbolleisten;261
5.1.14.5;4.14.5 Bitmap-Buttons;262
5.1.14.6;4.14.6 „Kybernetische“ Fähigkeiten;263
5.1.14.7;4.14.7 Menüoption, Pushbutton oder Toolbar-Button?;263
5.1.14.8;4.14.8 Tooltipps für Toolbar-Bitmaps;263
5.1.14.9;4.14.9 Beliebte Fehler;265
5.1.14.10;4.14.10 Varianten;267
5.1.15;4.15 Statusleisten;268
5.1.15.1;4.15.1 Einsatzmöglichkeiten;268
5.1.15.2;4.15.2 Vorteile;269
5.1.15.3;4.15.3 Nachteile;270
5.1.15.4;4.15.4 Beliebte Fehler;271
5.1.16;4.16 Konfigurierbarkeit;271
5.1.16.1;4.16.1 Für den Benutzer definiert;271
5.1.16.2;4.16.2 Durch den Benutzer definierbar;272
5.1.16.3;4.16.3 Beispiel: Word für Windows;273
5.1.17;4.17 Alternativen zum Menü;277
5.1.17.1;4.17.1 Dialogboxen;277
5.1.17.2;4.17.2 Pushbuttons;277
5.1.17.3;4.17.3 Geheimtasten;278
5.1.18;4.18 Menüs „messen“;278
5.1.18.1;4.18.1 Quiz der Art „Wo bin ich?“;278
5.1.18.2;4.18.2 Anwender-Feedback;279
5.1.19;4.19 Vorgehensweise;279
5.1.19.1;4.19.1 Menüart;279
5.1.19.2;4.19.2 Zusammenstellen der Optionen;280
5.1.19.3;4.19.3 Symbolleisten;281
6;5 Steuerelemente;284
6.1;5 Steuerelemente;286
6.1.1;5.1 Dieses Kapitel ...;286
6.1.2;5.2 Übersicht;286
6.1.2.1;5.2.1 Statische Elemente;287
6.1.2.2;5.2.2 Eingabefelder;287
6.1.2.3;5.2.3 Auswahl-Elemente;288
6.1.2.4;5.2.4 Tabellen-Controls;288
6.1.2.5;5.2.5 Schaltflächen;288
6.1.2.6;5.2.6 Statusanzeigen;288
6.1.3;5.3 Grundsätzliches;289
6.1.3.1;5.3.1 Sichtbarkeit;289
6.1.3.2;5.3.2 Anordnung;289
6.1.3.3;5.3.3 Reihenfolge;293
6.1.3.4;5.3.4 Farben;294
6.1.3.5;5.3.5 Gleichförmigkeit;294
6.1.3.6;5.3.6 Schriftarten;295
6.1.3.7;5.3.7 Beschriftung;297
6.1.3.8;5.3.8 Tooltipps;299
6.1.3.9;5.3.9 Attribute;300
6.1.3.10;5.3.10 Auswahlhilfen;301
6.1.3.11;5.3.11 Validierung;302
6.1.4;5.4 FixedText-Elemente;303
6.1.4.1;5.4.1 Bezeichnungen;303
6.1.4.2;5.4.2 Eigenschaften;303
6.1.4.3;5.4.3 Bemaßungen;303
6.1.4.4;5.4.4 Beschriftung;305
6.1.4.5;5.4.5 Anordnung;305
6.1.4.6;5.4.6 Größe;306
6.1.4.7;5.4.7 Erweiterte Attribute;306
6.1.4.8;5.4.8 Beliebte Eigentümlichkeiten;307
6.1.5;5.5 Rahmen & Linien;307
6.1.5.1;5.5.1 Eigenschaften;307
6.1.5.2;5.5.2 Bemaßungen;309
6.1.5.3;5.5.3 Erweiterte Attribute;310
6.1.5.4;5.5.4 Beliebte Eigentümlichkeiten;311
6.1.6;5.6 Bitmaps & Icons;312
6.1.7;5.7 SingleLineEdit;312
6.1.7.1;5.7.1 Bemaßungen;312
6.1.7.2;5.7.2 Anordnung;314
6.1.7.3;5.7.3 Standard-Attribute;314
6.1.7.4;5.7.4 Erweiterte Attribute;316
6.1.7.5;5.7.5 Abweichungen vom Windows-Standard;316
6.1.7.6;5.7.6 Alternativen;318
6.1.7.7;5.7.7 Beliebte Eigentümlichkeiten;319
6.1.8;5.8 Editierbare Comboboxen;321
6.1.8.1;5.8.1 Eigenschaften;321
6.1.8.2;5.8.2 Bemaßungen;321
6.1.8.3;5.8.3 Alternativen;322
6.1.8.4;5.8.4 Beliebte Fehler;323
6.1.9;5.9 Drehfelder;324
6.1.9.1;5.9.1 Bezeichnungen;324
6.1.9.2;5.9.2 Eigenschaften;324
6.1.9.3;5.9.3 Bemaßungen;326
6.1.9.4;5.9.4 Erweiterte Attribute;327
6.1.9.5;5.9.5 Alternativen;327
6.1.9.6;5.9.6 Beliebte Fehler;327
6.1.10;5.10 MultiLineEdit;328
6.1.10.1;5.10.1 Eigenschaften;328
6.1.10.2;5.10.2 Bemaßungen;329
6.1.11;5.11 RichText-Controls;329
6.1.12;5.12 Popup-Menüs;329
6.1.13;5.13 Kontextmenüs;329
6.1.14;5.14 Radiobuttons;330
6.1.14.1;5.14.1 Bezeichnungen;330
6.1.14.2;5.14.2 Eigenschaften;330
6.1.14.3;5.14.3 Beschriftung;331
6.1.14.4;5.14.4 Hotkeys;331
6.1.14.5;5.14.5 Bemaßungen;331
6.1.14.6;5.14.6 Erweiterte Attribute;332
6.1.14.7;5.14.7 Alternativen;333
6.1.14.8;5.14.8 Beliebte Unschönheiten;333
6.1.15;5.15 Checkboxen;335
6.1.15.1;5.15.1 Bezeichnungen;335
6.1.15.2;5.15.2 Bemaßungen;336
6.1.15.3;5.15.3 Eigenschaften;338
6.1.15.4;5.15.4 Erweiterte Attribute;339
6.1.15.5;5.15.5 Alternativen;340
6.1.15.6;5.15.6 Beliebte Fehler;343
6.1.16;5.16 Comboboxen;345
6.1.16.1;5.16.1 Eigenschaften;345
6.1.16.2;5.16.2 Bemaßungen;346
6.1.16.3;5.16.3 Alternativen;347
6.1.16.4;5.16.4 Beliebte Fehler;348
6.1.17;5.17 Listboxen;350
6.1.17.1;5.17.1 Eigenschaften;350
6.1.17.2;5.17.2 Attribute;350
6.1.17.3;5.17.3 Bemaßungen;351
6.1.17.4;5.17.4 Alternativen;351
6.1.17.5;5.17.5 Beliebte Fehler;352
6.1.18;5.18 ListView-Elemente;353
6.1.18.1;5.18.1 Bezeichnungen;353
6.1.18.2;5.18.2 Eigenschaften;353
6.1.18.3;5.18.3 Erweiterte Attribute;355
6.1.18.4;5.18.4 Alternativen;359
6.1.18.5;5.18.5 Beliebte Fehler;359
6.1.19;5.19 TreeView-Elemente;360
6.1.19.1;5.19.1 Bezeichnungen;360
6.1.19.2;5.19.2 Eigenschaften;361
6.1.19.3;5.19.3 Erweiterte Eigenschaften;363
6.1.19.4;5.19.4 Alternativen;363
6.1.19.5;5.19.5 Beliebte Fehler;364
6.1.20;5.20 Scrollbars;365
6.1.20.1;5.20.1 Bezeichnungen;365
6.1.20.2;5.20.2 Eigenschaften;365
6.1.20.3;5.20.3 Alternativen;365
6.1.20.4;5.20.4 Beliebte Fehler;366
6.1.21;5.21 Schieberegler;366
6.1.21.1;5.21.1 Eigenschaften;366
6.1.21.2;5.21.2 Erweiterte Attribute;367
6.1.21.3;5.21.3 Alternativen;367
6.1.21.4;5.21.4 Beliebte Fehler;367
6.1.22;5.22 Browser;368
6.1.22.1;5.22.1 Zellen;368
6.1.22.2;5.22.2 Teilungsmöglichkeiten;369
6.1.22.3;5.22.3 Breite der Spalten;369
6.1.22.4;5.22.4 Browser vs. Eingabemasken;370
6.1.22.5;5.22.5 Browser – noch zeitgemäß?;371
6.1.22.6;5.22.6 Alternativen;373
6.1.23;5.23 Pushbuttons;374
6.1.23.1;5.23.1 Eigenschaften;374
6.1.23.2;5.23.2 Bemaßungen;375
6.1.23.3;5.23.3 Beschriftung;377
6.1.23.4;5.23.4 Farbe;380
6.1.23.5;5.23.5 Anordnung;381
6.1.23.6;5.23.6 Erweiterte Attribute;383
6.1.23.7;5.23.7 Alternativen zu Pushbuttons;383
6.1.23.8;5.23.8 Beliebte Fehler;384
6.1.24;5.24 Bitmap-Buttons;385
6.1.24.1;5.24.1 Einsatzmöglichkeiten;385
6.1.25;5.25 Tab-Controls;386
6.1.25.1;5.25.1 Bemaßungen;386
6.1.25.2;5.25.2 Laschentexte;388
6.1.25.3;5.25.3 Bitmaps in Laschen;389
6.1.25.4;5.25.4 Dynamische Laschen;390
6.1.25.5;5.25.5 Verschachtelte Laschen;391
6.1.25.6;5.25.6 Controls außerhalb der Laschenfenster;391
6.1.25.7;5.25.7 Pushbuttons;392
6.1.25.8;5.25.8 Tastenbedienung;392
6.1.25.9;5.25.9 Alternativen;393
6.1.26;5.26 Fortschrittsanzeigen;398
6.1.26.1;5.26.1 Eigenschaften;398
6.1.26.2;5.26.2 Regeln;399
6.1.26.3;5.26.3 Restriktionen;400
6.1.26.4;5.26.4 Möglichkeiten;400
6.1.26.5;5.26.5 Alternativen;401
6.1.26.6;5.26.6 Beliebte Fehler;403
6.1.27;5.27 Mauszeiger;404
6.1.27.1;5.27.1 Mauscursor als Feedbackanzeige;405
6.1.27.2;5.27.2 Mauscursor als Informationsträger;405
6.1.27.3;5.27.3 Hotspot;406
6.1.27.4;5.27.4 Intelligentes Platzieren;406
6.1.28;5.28 Zwischenablage;407
6.1.28.1;5.28.1 Originale Zwischenablage;407
6.1.28.2;5.28.2 Zusatzprogramm „ClipTray“;408
6.1.28.3;5.28.3 Desktop als Ablage;408
6.1.28.4;5.28.4 Selbst programmierte Zwischenablage;408
6.1.29;5.29 Custom Controls – Get Unlimited Interfaces;408
6.1.29.1;5.29.1 WYSIWYG-Controls;409
6.1.30;5.30 TUI – Tangible User Interface;409
6.1.31;5.31 Microsoft Visual Studio .NET – Der neue GUI-Standard?;410
7;6 Graphikelemente;413
7.1;6 Graphikelemente;415
7.1.1;6.1 Dieses Kapitel ...;415
7.1.2;6.2 Grundsätzliches;415
7.1.2.1;6.2.1 Warum Graphik ...?;415
7.1.2.2;6.2.2 Anwendungen;416
7.1.2.3;6.2.3 Pixelschmuck;418
7.1.2.4;6.2.4 Orientierung an Standards;418
7.1.2.5;6.2.5 Einheitlichkeit;418
7.1.2.6;6.2.6 Beliebte Vorurteile;419
7.1.3;6.3 Werkzeuge;421
7.1.3.1;6.3.1 Für Bitmaps ...;421
7.1.3.2;6.3.2 Für Icons...;423
7.1.3.3;6.3.3 Für Cursor ...;424
7.1.3.4;6.3.4 Hilfreich: Lupe bei Windows 98;425
7.1.4;6.4 Äußerlichkeiten;427
7.1.4.1;6.4.1 Größe;427
7.1.4.2;6.4.2 Farbe;427
7.1.4.3;6.4.3 Beleuchtung;434
7.1.4.4;6.4.4 Umriss;435
7.1.4.5;6.4.5 Testen, testen, testen!;436
7.1.4.6;6.4.6 Beliebte Fehler;436
7.1.5;6.5 Innere Werte;437
7.1.5.1;6.5.1 Verb vs. Objekt;437
7.1.5.2;6.5.2 Symbolbedeutung;437
7.1.5.3;6.5.3 Unterscheidbarkeit vs. Attraktivität;441
7.1.5.4;6.5.4 Einheitlichkeit vs. Erkennbarkeit;442
7.1.5.5;6.5.5 Erkennen vs. Wiedererkennen;443
7.1.5.6;6.5.6 Konsistenz;444
7.1.5.7;6.5.7 Beliebte Fehler;444
7.1.6;6.6 Bitmaps;447
7.1.6.1;6.6.1 Startbitmap beim Laden der Applikation;447
7.1.6.2;6.6.2 Schmuck-Elemente;448
7.1.6.3;6.6.3 WYSIWYG-Elemente;449
7.1.6.4;6.6.4 Validierungsanzeigen;456
7.1.6.5;6.6.5 Bitmaps in TreeView-Elementen;457
7.1.6.6;6.6.6 Bitmaps in ListView-Elementen;458
7.1.6.7;6.6.7 Bitmaps in Pushbuttons;460
7.1.6.8;6.6.8 Bitmaps in TabControl-Laschen;464
7.1.6.9;6.6.9 Bitmaps als Menüoptionen;464
7.1.6.10;6.6.10 Bitmaps in Toolbars;465
7.1.7;6.7 Icons;467
7.1.7.1;6.7.1 Sinnvolle Beschränkungen;467
7.1.7.2;6.7.2 Icons: Bilder oder Symbole;467
7.1.7.3;6.7.3 Texte in Icons;467
7.1.7.4;6.7.4 Icons mit Verknüpfungsfunktion;467
7.1.7.5;6.7.5 Applikations-Icons;468
7.1.7.6;6.7.6 Fenster-Icons;469
7.1.7.7;6.7.7 Bearbeitung von Icons als Bitmaps;469
7.1.8;6.8 Mauszeiger;469
7.1.8.1;6.8.1 Mauszeiger ...?;469
7.1.8.2;6.8.2 Standard-Mauszeiger;470
7.1.8.3;6.8.3 Geben Sie Feedback, Sire!;471
7.1.8.4;6.8.4 Sehr, sehr sinnvolle Ergänzungen;472
7.1.8.5;6.8.5 Optional: Tastenfunktionen;473
7.1.8.6;6.8.6 Der Hotspot;473
7.1.9;6.9 Animationen;473
7.1.9.1;6.9.1 Benutzung vorhandener Ressourcen;474
7.1.9.2;6.9.2 Kleine Icons;475
7.1.9.3;6.9.3 Herstellung;475
7.1.10;6.10 Vorgehensweise;475
7.1.10.1;6.10.1 Scharenweise Bitmaps;475
7.1.10.2;6.10.2 Erstens: Viel Zeichenplatz ...;475
7.1.10.3;6.10.3 Zweitens: Brainstorming;476
7.1.10.4;6.10.4 Drittens: Randbedingungen festlegen;477
7.1.10.5;6.10.5 Viertens: Entwurf der „Kulisse“;477
7.1.10.6;6.10.6 Fünftens: Entwurf der „Hauptszene“;479
7.1.10.7;6.10.7 Sechstens: Abstimmung;479
7.1.10.8;6.10.8 Siebtens: Reinzeichnung;480
7.1.10.9;6.10.9 Ad infinitum: Prüfen & korrigieren;480
8;7 Wegweiser zum erfolgreichen „ Going GUI“;481
8.1;7 Wegweiser zum erfolgreichen „ Going GUI“;483
8.1.1;7.1 Dieses Kapitel ...;483
8.1.2;7.2 Software-Design;483
8.1.2.1;7.2.1 Folgen von Software;483
8.1.2.2;7.2.2 Entscheidungsgeschwindigkeit;483
8.1.2.3;7.2.3 Externe Anregungen;484
8.1.2.4;7.2.4 Interne Regeln;484
8.1.2.5;7.2.5 Ergebnisse prüfen;484
8.1.2.6;7.2.6 Konstruktion vs. Komposition;484
8.1.2.7;7.2.7 Für den Anwender;485
8.1.2.8;7.2.8 Werkzeuge: Painter vs. Papier;485
8.1.2.9;7.2.9 Letztendlich–;485
8.1.3;7.3 Zum Anwender ...;485
8.1.3.1;7.3.1 Fehler des Anwenders;486
8.1.3.2;7.3.2 Typische Fragen der Benutzer;486
8.1.3.3;7.3.3 Software für Anwender;487
8.1.4;7.4 Zur Applikation ...;488
8.1.4.1;7.4.1 Aufgabenangemessenheit;488
8.1.4.2;7.4.2 Einheitliche Gestaltung;488
8.1.4.3;7.4.3 Konsistenz;488
8.1.4.4;7.4.4 Räumliche Platzierung von Elementen;489
8.1.4.5;7.4.5 Mehr Sicherheit;489
8.1.4.6;7.4.6 Mehr Möglichkeiten;489
8.1.4.7;7.4.7 Hinzufügen neuer Features;490
8.1.4.8;7.4.8 Features vs. Effizienz und Usability;491
8.1.4.9;7.4.9 What you see is what you know;491
8.1.4.10;7.4.10 Das Pareto-Prinzip;491
8.1.4.11;7.4.11 Virtuosität;491
8.1.4.12;7.4.12 Die Goldene Grundregel;491
8.1.5;7.5 Zum Schluss ...;492
8.1.5.1;7.5.1 PS No. 1;492
8.1.5.2;7.5.2 PS No. 2;492
9;Anhang;493
9.1;Anhang;495
9.1.1;A Dieses Kapitel …;495
9.1.2;B Normen;495
9.1.3;C Styleguides;495
9.1.4;D Windows-Programmierung;496
9.1.5;E GUI-Gestaltung;497
9.1.6;F Icon-Design;498
9.1.7;G Gestaltung von Hilfesystemen;499
9.1.8;H Web-Design;499
9.1.9;I Software-Entwicklung;500
9.1.10;J Typographie;500
9.1.11;K Farblehre;501
9.1.12;L Unterhaltsames;501
9.1.13;M Ergonomie-Randgebiete;502
10;Index;505
10.1;Index;507

Leseproben

"

1.1 Über das Buch

1.1.1 Das Stichwort „GUI""

GUI-(„Graphícal User Interface"")-Design bedeutet für Software, was Typographie für Drucksachen ist. GUI-Design ist die Gestaltung der graphischen Oberfläche einer Software, der Schnittstelle zwischen Mensch und Maschine. GUI-Design kennzeichnet das, was der Anwender von Software zu sehen bekommt: das, was über ihr schlichtes Funktionieren hinausreicht. Mode macht aus Stoff Kleidung, Rezepte machen aus Nahrung Gerichte: Gutes GUI-Design verwandelt Algorithmen in Applikationen und verleiht ihnen ein zeitgemäßes und ergonomisches „Gesicht"".

GUI-Design hat Folgen: Gutes GUI-Design erlaubt schnelleres Erstellen von Applikationen, effizienteres Arbeiten bei höherer Zufriedenheit des Anwenders, Verringerung von Bedienungsfehlern, bessere Wiedererkennbarkeit und damit eine leichtere Einarbeitung, Konsistenz und „Corporate Identity"" bei unternehmensweit eingesetzten Applikationen, Wiederverwendbarkeit von programmunabhängig gestalteten und damit universellen Elementen – Vorteile, auf die kein Software-Entwickler verzichten sollte. Schlechtes GUI-Design verringert die Akzeptanz, die Attraktivität und Benutzbarkeit von Software: Haben Sie sich schon einmal über eine Applikation geärgert, lag das mit hoher Wahrscheinlichkeit nicht an der Software selbst, sondern am Design ihrer Oberfläche. GUI-Design? – Alles andere als nur „oberflächlich"".

1.1.2 GUI – Fluch oder Segen?

„Wo DOS war, soll GUI werden"": Wurden vor wenigen Jahren noch umfangreiche Studien unternommen, um die Vorteile einer graphischen Benutzeroberfläche gegenüber einer rein textorientierten herauszustellen – wobei die Deutlichkeit der Überlegenheit der Ersteren in der Praxis durchaus nicht so klar zu Tage tritt, wie das die meisten Studien suggerieren – , ist ein Software-Entwickler heutzutage gar nicht mehr vor diese Wahl gestellt. Zwar gelten bei der Auswahl von Software noch nicht ausschließlich die harten Gesetze der Werbeindustrie: Aber bedenken Sie einmal, dass Sie möglicherweise mehr Zeit mit einer bestimmten Software verbringen als in Ihrem Auto – gehen Sie als Entwickler nicht davon aus, dass Anwender weniger anspruchsvoll und vor allem weniger anfällig für optische Versuchungen bei der Wahl eines Programms sind…

Bei kommerziellen PC-Applikationen für den freien Markt ist die Unterstützung von MSWindows unverzichtbar, so schlagend auch etwaige Gegenargumente sein mögen. Ein Pochen auf geringere Hardware-Anforderung, höheres Ablauftempo, einfachere Bedienung, geringeren Entwicklungsaufwand und dergleichen mehr wird durch die schlichte und kategorische Forderung des Kunden nach Windows-Kompatibilität im Keim erstickt.

Um die meist ja tatsächlich zutreffenden Vorteile einer graphischen Benutzeroberfläche auf beiden Seiten – beim Entwickler und beim Anwender – zur Geltung kommen zu lassen, bedarf es fester Regeln, um gerade dem noch nicht so erfahrenen Programmierer Ausflüge in die Beliebigkeit und Zufälligkeit bei der Gestaltung von Dialogen, bei der Wahl von Controls und dergleichen zu ersparen: Umso mehr, wenn, wie häufig, der Entwickler bislang zunächst nur DOS-Programmiererfahrungen gesammelt hat und seinen ersten Schritt in die GUI-Welt setzt. Schließlich lassen 80 mal 25 Zeichen einfach weit weniger Positionierungsfehler zu als beispielsweise 1024 mal 768 einzelne Pixel…

1.1.3 Software – heute für die Welt von morgen

Mit dem Einzug der graphischen Benutzeroberflächen haben Computerprogramme ein „Gesicht"" bekommen – und damit stellt der Anwender neue Anforderungen an Software, die sich keineswegs länger nur auf das korrekte Funktionieren allein beschränkt."