Die Grundlagen von Great UX

Zum Nutzen von Software und Anwendungen überall ist UX ein immer wichtigerer Schritt im Lebenszyklus der Softwareentwicklung. Obwohl UX eine etwas schleichende Designebene ist, ist es nicht weniger wichtig. Es definiert durch die Art seines Namens die Erfahrung der Benutzer. Diese Erfahrung bestimmt, ob sie zurückkommen wollen oder nicht in die andere Richtung schreien wollen.

UX kann jeder tun. Das Problem ist, dass nicht jeder es gut kann. Ich kann das visuelle Design für eine Website übernehmen, aber ich garantiere Ihnen, dass es furchtbar und unprofessionell aussieht.

Wenn Sie nichts anderes über UX erfahren, bitte ich Sie, sich an diese beiden Dinge zu erinnern.

  1. Kennen Sie Ihren Benutzer.
  2. Sie sind nicht der Benutzer (in den meisten Fällen).

Wenn Sie Ihre Benutzerbasis, ihre Gewohnheiten und Tendenzen nicht kennen und warum sie bestimmte Aktionen ausführen oder nicht ausführen, kann nicht erwartet werden, dass sie eine gute Erfahrung für sie entwerfen. Auch wenn Sie Ihren Benutzern sehr ähnlich sind, denken Sie daran, dass Sie nur eine Person sind und die Eigenschaften Ihrer Benutzerbasis als Ganzes nicht definieren. Lernen Sie Ihre Benutzer kennen und gestalten Sie das Erlebnis mit Blick auf sie. Die Rolle eines UXers besteht darin, dieses Wissen zu haben, es ständig zu erweitern und dann im Hinblick auf diese Benutzer zu entwerfen, um erstaunliche Erlebnisse zu schaffen, die sie begeistern und erfüllen werden.

Sehen wir uns alle möglichen Schritte an, die ein UXer zur Definition der UX eines Produkts unternehmen kann. Diese Schritte schaffen den idealen Prozess. Diese Schritte können nicht immer in der realen Welt ausgeführt werden, aber wir müssen alle davon abdecken, damit Sie wissen, wann Sie bestimmte Schritte weglassen können und warum. Manchmal lässt man nicht unbedingt einen Schritt aus, sondern wird zu einem anderen Schritt verschmolzen oder durch eine Kombination aus Erfahrung, Wissen und Intuition ersetzt.

Bedarf

Anforderungserfassung ist einer der ersten Schritte beim Entwerfen der UX. In dieser Phase müssen Sie viele Fragen stellen. Viele Fragen können möglicherweise nicht sofort beantwortet werden, notieren Sie sich jedoch und bleiben Sie beharrlich. Es gibt verschiedene Arten von Anforderungen:

  1. Geschäftsanforderungen: Die Ziele und Bedürfnisse anderer Bereiche Ihres Unternehmens oder was zur Monetarisierung des Produkts erforderlich ist. Leider übertrumpft dies oft einige Dinge, die Sie vielleicht tun möchten. Es ist ein notwendiges Übel, wenn Ihr Produkt für ein reines Vergnügen kein Projekt ist.
  2. Design-Anforderungen: Manchmal gibt es spezielle Überlegungen oder Bedürfnisse, die erfüllt werden müssen.
  3. Technologieanforderungen: Möglicherweise gibt es einen bestimmten technologischen Bedarf (Plattform, Sprache usw.), den Sie beim Design berücksichtigen müssen. Was sind deine Einschränkungen??
  4. Benutzeranforderungen: Für wen ist dieses Produkt? Wer ist das Hauptpublikum? Gibt es ein Randpublikum und wenn ja, wer ist es? Deckt es Ihre gesamte Benutzerbasis ab oder unterstützt Sie eine Teilmenge??

Blockgebäude auf Photodune

Diese Anforderungen werden die Grundlage sein, die Ihr Design prägen wird. Ohne diese sind Ihre Designs ziellos.

Benutzeranalyse

Bevor wir für einen Benutzer entwerfen können, müssen wir unsere Benutzer kennen. Manchmal haben Sie bereits viel Wissen über sie. Manchmal kennen Sie nur eine Handvoll Annahmen über sie. Wenn Sie keine Kenntnisse über Ihre Benutzer haben, ist Ihr Design bestenfalls eine fundierte Vermutung. Benutzeranalyse ist notwendig, um die Bedürfnisse und Neigungen der Benutzer zu verstehen.


Kleine Benutzer auf Photodune

Sie müssen mindestens die folgenden Fragen stellen, um einen Überblick über Ihre Benutzerbasis zu erhalten:

  1. Für wen ist das? Demografie? Mag Abneigungen? Hobbys Besetzung?
  2. Was besondere Anforderungen repräsentieren sie Stellen sie ein bestimmtes Problem dar, das Sie lösen müssen? Passen sie zu einem bestimmten Geschäftsbedarf?
  3. Was Mentale Modelle von der Benutzerbasis müssen Sie berücksichtigen? Schwanken sie innerhalb von Subsets erheblich??
  4. Wann, warum, wie würden die Benutzer dieses Produkt verwenden?
  5. Was Bedenken hinsichtlich der Zugänglichkeit Müssen Sie in das Design aufnehmen?

Aufgabenanalyse

Nachdem wir unsere Benutzeranalyse abgeschlossen haben, müssen wir zur Aufgabenanalyse übergehen. Welche Hauptaktion müssen die Benutzer ausführen?? Es gibt viele Möglichkeiten, die jemand auf Ihrer Website oder Anwendung ausführen kann, aber es gibt immer eine Hauptaufgabe. Sie müssen herausfinden, was diese Aufgabe ist, und die UX für diese Aufgabe für die jeweilige Benutzerbasis optimieren, für die sie gedacht ist. Wir haben die Entwicklungsphase noch nicht erreicht, aber wir wissen jetzt, was wir entwerfen und für wen wir es entwerfen.


Notizen zu Photodune

Wir müssen auch alle sekundären Aufgaben bestimmen. Es gibt sehr wenige Sites / Anwendungen, bei denen Benutzer nur eine Sache ausführen können. Oft sind mehrere verwandte Aufgaben auszuführen. Informieren Sie sich über alle diese Bereiche, um die Breite Ihrer Ziele zu kennen.

Andere Dinge, die in der Aufgabenanalyse herauszufinden sind:

  • Welche Art von Hilfe / FAQ benötigen Sie??
  • Welche Fehlerzustände werden benötigt?
  • Was sind die Nebenfälle, die Ihre Benutzer präsentieren könnten??
  • Gibt es mehrere Methoden, die Ihre Benutzer ausführen können, um eine einzelne Aufgabe auszuführen??

Funktionszuordnung

Bei der Funktionszuordnung wird ermittelt, was mit allen Funktionen zu tun ist, die Sie für erforderlich erachten. Dies geschieht auf mehreren Ebenen.

  • Hast du mehrere Systeme und / oder Server? Welche werden am besten mit einer Funktion umgehen.
  • Was muss auf der Backend gegen das Frontend?
  • Welche Seiten sind am besten für eine bestimmte Funktion geeignet? (Kartensortierung funktioniert hier hervorragend.)
  • Was ist automatisiert (vom Computer gehandhabt) vs. Handbuch (vom Benutzer kontrolliert / gehandhabt)?

Gabel, Löffel und Messer auf der Photodune

Die Antworten auf diese Fragen können die Effizienz und Verwendbarkeit Ihres Produkts erheblich beeinflussen.

Skizzierung

Skizzieren. Viel. Es ist schnell Es ist billig. Es ist effektiv.

Durch das Skizzieren werden viele Ideen schnell auf Papier gebracht. Es hilft, gute Ideen zu formen und schlechte Ideen zu beseitigen. Sie können auf Skizzen sehr schnell iterieren. Die Investition ist gering für die Rendite.


Haus auf Photodune skizzieren

Kreativität ist auch der Schlüssel zu diesem Schritt. Mach ein paar verrückte Dinge von der Wand. Sie funktionieren möglicherweise nicht, aber sie könnten eine andere Idee anregen. Versuchen Sie, Ihre Skizzen erheblich zu variieren, um zu sehen, wie weit Sie eine Idee strecken können.

Stift / Stift + Papier = Eine Bank, aus der Sie zeichnen können, wenn Sie Ihre Entwürfe wirklich definieren.

Mittlere Wireframes

Jetzt sollten Sie zumindest eine Vorstellung davon haben, wohin Ihr Design gehen soll. Der erste Satz von Wireframes sollte eine Iteration in Ihren Skizzen sein und mit der Definition beginnen. Die Informationsarchitektur sollte beginnen. Hier geht es von einem Bündel lose zusammenhängender Konzepte und Informationen zu einer zusammenhängenden Dokumentation des Aussehens und der Funktionsweise des Produkts.

Prototypen

Es gibt viele verschiedene Prototypen, die Sie ausführen können. Diese können von einer sehr einfach anklickbaren PDF-Datei bis hin zu einer nahezu vollständig funktionierenden HTML / CSS-Website reichen. Es hängt wirklich davon ab, was Sie für Ihr Projekt benötigen und wie weit Sie damit gehen. Es gibt viele Tools, mit denen Sie Ihre Prototypen sehr schnell aufbauen können. Eine kleine Probe beinhaltet:

  • Adobe Edge-Werkzeuge
  • Omnigraffle
  • Adobe Fireworks
  • Stiftung
  • Bootstrap
  • Adobe Flash
  • Jeder Texteditor (iA Writer ist ziemlich cool)
  • Axure
  • iRise

Finden Sie heraus, welches Tool für Ihren Workflow und Ihre Wissensdatenbank geeignet ist, um herauszufinden, wo Sie schnell und effektiv Prototypen erstellen können. Prototypen sollten nicht lange dauern, aber sie sollten Ihr Design und Ihre Interaktionen effektiv kommunizieren.

Prototypen helfen, herauszufinden, wo in der Interaktion irgendwelche Verrückungen liegen und wie sich das anfühlt, wenn sich das Produkt tatsächlich in Bewegung befindet. Es kann helfen, einige Dinge aufzudecken, die statische Wireframes möglicherweise nicht vollständig aufdecken können.

High-Fidelity-Wireframes

Hier gehen Sie zurück und beginnen, die Wireframes mit hoher Genauigkeit zu gestalten. Fügen Sie alle Definitionen hinzu, die Sie benötigen. Behandle so viele Details wie möglich über das Layout und die Interaktion. Alles, was Sie der Interpretation überlassen, kann leicht in die entgegengesetzte Richtung gehen. Nehmen Sie nichts an.

Eine bessere visuelle Qualität kann erforderlich sein oder nicht. Die meiste Zeit sollte dies in der visuellen Designphase wirklich beachtet werden. Ich habe festgestellt, dass es oft besser ist, auf mehr Wireframe-basierte Visuals zurückzugreifen, um Verwechslungen mit den endgültigen Farben und den visuellen Designspezifikationen zu vermeiden. Ich verwende jedoch Farbe, wenn sie mit der Funktionalität zusammenhängt (z. B. rot für Fehlermeldungen)..

Usability-Tests

Dieser Schritt kann an jedem beliebigen Ort während des Entwurfsprozesses erfolgen. Es passt manchmal am Ende und manchmal mehr zu Beginn eines Projekts. Hier erhalten Sie jedoch aktuelles Benutzer-Feedback. Sie können Ihren Verdacht bestätigen. Sie können Ihre Gedanken auf den Kopf stellen. Dies ist jedoch wichtig, um ihre Gedanken zu kennen und wo ihre Probleme liegen.


Älterer Mann, der Computer auf Photodune verwendet

Sie entwerfen für den Benutzer. Dieses Feedback sollte Ihr Design oder Ihre Neugestaltung beeinflussen, um die während dieses Tests auftretenden Probleme zu beheben. Es ist unklug und eine absolute UX-Sünde, dieses Feedback zu ignorieren oder zu ignorieren, ohne echte Ausreißer.

Visuelles Design

Ich habe gesehen, dass viele UX-Prozesse dies als den Punkt betrachten, an dem sie ihre Dokumentation über den Zaun legen, die Daumen drücken und auf das Beste hoffen. Das sollte nicht der Fall sein! Ich arbeite sehr kollaborativ, auch wenn ich mit der eigentlichen UX fertig bin.

Ihre visuellen Designer sollten auch über die UX nachdenken. Wenn nicht, würde ich behaupten, dass sie ihre Arbeit nicht vollständig erledigen. Es ist großartig, Ihre Wireframes besser aussehen zu lassen, aber wenn sie eine Idee haben, die UX noch besser macht, seien Sie bereit zuzuhören und zu integrieren. Designer denken oft anders genug, um großartige Ideen und Verbesserungen anzuregen.

Entwicklung

Ebenso sollten Sie mit Entwicklern arbeiten. Dies ist möglicherweise nicht ganz so kollaborativ, aber in dieser Phase treten häufig Probleme auf, bei denen Sie die UX anpassen müssen. Dies hilft Ihnen auch, die technischen Einschränkungen für zukünftige Projekte zu verstehen. Ihre Entwickler werden viel glücklicher sein, um dieses Wissen zu erwerben, anstatt unmögliche Lösungen zu entwerfen.


HTML-Code auf Photodune

Testen Sie auch Ihre UX gegen das Endprodukt. Hier können Sie zu den Wireframes zurückkehren und sicherstellen, dass das, was Sie Ihren Kunden bieten, genau das ist, was Sie entworfen haben. Es ist nicht ungewöhnlich, dass etwas nicht passt und Sie sollten mit Ihren Entwicklern vertraut sein, um auf diese Probleme hinzuweisen. Letztendlich sind Sie für die Erfahrung Ihrer Benutzer verantwortlich, stellen Sie also sicher, dass sie das von Ihnen entworfene Produkt erhalten.

Fazit

Dies sind nur die Grundlagen, um großartige UX zusammenzustellen. Sie sind möglicherweise nicht in der Lage, alle diese Schritte auszuführen, müssen jedoch alle kennen, um zu wissen, wann Sie sie auslassen können.

Ich persönlich glaube, dass UX keine Formel ist. Es unterscheidet sich von Projekt zu Projekt und beruht auf einer Verschmelzung von Wissen, Erfahrung, Forschung und Intuition. In zukünftigen Artikeln werden wir weiter in bestimmte Bereiche eintauchen, aber wir brauchten zunächst eine Grundlage dafür, was ein UXer an einem bestimmten Arbeitstag macht. Die oben beschriebenen Schritte werden Sie auf dem Weg dahin bringen, zu wissen, wie Sie großartige UX für Produkte zusammenstellen, die Ihre Benutzer lieben werden.