Ich habe eine mentale Blockade, was das Entwerfen der Hauptbildschirmoberfläche für eine Desktop-Anwendung betrifft, die ich gerade aktualisiere. Als ich dieses Programm zum ersten Mal entwickelte, war die Bildschirmauflösung 640 x 480. Heute gibt es mehrere Bildschirmauflösungen.
Wo finde ich Ideen für ein gutes Hauptbildschirmlayout für eine Desktopanwendung?
gui
user-interface
delphi
user-experience
desktop-application
Michael Riley - AKA Gunny
quelle
quelle
Antworten:
Ich würde Ihnen empfehlen, ein paar verschiedene Bücher zu lesen, die sich seltsamerweise nicht auf das GUI-Design von Desktop-Anwendungen konzentrieren. Unabhängig davon helfen diese Texte Ihnen dabei, darüber nachzudenken, wie Sie die Informationen, die Ihre Benutzer benötigen, in einer Form erhalten, die ihr Gehirn verstehen wird. Wie auch immer, das erste Buch ist The Non-Designer's Design Book von Robin Williams. In diesem Buch lernen Sie die Komposition in weniger grafisch gestalteten Begriffen. In diesem Buch werden Sie darüber nachdenken, wie der menschliche Geist Designelemente wahrnimmt.
Zweitens, sehen Sie sich Don't Make Me Think von Steve Krug an. Es befasst sich mit Navigation und Datendarstellung auf Webseiten, aber viele der Empfehlungen (z. B. Brotkrumen-Navigation) sind in Desktop-Apps oft genauso sinnvoll wie auf Webseiten.
Wie ein anderes Poster angedeutet hat, gibt es keine guten Entwurfsmuster für eine Medienisolation. Einige Dinge lassen sich nicht so gut zwischen analog und digital übersetzen (dh mehrspaltiger Text in einer tatsächlichen Zeitung im Vergleich zu einer App für die Zeitung), weil bestimmte Einschränkungen je nach Medium unterschiedlich sind, aber viele Prinzipien des guten Designs gelten, egal was passiert Medium, von dem du sprichst.
quelle
Ein Tipp, den ich oft gehört habe, ist, Designs zu betrachten, die Sie als Inspiration mögen. Dies ist keine isolierte Bezeichnung für Desktop-Anwendungen, sondern sollte sich auf Kunst, Architektur, Web, Fotografie, Produkte usw. erstrecken.
Dies wird Ihnen helfen, ein Gefühl dafür zu entwickeln, was gutes Design ist, und wird Ihnen bei langfristigen Designanwendungen helfen, die für das Auge angenehm und benutzerfreundlich sind.
Wenn Sie ein Prototyp für Ihr Design erstellen, können Sie sich von Benutzern oder anderen Entwicklern helfen lassen, es zu testen und Feedback einzuholen. Nicht nur was die sagen, sondern was sie tun. (Beispiel: Die Leute sagen, sie mögen keine überfüllten Inseln bei Walmart, aber sie haben buchstäblich mehr als 1 Milliarde Dollar Umsatz verloren, als Sie das Durcheinander beseitigt haben.)
quelle
Ich befolge immer die Regel, Klicks und Tastenanschläge zu minimieren. Ich bin nicht sehr gut darin, eine sexy aussehende Benutzeroberfläche mit vielen Farben und prall aussehenden Schaltflächen zu erstellen, aber Benutzer sagen mir, dass die Verwendung meiner Benutzeroberflächen ein Kinderspiel ist. Hier ist eine.
Eines der Dinge, die ich entdeckt habe, ist, dass Benutzer sofortige Reaktionen lieben . Es ist wie in Hollywood. Menschen lieben Pixel (vorzugsweise farbige Pixel). Sie lieben wirklich Pixel, die sich bewegen .
In dem Versuch, Benutzeroberflächen so zu gestalten und den Programmieraufwand zu vereinfachen, habe ich vor langer Zeit ein Schema entwickelt, das ich bis heute verwende - Differential Execution . (Ich kann nicht sagen, dass ich viel Glück hatte, es zu veröffentlichen, aber da ist es. Es wurde veröffentlicht, FWIW.)
Das sind nur meine zwei Cent.
quelle
Ich denke, der erste Schritt besteht darin, einen Stil / ein Thema zu bestimmen. Zum Beispiel Windows 8 Metro vs. NT-Stil.
Einige Vorschläge für Ressourcen und Inspiration (ich erwähne WPF / Web, aber Sie müssen es natürlich nicht verwenden):
A - Wenn Sie mit dem Prototyping beginnen möchten, sind die Steuerelementstile hier coole Websteuerelementstile und -steuerelemente
B - Component Factory verleiht Fensterformen ein gutes Facelifting - Sie bieten sogar ein kostenloses Produkt an: Component Factory
C - GUI-Steuerungshersteller von Drittanbietern haben gut aussehende Demos
D - Versuchen Sie, auf dieser Website nach dem Wort "Bücher" zu suchen: Benutzererfahrung - Sie erhalten zahlreiche Beiträge.
E- Diese WPF-Anwendung: WPF Health Care Application
F - Diese WPF-Anwendung: Billy Holis - WPF und die fertige Version auf: WPF - StaffLynx
Wenn Sie möchten, gibt es Tools im G-Metro-Stil. Überprüfen Sie dies: Metro Style
Am wichtigsten ist, wie Sie vielleicht bereits wissen, die Balance zwischen Aufwand und Wert.
Bearbeiten
DevXpress hat eine neue Version unterstützt Metro - Stil veröffentlicht, gesehen nur das Video toady DevXpress-2
quelle
Ich kann Edward Tuftes Buch The Visual Display of Quantitative Information nicht genug empfehlen . Lässt dich wirklich darüber nachdenken, was du präsentierst und warum. Alle seine Bücher sind gut, aber ich beziehe mich am häufigsten auf diese.
Ein gutes "UI Design Pattern" Buch, das ich gefunden habe, ist das Entwerfen von Schnittstellen . Es enthält Abschnitte zum Entwerfen von Layouts, zur Navigation, zum Anzeigen komplexer Informationen und zum Entwerfen von Eingabeformularen. Es gibt ein ähnliches Buch über das Entwerfen sozialer Schnittstellen (mit dem passenden Namen " Entwerfen sozialer Schnittstellen" ), aber ich habe es nicht gelesen und weiß nicht genug, um es zu empfehlen.
quelle
Es gibt einige gute Bücher, die bereits empfohlen wurden. Die UX Stack Exchange-Website ist für Fragen wie diese besser gerüstet, aber sie ist auch kein Thema.
In erster Linie ist mediaqueri.es eine großartige Ressource für Ihr spezielles Problem, da es sich um eine Sammlung von Websites und Webanwendungen handelt, die so gestaltet sind, dass sie an unterschiedliche Bildschirmauflösungen und Benutzerprogramme angepasst sind.
Schauen Sie sich auch das Smashing Magazine an . Dieses Blog ist ein Paradies für Front-End-Entwickler mit Beiträgen zu UX / UI, HTML / CSS / Javascript, Grafikdesign und Webdesign. Sie haben auch Posts, die sich mit bestimmten Websites und Marketingkampagnen befassen und herausfinden, was sie mit ihren UI / UX-Entscheidungen richtig (und falsch) gemacht haben. Überprüfen Sie diese Site regelmäßig auf tägliche Tipps zu diesen Themen.
Wenn Sie sich inspirieren lassen, werfen Sie einen Blick auf einige SO / SE-Fragen, die ich speziell zu diesem Thema gestellt habe. Dies sind nur allgemeine Ressourcen für jeden und nicht nur für OP:
quelle