Benutzeroberflächendesign [geschlossen]

StackOverflow https://stackoverflow.com/questions/7973

  •  08-06-2019
  •  | 
  •  

Frage

Wohin wenden Sie sich beim Erstellen einer Benutzeroberfläche?Ich bin Programmierer, kein Designer.Irgendwelche Ideen?Meine „Benutzeroberfläche“ ist normalerweise schrecklich, da ich sie nur zum Laufen bringen möchte. Was machen Sie?

War es hilfreich?

Lösung

Google-Benutzererfahrung Und Die Gesetze der Einfachheit sind sehr gute Anfänge.

Ich war schon immer schlecht im Design, aber nachdem ich viel über Benutzerfreundlichkeit, Einfachheit und Design gelesen und begonnen hatte, Googles Design und andere Designs auf der Grundlage von Einfachheit zu analysieren, fingen meine Benutzeroberflächen an, weniger schlecht zu sein.

Andere Tipps

Normalerweise mache ich alles selbst – einfach weil mein Budget recht begrenzt ist.

Es gibt jedoch einige Bücher, die es wert sein könnten, gelesen zu werden:

Und es ist immer eine gute Sache, nachzuschauen, was andere Websites machen, die einem gefallen :)

Ich wende mich an... DESIGNER!Ich erinnere mich, dass Jeff Atwood vor einiger Zeit auf Coding Horror darüber gepostet hat, aber es verdient es noch einmal gesagt zu werden:Programmierer sind schreckliche Designer!

Es gibt Websites wie 99designs (Stack Overflow hat es verwendet, um ihr Logo zu erhalten), auf denen Sie die Arbeit relativ günstig vermieten können.

Verbringen Sie viel Zeit damit, neue Anwendungen anderer Leute zu erkunden.Finden Sie Dinge, die Ihrer Meinung nach gut funktionieren, und verwenden Sie sie in Ihrem nächsten Projekt.Langsam werden Sie ein Repertoire an guten UI-Praktiken aufbauen.

Normalerweise kopiere ich zunächst etwas anderes und ändere/verbessere es dann, bis es so aussieht, wie ich es möchte.Ich bin auch kein Designer, habe nicht viel künstlerisches Gespür und kann mir ehrlich gesagt nicht die Mühe machen, Tage (Wochen) damit zu verbringen, eine Benutzeroberfläche für eine Anwendung zu erstellen.Es ist viel einfacher, einfach etwas anderes zu nehmen und es so zu drehen, wie es mir gefällt.

Die MSDN-Blogs sind normalerweise ein guter Ort, um nach Inspiration zu suchen, da viele der Autoren gerne Anwendungen/Websites aufmotzen, die ihre Lieblingstechnologien verwenden (Brad Abrams‘ Blog ist gut, wenn Sie nach WPF-ähnlichen Schnittstellen suchen).

Wenn Sie Desktop-Anwendungen schreiben, werden Sie schon weit kommen, wenn Sie einfach die UI-Richtlinien für die von Ihnen gewählte Plattform befolgen.

Wenn es im Internet steht, ist man im Großen und Ganzen am Arsch, man braucht nur einen Designer.

Lassen Sie sich jedoch nicht zu der Annahme verleiten, dass es beim UI-Design ausschließlich auf das visuelle Erscheinungsbild ankommt.Das richtige Interaktionsmodell ist wahrscheinlich wichtiger.Ein Grafikdesigner wird Ihnen dabei nicht helfen.Wenn Sie keinen Zugang zu einem UI-Spezialisten haben, versuchen Sie es mit Benutzeroberflächendesign für Programmierer.

Viele (Grafik-)Designer verstehen die Bedürfnisse einer Benutzeroberfläche nicht, man muss ziemlich viel recherchieren und die Leute bitten, Dinge auszuprobieren – „Hände weg“ – und zu sehen, was sie tun, was sie verwirrt, welche Fehler Sie machen.

Die meisten Ratschläge geben drei Schritte zum Design der Benutzeroberfläche:Inhalt oder Wireframe - Was ist in der Schnittstelle, Fluss oder Beziehung - wie die Links und der Stil - wie es aussieht.

Das Thema ist umfangreich, es wurden bereits gute Links gepostet, Coopers Buch „About Face“ enthält, wenn auch etwas wortreich, Erklärungen zu verschiedenen Fallstricken.

Es scheint ziemlich offensichtlich, aber ich würde „User Interface Design für Programmierer“ von Joel Spolsky vorschlagen. Versionen auf Papier und online verfügbar.Sie können es in einem halben Tag lesen und ein gutes Verständnis der Benutzeroberfläche erlangen.

Sie müssen kein großartiger Designer sein, um eine anständige Benutzeroberfläche und ein großartiges Benutzererlebnis für Ihre Anwendung zu entwickeln.

Ich denke, es gibt bestimmte Grundsätze, denen Sie folgen können und die Ihre Bewerbung erheblich verbessern können.

Auf hohem Niveau umfasst dies:

  • Identifizieren Sie Ihre drei wichtigsten Anwendungsfälle
  • Messen und Reduzieren der Anzahl der Klicks, die erforderlich sind, um durch die wichtigsten Anwendungsfälle zu gelangen
  • Skizzieren Sie, erstellen Sie einen Prototyp, werfen Sie es weg und fordern Sie sich selbst heraus, es mit weniger zu schaffen

Ich habe einen Blogeintrag geschrieben, der versucht, einige Prinzipien im Zusammenhang mit dem GUI-Design aufzuschreiben.Schauen Sie es sich an und teilen Sie mir Ihre Meinung mit.

So verbessern Sie die Benutzererfahrung Ihrer GUI-Anwendung mit einigen einfachen Prinzipien.

Sehen dieser Thread für ein paar Tipps.

Etwas zusammenfassen:Beauftragen Sie jemanden mit Fähigkeiten damit oder halten Sie es sehr sauber und einfach.

@AdamLerman Sie werden nie jemanden finden, der Ihr Design kostenlos erstellt.Alles kostet Geld, insbesondere die Photoshop-Zeit der Künstler.

In der Welt der Heimautomation gibt es viele unabhängige Designer.Ich erstelle Prototypen mit einer sehr einfachen Benutzeroberfläche und verwende dann die Grafiken und das Layout von GuiFX

LukeW verfügt über mehrere Artikel, Bücher und Beispiele zum Thema Benutzeroberflächendesign und Benutzerfreundlichkeit.

Ich habe besonders das gefunden Design von Webanwendungsformularen Artikel hilfreich sein.

Bevor ich wusste, dass es ein Internet gibt, habe ich das gelesen Richtlinien zur Benutzeroberfläche von Apple was sie anscheinend auf dem Laufenden gehalten haben.

Sie können auch einige völlig andere Einstellungen lesen, z Raskins

Ich nehme an, die Antwort ist gelesen.NACHDEM Sie darüber nachgedacht haben, was Sie tun möchten und wie, beauftragen Sie die Grafikdesigner damit, dass alles gut aussieht, während es passiert.Aber ich habe noch keinen Designer gefunden, der die Anwendung weiter optimiert und beschrieben hat.

Das beste Buch, das ich je über Usability/Interaction Design gelesen habe, und eines der besten Bücher, die ich jemals gelesen habe, ist ein Buch mit dem Titel Über Gesicht 3:Die Grundlagen des Interaktionsdesigns von Alan Cooper.

Es ist ein fantastisches Buch, weil es viele grundlegende Konzepte hinter dem Interface-Design für jede Art von Interface behandelt, nicht nur für das Web.Wenn Sie diese Konzepte verstehen, können Sie bessere kreative Entscheidungen treffen, insbesondere wenn Sie etwas entwerfen, das noch nicht entworfen wurde (z. B. ein neues Produkt oder eine Art soziale Website), und nicht nur das kopieren, was bereits erstellt wurde.

Sie können diese durchgehen Zehn Design-Heuristiken• Systemstatus anzeigen • Bekannte Metaphern und Sprache • Kontrolle und Freiheit • Konsistenz • Fehlerverhütung • Erkennung über Rückruf • Flexibilität und Effizienz • Ästhetisches und minimalistisches Design • Erkennen, Diagnose und Wiederherstellen von Fehlern • Hilfe

Lesen Sie diesen Artikel über heuristische Auswertung,ER

Ich dachte immer, es wäre einfach, jemand anderen damit zu beauftragen ... wenn ich nur einen kreativen Knochen in meinem Körper hätte ...

Ich habe wirklich nur nach guten (hoffentlich freien) Orten gesucht, die dabei helfen würden.Werde mir 99designs ansehen.

Wenn Sie etwas Webbasiertes machen möchten, schauen Sie sich die Referenzen an dieser Thread.

Ich verwende Websites wie diese gerne für einige vollständige Website-Teile, die ich bei der Erstellung meines eigenen Designs zusammenstelle.Achten Sie nur darauf, den Kredit dort aufzubewahren, wo der Kredit fällig ist.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top