Bessere GUIs entwerfen?

Question

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.

Answer 1

Joel Spolsky hat ein Buch mit dem Titel User Interface Design for Programmers geschrieben, das eine gute Lektüre ist, und eine gekürzte Version kann online gefunden werden .

Answer 2

Ich glaube Beobachtung y Instinkte hilft ungemein.

Spielen Sie mit den Anwendungen und vertiefen Sie sich in die von ihnen implementierten Funktionen. Schauen Sie sich vor allem Apple an, denn dort dreht sich alles um Ästhetik. Was hat funktioniert? Was hat nicht funktioniert? Warum hat es funktioniert? Stellen Sie sich Fragen, während Sie mit Websites und Software herumspielen.

Dann würde ich herumspielen und einige Konzepte entwerfen. Diese Konzepte würde ich Freunden zeigen, sowohl technischen als auch nicht technischen. Stellen Sie ihnen Fragen wie "Füge der Liste ein neues Getränk hinzu" oder "Finde x für mich". Beobachten Sie, wie sie reagieren und wie sie sich voneinander unterscheiden. Hat jemand mit technischem Hintergrund die Schaltflächen schneller bemerkt als die Nicht-Techniker? Sollten Sie Elemente miteinander kombinieren?

Diese Dinge sollten Spaß machen. Schließlich ist es so, als würden Sie ein komplettes Lego-Set bauen und es Ihrem Freund zeigen. Er/sie kann deine Kreation sehen, anfassen und mit ihr spielen.

Answer 3

Das Design der alltäglichen Dinge von Donald A. Norman

Die humane Schnittstelle von Jef Raskin

Answer 4

Das Wichtigste, worauf man sich zuerst konzentrieren sollte, ist der Arbeitsablauf. Versuchen Sie herauszufinden, welche Ziele der Benutzer verfolgt, und erstellen Sie ein Modell, mit dem dieses Ziel so effektiv wie möglich erreicht werden kann. Lesen Sie auch viel über dieses Thema. Eines der besten Bücher für den Anfang ist The Die Insassen haben das Sagen

Ich würde hier viele Skizzen vorschlagen. Achten Sie darauf, dass Sie es einfach halten und sich darauf konzentrieren, was und wo die Dinge platziert werden, und weniger darauf, wie sie aussehen. Ein Werkzeug wie balsamiq ist ideal für schnelle UI-Mockups. Gehen Sie auch durch UI-Muster hier zu kommen mit Konzepten, die funktionieren, Tidwells Buch Gestaltung von Schnittstellen ist großartig und auch Infragistics neue Muster Website sind großartige Ressourcen

Jetzt, da Sie eine Vorstellung davon haben, was Sie tun wollen, ist es an der Zeit, die Schnittstelle zu gestalten. Auf dem Weg von der ersten Skizze bis zum letzten Pixel sollten Sie immer Benutzertests durchführen.

Und halten Sie sich nicht immer an die UI-Richtlinien, es ist in Ordnung, sie zu brechen, wenn Sie einen guten Grund haben. Und zuletzt: Sie erhalten nur einen kostenlosen, nicht verwandten 3D-Effekt in einer Schnittstelle :)

Answer 5

Aufbauend auf Vinays Antwort ist die Integration mit der Zielplattform immer von größter Bedeutung bei der Gestaltung einer Schnittstelle. Wenn Sie für Windows entwickeln, müssen Sie sicherstellen, dass Sie sich an das Erscheinungsbild, die Benutzerfreundlichkeit und die Erwartungen dieser Plattform halten. Die Schnittstellenrichtlinien sind immer ein guter Ausgangspunkt, auch wenn einige besser sind als andere. Meiner Meinung nach ist die GNOME-Richtlinien für die menschliche Schnittstelle sind ein großartiger Leitfaden für die Gestaltung benutzerfreundlicher Oberflächen, auch wenn Sie kein GTK verwenden.

Allgemeiner ausgedrückt: Gutes Design zu lernen, heißt wirklich zu lernen erkennen gutes Design. Finden Sie einige Anwendungen, die wirklich intuitiv sind, und ahmen Sie deren Layout, Stil usw. nach. Wenn Sie dann Schwierigkeiten haben, eine bestimmte Funktion zu implementieren, suchen Sie nach einer geeigneten Entsprechung in einer dieser anderen Anwendungen. Achten Sie dabei besonders auf Themen wie Gruppierung, Registerkarten, Tastenkombinationen, Dialogmodalität usw. Ich denke, Sie werden feststellen, dass nur sehr wenige gute Designprinzipien von der Sprache abhängen, in der Sie programmieren, es sei denn, sie beeinflussen das Toolkit und die Plattform, auf die Sie abzielen.