Obwohl ich mich speziell für Webanwendungsinformationen interessiere, wäre ich auch etwas neugierig auf die Desktop-Anwendungsentwicklung. Diese Frage wird von meiner Arbeit auf meiner persönlichen Website sowie meiner Arbeit, wo ich einige Funktionen entwickelt habe, getrieben, aber es anderen überlassen, sich in das Look and Feel der Seite zu integrieren.
Gibt es Anleitungen oder Faustregeln für Dinge wie Farbschemata, Layouts, Formatierungen usw.? Ich möchte Lesbarkeit und Klarheit für die Besucher sicherstellen, aber nicht langweilig und langweilig zugleich sein.
Was mein Wissen in diesem Bereich betrifft - Wenn Sie mir ein Bild geben, habe ich genug Wissen, um es auf dem Bildschirm zu reproduzieren, aber wenn Sie mich bitten, eine neue Schnittstelle zu entwerfen oder eine bestehende neu zu gestalten, würde ich nicht wissen Wo soll ich anfangen?
Normalerweise hat jedes Betriebssystem Richtlinien für Benutzeroberflächen. Unter Windows finden Sie hier . (Bearbeiten: Die Links in diesem Beitrag sind gebrochen. Aber eine Suche nach " Benutzeroberflächenrichtlinien " auf MSDN enthält Artikel über alles)
Apple hat es auch. Außerdem sollten Sie Barrierefreiheit berücksichtigen.
>Ein Tipp, um zu überprüfen, ob Ihre Farben einen guten Kontrast haben, besteht darin, einen Schnappschuss davon aufzunehmen und in Graustufen zu konvertieren. Wenn Sie etwas nicht lesen können, waren die Farben sicherlich schlecht gewählt.
Plus, obwohl es nicht um Benutzeroberflächen geht, Vorher & amp; After Magazine kann Ihnen einige gute Tipps zu Farbe, Design und verwandten Themen geben. Es hat sogar ein paar kostenlose pdf's zum Herunterladen.
Das Buch Designing Interfaces von Jenifer Tidwell hat ein ganzes Kapitel zu diesem Thema (Kapitel 9, Auszüge online verfügbar). Das ganze Buch ist empfehlenswert.
Für das Web-UI werde ich hier einen Strich durch die Rechnung machen und sagen, dass die wichtigste Farbe im Webdesign Weiß oder "Licht" ist. Dies ist die Farbe, auf die Sie dichte Inhalte platzieren.
Dunkler Text, heller Hintergrund, immer wenn es um Ihre primären Inhaltsbereiche geht.
Und die wichtigste Regel beim Layout ist Whitespace. Lass den Inhalt atmen.
Die Einhaltung dieser beiden einfachen Regeln ist mehr wert als die meisten Richtlinien zur Benutzerfreundlichkeit der Benutzeroberfläche.
Und übrigens, die MS-Benutzerschnittstellen-Richtlinien sind (im Großen und Ganzen) schrecklich. Lesen Sie Jakob Nielsen, schauen Sie sich die Ästhetik des Apple-Designs an, aber bleiben Sie fern von der MS "neutral gray / blue crunchbox" 12-Schritte-Wizard 10pt-Text-Philosophie der Benutzeroberfläche.
(Und ich sage das als langjähriger MS GUI-Programmierer)
Ich finde es schrecklich, Farben zu finden, die gut zusammenpassen, also betrüge ich und benutze Bilder aus der Natur, die meistens die Farbe haben, die ich will (etwa grün) und dann benutze ich diese Website , um das Hauptfarbschema zu entfernen. Im Allgemeinen macht die Natur ziemlich gute Arbeit, ihre eigenen schönen Farbschemata zu setzen.
Verwenden Sie kontrastreiche Farbkombinationen. Schwarzer Text auf weißem Hintergrund ist das beste Beispiel für eine kontrastreiche Kombination.
Eine schlechte Kombination ist grüner Text auf rotem Hintergrund. Es ist schrecklich für farbenblinde Leute (wie mich).
Sehen Sie, wie Ihre Website für eine farbenblinde Person aussieht: colorfilter.wickline.org
Wie für Desktop-Anwendungen: Was auch immer Sie tun, verwenden Sie keine handverlesenen Farben. Bleiben Sie bei den benannten Systemfarben wie "Window Background", "Menu Text" usw. Andernfalls werden Personen, die auf die Bedienungshilfen des Betriebssystems angewiesen sind, mit Ihren Farbwahlen gesperrt (z. B. können Sie kein kontrastreiches Design wählen) Personen, die ihre Desktop-Designs anpassen möchten, werden Ihre Anwendung für fugig halten.
Hier finden Sie einige einfache Hinweise zur Benutzerfreundlichkeit in Ihrer Typografie . Diese Dinge beziehen sich hauptsächlich auf Lesbarkeit und Zugänglichkeit.
DOs:
DONTs:
Tags und Links user-interface usability