
GUI-Design
Description
Alles über E-Books | Antworten auf Fragen rund um E-Books, Kopierschutz und Dateiformate finden Sie in unserem Info- & Hilfebereich.
"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)
More details
Other editions
Additional editions

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