Was sind die Eigenschaften eines guten UI-Designers? Wie viel muss man heutzutage grafische Designfähigkeiten haben, im Gegensatz zu Interaktionsdesignfähigkeiten. Ich sehe das mit dem Aufkommen von WPF und Silverlight von wachsender Bedeutung.
Ich persönlich halte mich für gut im Interaktionsdesign, möchte aber meine Fähigkeiten im grafischen Designbereich stärken. Ist es überhaupt möglich, diese Fähigkeiten zu erlernen, oder sind Sie mit ihnen geboren? Kann jemand irgendwelche guten Bücher oder Hilfsmittel empfehlen, die helfen würden?
Danke,
Craig
Probieren Sie das Designbuch des Nicht-Designers aus.
Nach meiner Erfahrung ist Interface Design eine Fähigkeit für sich. Grafikdesigner sind gut darin, wundervoll schöne, aber völlig verwirrende und unbrauchbare Schnittstellen herzustellen.
Ich habe ein paar Tricks, die ich benutze, aber sie beinhalten hauptsächlich das Stehlen von Designelementen aus gut gestalteten Apps und Webseiten.
Nach meiner Erfahrung ist das Kennzeichen eines guten UI-Designers nicht unbedingt eine pfiffige, Alles-ist-nicht-cool-Lösung, sondern eine, die fast unsichtbar ist, weil sie einfach funktioniert mit sehr wenig Hilfe vom Benutzer:
Ich würde mir die edward tufte books ansehen.
Jakob Nielson ist auch ein guter Autor.
Die meisten Leute können Benutzeroberflächen (wie sie auf alles grafische aussehen) und sagen "das sieht gut aus" oder "das sieht nicht gut aus". Was eine Grafikperson normalerweise dazu in der Lage macht, das gut aussehende Material zu produzieren, ist die Bereitschaft, Dinge nahezu endlos zu verändern und zu optimieren und sogar ganze Linien der Anstrengung auszuwerfen, bis etwas, das gut aussieht, auftaucht. Die meisten Programmierer haben nicht die Geduld für so etwas, also sehen ihre Benutzeroberflächen so aus, als wären sie von jemandem entworfen worden, dem es nicht so wichtig war, wie sie aussahen.
Auf einer tieferen Ebene wird der Begriff "Talent" oder "angeborene Fähigkeit" meistens als Ausrede benutzt, um nicht einmal etwas zu versuchen (zB "Ich bin nicht musikalisch talentiert, also werde ich es nicht einmal versuchen Klavier spielen"). Wenn du etwas gut werden willst, musst du es oft üben - es gibt keine Alternative.
Nach meiner Erfahrung ist es viel einfacher, jemanden zu finden, der hübsche Seiten erstellt, als jemand, der wirklich erstaunliche, subtile, nicht-offensichtliche Anwendungsfälle machen kann. Anwendungsfälle, bei denen es sich nicht um Tabelleneingabeformulare handelt.
Wenn du schon da bist, würde ich vorschlagen, dass du vielleicht darüber nachdenkst, einen Gui-Künstler zu finden, mit dem du programmieren kannst.
Auf der gegenüberliegenden Seite, wenn ich etwas Schlechtes finde, Kisten, die nicht in einer Reihe stehen, peinliche Benutzung, schlechte Grammatik, nehme ich an, dass der Programmierer in seinem internen Code genauso schlampig ist. Ich erwarte mehr Fehler in Anwendungen mit einer schlechten Benutzeroberfläche.
Es ist etwas veraltet, aber mir hat "The Design of Everyday Things" gefallen. Eine gute Benutzeroberfläche macht den Benutzer gut, ohne dass es ihnen jemals auffällt.
Es ist definitiv möglich, diese Fähigkeiten zu erlernen.
Was viele Leute verwirrt werden, ist der Unterschied zwischen Kunst und Design. Der Unterschied zwischen Kunst und Design besteht in vielerlei Hinsicht darin, dass Art keine untertriebene Funktionalität hat. Es sieht gut aus ... weil es so ist. Mit Design gibt es normalerweise einen Grund, dass etwas existiert. Um ein guter Designer zu sein, muss man verstehen, was gutes Design ist und wie man die Grenzen der Logik effizient durchbricht, um etwas zu erschaffen, das mit so wenig kognitiver Last wie möglich arbeitet. Wenn ein neues UI-Design es mir ermöglicht, eine Aufgabe doppelt so schnell wie die alte auszuführen, ist es besser. Wenn ich die Erfahrung des Verwendens des neuen genieße, ist es besser.
Natürlich gibt es eine künstlerische Seite zu entwerfen, und durch die Verwendung von Flair und Kreativität kann ein Designer bessere Designs machen.
Wenn Sie beim Entwerfen besser werden wollen, gibt es zwei Dinge, die Sie tun können:
Ich weiß nicht genug über Kunst, um zu sagen, ob man lernen kann, Künstler zu werden. Ich weiß nur, dass jeder von Natur aus kreativ ist; Sie müssen nur lernen, wie Sie es in Ihrer Arbeit loslassen, das heißt, lernen, wie Sie Ihre Werkzeuge effektiv einsetzen. Sobald Sie das tun können, können Sie experimentieren.
Ich denke gerne, dass viele der heutigen HCI-Konzepte nicht nur aus kalkuliertem Denken stammen; mehr eine künstlerische Vision wird lebendig.
Es geht nur um das mentale Modell des Endnutzers - die abstrakte Struktur, die sie in ihren Köpfen bilden, die sie dazu bringt, einfach zu "wissen", was sie versuchen sollten, wenn sie Ihr UI-Design erkunden. Als UI-Entwickler müssen Sie dieses mentale Modell klar verstehen und dann erstellen - und es wird mit der Zusammensetzung des zugrunde liegenden Softwaresystems fast nichts zu tun haben. Seien Sie also nicht überrascht, wenn einige UIs schwer zu entwickeln sind.
Sobald ein Benutzer anfängt, dieses mentale Modell zu visualisieren und zu umarmen, werden sie beginnen, Dinge zu erforschen und auszuprobieren, indem sie die fehlenden Teile logisch ausfüllen. Ein gutes UI-Design wird sie mit erwarteten Ergebnissen belohnen, eine schlechte Benutzeroberfläche wird styma und verwirren und sie werden dich jagen.
Große Benutzeroberfläche bedeutet:
Das heißt, alles auf dem Bildschirm hat eine Bedeutung. Wenn es keine Bedeutung hat oder nicht beeinflusst, was Sie tun werden nächste , sollte es nicht da sein.
Das ist die meiste Zeit. Gelegentlich erfindet ein großartiger UI-Designer ein neues Interface-Modell (Tags wurden erfunden, um besser mit Fotos umgehen zu können).
Wenn Sie etwas tun wollen, möchten Sie es in so wenigen Schritten wie möglich tun.
Sie können die Notwendigkeit eines guten UI-Designs nicht verringern, um zumindest für das Auge schmackhaft zu sein. Wenn Sie etwas visuell nicht in sehr kurzer Zeit verarbeiten können, ist dies möglicherweise kein gutes Beispiel für eine gute Benutzeroberfläche.
About Face ist auch ein schönes Buch.
Feingefühl ist immer etwas Gutes, auf das man achten sollte. Harsche Farbverläufe und einige Farbkombinationen sind nur ein Schmerz.
Als Ressource zum Entwerfen von Benutzeroberflächen in Windows würde ich die Windows Vista-Richtlinien für die Benutzererfahrung nennen bietet tolle Tipps und Beispiele zum Entwerfen von Benutzeroberflächen.
Es bietet sowohl gute als auch schlechte Beispiele für Benutzeroberflächen von aktuellen Microsoft-Produkten. Ich würde sagen, es ist eigentlich ziemlich objektiv und ein wertvoller Leitfaden, der als Referenz verwendet wird, wenn man etwas über das Design der Benutzeroberfläche lernt.
Da es als Leitfaden für Windows Vista-Anwendungen konzipiert ist, würde es gut zu UI-Design für WPF passen, aber die angebotenen Tipps sind allgemein genug, dass sie auch auf Benutzeroberflächen angewendet werden können, die nicht Windows-basiert sind gut.
Ich füge einen Hinweis zu einer verwandten Frage hinzu: Spezifikation der Java-Benutzeroberfläche
Joel Spolsky hat eine einfache, elegante Idee im "Hallway Usability Test" sowie eine Reihe von Beiträgen auf UI-Design .
Ich nehme an, das erste Buch, das ich vorschlagen würde, lautet: "Die Insassen leiten die Anstalt." Es dauert ein wenig, um hineinzukommen, aber es stellt sich heraus, dass es ein großartiges Buch ist.
Online ...
Die W3 hat einige großartige Ideen, wie man Webseiten gestaltet.
Das Zen der Palm-Codierung sollte für Gui-Design für PDA-Designer Lesung benötigt werden.
Dies kann bis zum Ende der Zeit diskutiert werden, persönlich glaube ich, dass Interaktionsdesign und grafisches Design zwei ziemlich unterschiedliche Dinge sind.
Aber beide können gelernt werden, zumindest auf einem zufriedenstellenden Niveau. Sie werden wahrscheinlich nie wirklich groß darin werden, es sei denn, Sie haben ein "Talent" dafür.
Ein Buch, das ich selbst nicht gelesen habe, aber von vielen Leuten empfohlen wurde, ist "Bring mich nicht zum Nachdenken" von Steve Krug.
Die Websites, die ich für die Benutzeroberfläche und das Design besonders empfehle, sind:
Das Interessante an diesen Sites ist, dass sie nicht nur Beispiele für "Do's and Don'ts" von UI geben, sondern diese Beispiele mit spezifischen Metriken und Methoden unterstützen, mit denen Sie tatsächlich messen können, wie "gut" Sie sind UI ist. Azas Blog ist besonders interessant, weil er seine Design-Iteration bei mehreren Projekten durchläuft, an denen er beteiligt war, und spricht über die "Warum" für viele der getroffenen UI-Entscheidungen.
Viele Links hier zu guten Anleitungen, aber die anfängliche Frage bleibt: "Was sind die Eigenschaften eines guten UI-Designers?"
Die Fähigkeit, einen Prozess, ein System oder eine Übung anzuzeigen und eine Schnittstelle zu entwickeln, die die größte Verbesserung darstellt.
Es geht nicht um schöne Schnittstellen, sondern darum, was in dieser Situation am besten funktioniert. Und mein Ratschlag, ein besserer Benutzeroberflächen-Designer zu werden, besteht darin, sich besser in die Benutzerposition zu bringen. Das können wir alle verbessern.
Sie können eine Menge Designer finden, die in der Lage sind, schöne Bilder zu zeichnen, aber die besten Kenntnisse in Interface-Design haben. Darin besteht die Fähigkeit zu antizipieren, wie ein Benutzer mit einer Anwendung interagieren wird, ohne durch das Wissen, wie diese Anwendung funktionieren soll, beeinträchtigt zu werden.
In Bezug auf Ihre zweite Frage - das Programmiermodell von WPF und Silverlight ermöglicht meines Erachtens eine klarere Trennung zwischen Designer und Programmierer (dh Microsoft Expression Design ist für Designer, .NET 3.5 für Programmierer und Microsoft Epxression Blend irgendwo mitten drin). Davon abgesehen ist es immer besser, einen UI-Designer zu haben, der sowohl mit dem Design als auch mit dem Code umgehen kann.
Und nur um ein Buch hinein zu schmeißen, das ich mag - Luke Wroblewskis Web Form Design - Sie können einen bekommen PDF-Version des Buches für unter $ 20 Dollar.
Tags und Links wpf silverlight user-interface