10 Stimmen

Bessere GUIs entwerfen?

Ich benutze C# jetzt schon eine Weile, aber ich habe meine Fähigkeiten im Bereich UI-Design noch nicht wirklich verbessert. Zu dem Zeitpunkt, an dem ich sie entwerfe, macht mir das Design Spaß, aber später schaue ich darauf zurück und sehe schreckliche Arbeit. Ich erinnere mich an ein Projekt bei der Arbeit, bei dem ich 127 Schaltflächen für 127 Computer in unserem Labor verwenden musste :/.

Ich frage mich, ob mir jemand eine Website oder ein Buch empfehlen kann, das gutes UI-Design lehrt?

Gracias.

1voto

Matt Davis Punkte 44077

Ich habe Spolskys Buch gelesen Gestaltung von Benutzeroberflächen für Programmierer sowie die Klassiker Die Windows-Schnittstellenrichtlinien für Software-Design y Windows-Benutzererfahrung. Die beiden letztgenannten sind/waren gute Nachschlagewerke. Spolskys Buch ist eine wunderbar unterhaltsame Lektüre und lehrt, wie man über die Gestaltung von Benutzeroberflächen denkt.

Meiner Meinung nach ist der beste Weg, die Benutzeroberfläche einer Desktop-Anwendung zu entwerfen, die Nachahmung bestehender Lösungen aus gängiger Software. Und mit "duplizieren" meine ich zwei verschiedene Aspekte - den Mechanismus und die Ästhetik.

Was die Mechanismus ist, stellen Sie sicher, dass Ihre Benutzeroberfläche so funktioniert, wie die Menschen es erwarten. Wenn Sie zum Beispiel eine Baumansicht haben, stellen Sie sicher, dass die Tastaturpfeile für die Navigation funktionieren. Wenn Ihr Formular eine Bildlaufleiste hat, stellen Sie sicher, dass diese auf das Scrollrad Ihrer Maus reagiert. Im Großen und Ganzen bieten die .NET-Steuerelemente das Standardverhalten standardmäßig, aber Sie müssen möglicherweise einige der Eigenschaften zur Entwurfszeit konfigurieren, um dies vollständig zu erreichen. Vor einigen Jahren habe ich mit einer Steuerelementbibliothek gearbeitet, die ein Standardtextfeld enthielt. Ich musste jedoch feststellen, dass der Text nicht automatisch hervorgehoben wurde, wenn ich mit der Tabulatortaste in das Steuerelement wechselte. Ich fügte dieses Verhalten hinzu, weil ich (und meine Benutzer) erwarteten, dass das Steuerelement auf diese Weise funktioniert. Um Spolsky zu zitieren: "Konsistenz führt zu Benutzerfreundlichkeit, was wiederum zu guten Gefühlen führt...". Mit anderen Worten: Wenn die Mechanismen Ihrer Benutzeroberfläche nicht dem entsprechen, was Ihre Benutzer erwarten, wird Ihre Benutzeroberfläche eine Quelle der Frustration für Ihre Benutzer sein.

Was die Ästhetik ist, habe ich festgestellt, dass die Konzentration auf Dinge wie Schriftarten, Symbole, Abstände zwischen und Ausrichtung von Steuerelementen, selektive Verwendung von Farben (ich verwende gerne Farbverläufe) usw. einen großen Beitrag dazu leisten kann, Ihrer Benutzeroberfläche den nötigen Schliff zu verleihen. Ich bin dafür bekannt, dass ich Bitmap-Bildschirmaufnahmen in Paint verwende, um die Abstände zwischen den Steuerelementen zu messen, um die Abstände in den Microsoft-Anwendungen zu imitieren. Wenn ich diese Information an Kollegen weitergebe, sehen mich die meisten an, als hätte ich den Verstand verloren. Aber ich kann Ihnen gar nicht sagen, wie viele Erfolge ich bei Benutzeroberflächen hatte, nur weil ich mich auf das konzentriert habe, was alle anderen für unbedeutend halten. Ich verbuche das so, dass ich einfach die gesamte Forschung genutzt habe, die Microsoft jemals betrieben hat, um seine Anwendungen optisch ansprechend zu gestalten.

Meine Empfehlung wäre also, Spolskys Buch zu lesen und dann zu versuchen, so viel von den Microsoft-Anwendungen zu kopieren, wie Sie können. Für Desktop-Anwendungen ist das der sicherste Ansatz.

1voto

mattruma Punkte 16315

Nehmen Sie sich etwas Zeit und sehen Sie sich andere Software-Produkte. Jedes Jahr investieren Unternehmen wie Google und Microsoft Millionen von Dollar in Usability-Tests. Nutzen Sie das, was sie über Benutzerinteraktion gelernt haben, und wenden Sie es auf Ihre eigenen Produkte/Projekte an.

Infragistics hat auch gerade eine schöne Referenz für UI Design Patterns erstellt, die Sie hier finden können http://quince.infragistics.com/ .

0voto

Vinay Punkte 4723

Sie können sich auf die Richtlinien für die Windows-Benutzeroberfläche oder die Mac-Benutzeroberfläche beziehen.

Mac UI-Richtlinien sind verfügbar unter http://developer.apple.com/documentation/userexperience/Conceptual/AppleHIGuidelines/XHIGIntro/chapter_1_section_1.html

Die Richtlinien für die Windows-Benutzeroberfläche finden Sie unter http://msdn.microsoft.com/en-us/library/aa511258.aspx

EDIT: Jeder mag die Google UI hier ist die Link .

0voto

Venus Punkte 6450

Ich denke, die beste Idee ist, zu üben. Ich entwerfe meine Fenster gerne zuerst auf Papier (Blanko- oder Millimeterpapier). Benutzen Sie ein Lineal und stellen Sie sicher, dass die Dinge ausgerichtet und sauber sind.

Ich erinnere mich an ein Beispiel aus meinem Arbeitsprojekt, bei dem ich 127 Tasten verwenden musste, um 127 Computer in unserem Labor darzustellen :/.

Fragen Sie sich hier, was hat mir nicht gefallen? Wie kann es verbessert werden? Brauchte ich ein Dropdown- oder ein Listenfeld für die Computer?

Kennen Sie auch Ihre GUI-Widgets .

0voto

Andy Dent Punkte 16955

In den Antworten finden sich bereits einige gute Bücher darüber, wie man Schnittstellen konkret gestaltet. Ich möchte Ihnen mit einigen Vorschlägen helfen, Ihre Arbeit zu verbessern Nase für Design. Einige dieser Bücher sind vielleicht günstig aus zweiter Hand zu bekommen, oder Sie können sie vor Ort ausleihen (ich bin immer bereit, Bücher an Leute in Perth, Westaustralien, auszuleihen):

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X