Dies sind Tipps zur Verbesserung der Benutzeroberfläche Ihrer Projekte OHNE stundenlange Benutzererfahrung, Papier-Prototyping oder andere Schlagworte.

(Im Ernst, suchen Sie nach „Design Thinking“. 100.500 Ergebnisse!)

Für wen ist dieser Artikel?

Entwickler Sie haben Ihre eigene Anwendung erstellt, aber jeder Benutzer wird damit gequält. Und Sie wissen: Wenn sie Ihnen dies persönlich sagen, ist die Sache wirklich schlecht.
Grafikdesigner . Das Studium von UX in Artikeln im Internet ist eine sehr schmerzhafte Art zu sterben.
Projektmanager . Sie sind bereits ein Viertel UX Designer. Es wäre schön, den Rest der Fähigkeiten zu lernen.
Und die anderen Gauner . Jeder, der abends und am Wochenende seine Projekte überhäuft. Sie werden auch nützlich sein.

Wenn Sie bereits ein UX-Designer sind, ist es unwahrscheinlich, dass der Artikel hervorragend zu Ihnen passt. Ich habe ganze Bereiche übersprungen, um mich voll und ganz auf die Hauptkompetenz zu konzentrieren , die neuen UX-Designern (oder Leuten aus verwandten Bereichen, die dies tun müssen) fehlt .

Diese Fähigkeit besteht darin, "die Sprache der Benutzeroberfläche zu verstehen".

Zu Beginn meiner Karriere war ich beeindruckt, wie oft Kunden erste Entwürfe (oder lebende, funktionierende Prototypen) mit völlig offensichtlichen UX-Fehlern bestanden haben . Ich spreche nicht von Fehlern, die nach einem langen A / B-Test identifiziert werden können. Ich spreche von einfachen, dümmsten Fehlern.

Mangels eines besseren Beispiels:

Irgendwo gibt es eine Gruppe von Entwicklern, die HTML kennen, aber den Unterschied zwischen einem Optionsfeld und einem Kontrollkästchen nicht kennen

Meine Kunden sind nicht so schlecht, aber verdammt, Sie müssen nicht sieben Felder in Ihrer Stirn haben, um zu verstehen: Wenn Sie EIN Element aus der Liste auswählen können, benötigen Sie SCHALTER, keine Flags. Um dies zu verstehen, müssen Sie nur die Sprache der Benutzeroberfläche kennen. Und für mich ist es das Verrückteste. Die fließende Benutzeroberfläche steht allen zur Verfügung . Sie brauchen kein College, brauchen keine Kurse und so weiter.

Um ehrlich zu sein, brauchen Sie nur die Anwesenheit des Geistes, um (A) anzuhalten und nachzudenken, wenn eine Anwendung Sie in Verlegenheit bringt oder nervt, (B) zu verbalisieren, was Sie in der Benutzeroberfläche stört / nervt, und dann (C) herauszufinden, wie Sie dies vermeiden können spezifischer Fehler in Ihren eigenen Projekten.

Wiederholen Sie diesen Vorgang ständig - und werden Sie in kürzester Zeit zum Profi.

Heute möchte ich über vier kleine Regeln sprechen, die helfen, diese Schwachstellen in Ihren eigenen Projekten zu beseitigen. Diese Heuristiken sind ein bis zwei Ebenen tiefer als "Schalter verwenden, wenn der Benutzer nur ein Element auswählen kann". Wenn Sie sich jedoch an die Anforderungen dieser Liste halten, werden Ihre Projekte von Anfang an viel einfacher zu verwenden sein, wodurch Zeit für andere, wichtigere Dinge frei wird.

(Hören Sie sich gleich die Vorträge anderer UX-Designer über die neuesten Methoden der akademischen Benutzerforschung an!)

Folgendes behandeln wir:

Keine Fragen? Dann mach weiter.

1. Das Gesetz der Lokalität

Platzieren Sie Schnittstellenelemente dort, wo sie Änderungen verursachen.

Wenn alle anderen Dinge gleich sind, sollten die Schnittstellenelemente neben dem Ort platziert werden, an dem die Änderung erfolgt . Denn wenn der Benutzer Änderungen am System vornehmen möchte, schaut er unwillkürlich auf den Ort, an dem diese Änderungen auftreten werden .

Angenommen, Sie haben eine Liste mit Elementen. Wo soll die Schaltfläche "NEUEN ARTIKEL HINZUFÜGEN" platziert werden?

Frage: Nun, wo ist die Änderung ?

Antwort: Am Ende der Liste.

Ok, setzen Sie eine Schaltfläche am Ende der Liste.

WARTEN. Sie finden das ziemlich einfach. Aber es gibt eine Versuchung.

Die Versuchung besteht einfach darin, es dort zu platzieren, wo freier Speicherplatz vorhanden ist.

Wenn Sie beispielsweise ein Menü haben, denken Sie vielleicht: „Wir haben ein Menü! Warum nicht einfach auf die Speisekarte setzen? “

Verletzung des Ortsgesetzes in der Musikschnittstelle

Die Antwort liegt auf der Hand: weil dort niemand nach ihr suchen wird.

(Und die vollständige Antwort lautet: Wenn Sie die Elemente einfach an freien Stellen platzieren, ist die Anwendung für die Verwendung durch das Chaos ungeeignet, vor dem die Leute so schnell wie möglich davonlaufen.)

Denken Sie, ich scherze? Schon mal diese Schnittstelle getroffen?

Verstoß gegen das Lokalitätsgesetz in der Evernote-Schnittstelle

Eine ebenso schlechte und weit verbreitete Alternative besteht darin, einfach die Entscheidung zu treffen, die Sie bei der Dear Technical Company gesehen haben, ohne darüber nachzudenken, ob dies für Sie sinnvoll ist . "Benötigen Sie eine Schaltfläche" Hinzufügen "? Keine Frage. Ich habe einen solchen Knopf gesehen. Halt das Bier! "

Schau mal rein. Eine weitere Schaltfläche, nach der Benutzer niemals suchen werden . Im Allgemeinen werden sie vermuten, dass diese Schaltfläche dem großen leeren weißen Bereich etwas Neues hinzufügt. Weil sie dort ist.

Ihre Benutzer möchten, dass Sie das Gesetz der örtlichen Gegebenheiten befolgen.

Also jetzt lass es uns benutzen.

Bam.

Vielleicht sind Sie ein geborener UX-Designer und stellen sich immer visuell vor, was passieren wird, wenn Tausende von Elementen anstelle von fünf vorhanden sind , und Sie verstehen, dass es ein Problem geben wird. Wenn der Benutzer eine Menge Wiedergabelisten erstellt, wird die Schaltfläche um Hunderte von Pixeln nach unten verschoben!

Daher ist es möglicherweise besser, die Schaltfläche am Ende der Liste so anzuheften , dass sie unabhängig von der Anzahl der Wiedergabelisten immer sichtbar ist.

Genial! Genau das hat Spotify getan.

Für einen Bonus (1) verwenden Sie die eingebaute Schaltfläche, bis sie nicht mehr auf dem Bildschirm angezeigt wird, und wechseln Sie in diesem Moment zum angehefteten Element. (2) Machen Sie sie sichtbarer als die Spotify-Schaltfläche, die ich persönlich nur wenige Monate später bemerkte, indem Sie hilflos mit der rechten Maustaste klicken Klicken Sie hier, um einzelne Songs zu Wiedergabelisten hinzuzufügen!

Eine andere Möglichkeit besteht darin, zu bestätigen, dass wir die Schaltfläche am Ende der Liste nicht zuverlässig und konsistent anzeigen können. Wo ist der nächstgelegene geeignete Ort für sie?

Und die Antwort (ich denke ziemlich offensichtlich) steht ganz oben auf der Liste .

Das ist mein Wunsch

Verdammt! Genau das hat Rdio, der Spotify-Konkurrent, getan, bevor Pandora es gekauft hat.

Rekonstruktion aus dem Gedächtnis (wie die ganze Realität, wenn Sie darüber nachdenken)

Die Schlussfolgerung ist klar. Verkaufen Sie niemals Ihr Unternehmen und befolgen Sie immer das Gesetz der örtlichen Gegebenheiten.

(Tatsächlich gibt es drei Lokalitätsgesetze, und „UI-Elemente dort zu platzieren, wo sie Änderungen beeinflussen“ ist nur das erste. Wenn Sie interessiert sind, lesen Sie hier ).

Nächster!

2. Alles andere als Dropdown-Listen

Denken Sie jedes Mal, wenn Sie versucht sind, die Dropdown-Liste zu verwenden, an alle möglichen Alternativen.

Eine nicht offensichtliche Lektion im UX-Design ist, dass Dropdown-Listen normalerweise die schlechteste Option sind .

Willkommen in der Hölle!

Sie sind nicht immer schlecht, aber die folgenden Faktoren spielen gegen Sie:

Dropdown-Listen erfordern zu viele Klicks / Klicks . Eine zum Öffnen, mehrere zum Scrollen zur gewünschten Option (auf dem Mobiltelefon), eine andere zum Auswählen der richtigen Option und (auf dem Mobiltelefon) zum Schließen der letzten Option (vergleiche mit einem Klick , um aus den aufgelisteten Optionen auszuwählen).
Dropdown-Listen zeigen keine Optionen ! Um sie anzuzeigen, müssen Sie zuerst auf die Liste klicken. Auf dem Mobiltelefon wird häufig nicht die gesamte Liste gleichzeitig angezeigt.
In langen Dropdown-Listen ist die Navigation schwierig . Die Dropdown-Liste der Länder kann mehr als 195 Elemente enthalten. Irgendwann ist fast jede andere Version der Benutzeroberfläche schneller als das Scrollen durch die Dropdown-Liste.

Es ist ganz einfach. Schauen wir uns also die wichtigsten Alternativen zur Dropdown-Liste an.

Wenn Sie zwischen zwei Optionen wählen können ...

Wir haben einige fantastische Möglichkeiten, eine von zwei Optionen zu wählen. Alle von ihnen (a) zeigen sofort Optionen und (b) erfordern weniger Klicks / Klicks.

Versuchen Sie bei Fragen, für die keine Standardantwort vorliegt, die segmentierte Schaltfläche .

Wenn es einen Standardstatus gibt, der mit "AUS" übereinstimmt, aktivieren Sie das Kontrollkästchen . Dies ist auch für Einstellungen geeignet, die die Änderung erst beeinflussen, wenn der Benutzer auf "Speichern" oder "Senden" klickt .

Der Schalter funktioniert ähnlich: Er eignet sich für Änderungen, die sofort angewendet werden sollten.

Flags und Switches sind nur dann sinnvoll , wenn zwei Optionen zur Verfügung stehen. Die folgenden Elemente sind nützlich, wenn die Anzahl der Optionen zwischen zwei und etwa fünf liegt, sodass Sie einige davon ausprobieren können.

Wenn Sie zwischen 2-5 Optionen wählen können ...

Oben haben wir uns segmentierte Schaltflächen angesehen (hier werden sie auch verwendet). Es ist erwähnenswert, dass vertikal segmentierte Schaltflächen mit mehr Optionen eine größere Flexibilität entlang der Textlänge bieten.

Schalter (Optionsfelder) funktionieren auf ähnliche Weise, sind jedoch besonders nützlich für die Anzeige von Unterelementen jeder Wahl.

Für die detaillierte Anzeige mehrerer Optionen sind Karten gut geeignet.

Ich mag den Trick, visuelle Optionen buchstäblich anzuzeigen, keine Liste.

Anscheinend mag Tesla es auch.

Wenn Sie zwischen vielen Optionen wählen können ...

Wenn es viele Optionen gibt und das Scrollen ärgerlich ist, sollten Sie die Vervollständigung des Typeahead- Typs in Betracht ziehen . Es sieht aus wie eine Suchleiste, die die besten Ergebnisse bei der Eingabe von Zeichen anzeigt.

Wenn Sie ein Datum wählen ...

Für ein Datum sind Dropdown-Listen am schlechtesten. Wenn ich das jemals mache, habe ich als UX-Designer wirklich versagt.

Welche Alternative? Nun, es hängt von den Umständen ab. Erste Frage: Welche Art von Datum wählen Sie ?

Poisson Daten . Zuerst wahrscheinlichere Daten und dann in der Liste weniger wahrscheinliche Daten. Zum Beispiel das Datum eines geplanten Meetings oder Fluges.
Termine mit hoher Volatilität . Daten, die über einen weiten Zeitraum ungefähr die gleiche Wahrscheinlichkeit haben . Zum Beispiel ein Geburtstag.

(Ja, ich habe "Poisson Dates" zu Ehren der mathematischen Verteilung genannt :-)

Verschiedene Arten von Steuerungen sind für verschiedene Arten geeignet.

Für die Poisson-Daten möchten wir so viel wie möglich tun, um die Auswahl der Daten im wahrscheinlichsten Bereich zu vereinfachen (für die Planung eines Meetings kann es beispielsweise die nächsten 14 Tage sein). Es ist völlig normal, ein Datum außerhalb dieses Bereichs auszuwählen, was etwas schwieriger ist.

Die Kalendersteuerung erfüllt diese Anforderungen für Poisson-Daten vollständig. Wenn Sie wissen, dass das Datum höchstwahrscheinlich innerhalb der nächsten 2 bis 4 Wochen liegt, sind Sie in Schokolade.

Ganz kreativ bietet Google Flights standardmäßig einen Flug in etwa zwei Wochen an, was manchmal zu Verwirrung führt („Ich habe das nicht gewählt!“). Dies ist jedoch wahrscheinlich die wahrscheinlichste Wahl für die Poisson-Distribution.

Das Datumstextfeld ist wahrscheinlich die beste Option für Daten mit hoher Variabilität, wobei (A) es keinen Grund gibt, ein Datum einem anderen vorzuziehen, d. H. (B) alle Optionen sind gleich schwer zu wählen.

Denken Sie daran, dass die Eingabe [Typ = Datum] Ihr Freund ist ... zumindest auf dem Desktop

Wenn Sie eine Nummer wählen ...

Zahlen gibt es in vielen Formen. Höchstwahrscheinlich werden Sie versucht sein, eine Dropdown-Liste für die Menge von etwas zu erstellen: Tickets, Personen, Zimmer usw.

Wie oft brauchst du 1 Ticket? Sehr oft .

Wie oft brauchen Sie 10 Tickets? Nicht zu viel .

Wie oft benötigen Sie 10.000 Tickets? Ist das eine Art grausamer Witz?

Hier beschäftigen wir uns wieder mit der Poisson-Verteilung und müssen ein Steuerelement verwenden, das auf niedrigere Zahlen verschoben ist: zum Beispiel einen Stepper .

Für Nummern in einem weiten Bereich (z. B. Sozialversicherungsnummern) wollten Sie die Dropdown-Liste immer noch nicht verwenden ... Ich hoffe .

Kann ich zumindest irgendwo Dropdown-Listen verwenden?

Natürlich.

Denken Sie daran, dass sie gut funktionieren, wenn ...

Benutzer müssen den Standardwert selten ändern.
Es gibt nur sehr wenige Möglichkeiten . Im iOS-Steuerelement sind beispielsweise standardmäßig nur drei Optionen sichtbar.
Der Benutzer befindet sich nicht auf dem Mobiltelefon (auf dem Desktop werden viele dieser Probleme behoben).

Der vielleicht aufmerksamste unter Ihnen hat bemerkt, dass es in der Google Flights-Oberfläche, die ich oben gelobt habe, tatsächlich drei auffällige Dropdown-Listen gibt !

Was bemerkenswert ist, in der mobilen Oberfläche gibt es keine Dropdown-Liste von "Economy"

Sie haben hier wirklich gute Arbeit geleistet. Potenzielle Usability-Probleme werden schnell durch Folgendes gemindert:

Spezielle Bedienelemente , die beim Drücken alle Parameter anzeigen (auch auf einem Mobiltelefon) und vier Dropdown-Listen (Erwachsene, Kinder, Babys auf dem Sitz, Babys in den Armen) durch vier Stepper in einer Dropdown-Liste ersetzen.
Entfernen der Dropdown-Liste "Economy" in der mobilen Benutzeroberfläche
Nur wenige Optionen und intelligente Standardeinstellungen für jeden Artikel

Okay. Gehen wir weiter.

3. Schielentest

Wenn Sie blinzeln, sollte das Wichtigste das erste sein, das auffällt, und das am wenigsten wichtige Element - das Letzte.

Sicherheitsfrage: Was sollte ein Benutzer tun, um diese Seite zu verwenden ?

(Hinweis: Ich habe es herausgeplatzt, also folge meinen Instinkten, aber ich kann einen Hinweis geben: Dies ist das Dateneingabeformular.)

Ich würde zwei Dinge vorschlagen:

Setzen Sie alle relevanten Kontrollkästchen (??) in den gelben Bereich
Klicken Sie auf die blaue Schaltfläche Senden

Das hast du auch gedacht?

Fehler und Irrtum.

"Flags" sind eigentlich sehr kleine Felder zur Eingabe von Textdaten (wenn Sie den vorherigen Abschnitt lesen, wissen Sie, dass es Stepper geben sollte).
Das Wichtigste („Optionen suchen“ - dies ist übrigens eine sehr verwirrende Art, „Senden“ zu sagen) ist eine graue und unauffällige Schaltfläche. Eine viel weniger wichtige Sache („Hilfe“) ist direkt daneben, aber größer und sichtbarer.

Der Schielentest besagt, dass das Wichtigste das Auffälligste sein sollte . Was ist hier das Wichtigste? Dies ist ein Textfeld (oder ein Stepper;) und eine Schaltfläche "Senden".

Wenn Sie weiter gehen, ist die nächste Seite noch schlimmer.

Was werden Sie drücken: die graue Taste links oder die gleiche graue Taste rechts ?

Ich hoffe du hast den linken gewählt!

In Eile auf diesem Formular habe ich zuerst auf die Schaltfläche Hilfe geklickt. Autsch. Bei der zweiten Eingabe habe ich auf "Zurück" geklickt und sogar die Namen beider Schaltflächen fließend gescannt, da auf 99.999% der anderen Websites (mit der Richtung des Buchstabens von links nach rechts) die Schaltfläche "Zurück" immer links bleibt

Auch hier kann ich nicht sagen, was wichtig ist, wenn Sie die Augen zusammenknicken.

Wie das Gesetz der Lokalität und der Ausschluss von Dropdown-Listen ist der Schielentest ziemlich einfach. Schemakorrektur in 30 Sekunden.

In einer echten Neugestaltung möchte ich eine Auswahl der Anzahl der Tickets auf die gleiche Seite setzen. Aber dies ist ein anderes Gesetz für eine andere Zeit

Funktioniert es

Sag es selbst. Vier Schalter und eine Taste. Und ein kleiner Link unten.

Ich versuche nicht, die AlaskaTrain.com- Website zu bemängeln . Dies ist häufig der Fall .

Hier ist der Anmeldebildschirm für mein bevorzugtes soziales Netzwerk, basierend auf Foursquare-Empfehlungen (natürlich gut gesehen).

Wie sende ich die eingegebenen Daten tatsächlich (das Wichtigste)?

Hinweis: Die Schaltfläche ist hinter dem Klartext in der oberen rechten Ecke versteckt.

Aber Foursquare folgt hier einfach den Designstandards von Apple. Leider wird selbst unter Branchenführern häufig eine Verletzung des Schielentests festgestellt.

Eine Möglichkeit, das Hauptelement auf einer Seite zu identifizieren, besteht darin, zu berücksichtigen, wie viele Seitenaufrufe eine bestimmte Aktion enthalten. Hier sind die relevanten Indikatoren des Anki-Programms (ein Programm zum Speichern von Wörtern, Ausdrücken und anderen Informationen unter Verwendung von Intervallwiederholungen - ca. Per.).

Für alle hundert Karten, die ich mir angesehen habe, gehe ich zu ...

Antwort anzeigen (ca. 95 mal)
Zurück zur Kartenliste (zweimal)
Füge Karten hinzu (zweimal)
Einige andere Funktionen (sehr selten)

Eine solche Analyse deutet wirklich darauf hin, welche Schnittstelle hier besser funktioniert.

Betonen Sie die am häufigsten verwendeten Funktionen (in erster Näherung entspricht die "am häufigsten verwendete" der "wichtigsten").
Lösen, verbergen oder entfernen Sie weniger verwendete Funktionen

Dies ist jedoch nur der Anfang (zum Beispiel möchte ich sehen, ob Benutzer verstehen, dass eine Schaltfläche mit einem Plus ohne Signatur Karten hinzufügt ). Mit nur wenigen einfachen Heuristiken haben wir die unübersichtliche, verwirrende Oberfläche von zehn UI-Elementen auf nur fünf reduziert. Dies ... überprüfe hier meine Berechnungen ... halb so viel.

Weitere Informationen zum Schielentest finden Sie in meinem Video , in dem die Neugestaltung der Webanwendung Timezon.es demonstriert wird. Wenn Sie keine zehn Minuten Zeit haben, finden Sie hier einen illustrierten Blog-Artikel mit derselben schrittweisen Neugestaltung.

4. Fallstudien

Wenn Sie Benutzer mit neuen Konzepten vertraut machen, sagen einige Beispiele mehr als tausend Worte, die die Leute immer noch nicht lesen.

Wir haben eine seltsame Tendenz zu versuchen, alles in Worten zu erklären, wenn die Beispiele viel klarer sind.

Nehmen Sie das neue Startup Teeming.ai, das mich kürzlich kontaktiert hat, um mich über das Design der Hauptseite zu informieren. Überschriften auf dieser Seite:

"Teeming beseitigt die Isolation bei der Fernarbeit"
"Teeming hilft bei der Remote- Teambildung", es heißt auch " lernen, Probleme lösen, Spaß haben und sich gegenseitig motivieren ".
"Teeming und Video für synchrone [Kommunikation] "
"Funktioniert mit all Ihren Lieblingsvideoplattformen "

Aber hier ist die Frage. Was macht das Wimmeln wirklich?

Schwer zu sagen. Es ist klar, dass dies irgendwie mit ... positiv für Fernarbeiter zusammenhängt ? Ich habe jedoch keine konkreten Ideen, wie mir dies persönlich helfen kann. Daher werde ich diesen Service nicht ausprobieren, empfehlen usw.

(Sorry, Teeming, weißt du, ich liebe dich).

Schauen Sie sich als nächstes IFTTT an . Vielleicht wissen Sie bereits, was sie tun - tun Sie dann so, als ob Sie es nicht wissen , und versuchen Sie, dies anhand der Überschriften auf der Hauptseite zu verstehen:

Beleuchten Sie automatisch die Straße für einen Mann mit Pizzaboten (Dominoes + Hue)
Veröffentlichen Sie Ihre Fotos überall und sehen Sie sie überall (Instagram + Twitter)
Machen Sie Ihren Sprachassistenten persönlicher (Google Assistant + iOS-Kalender)

Sie müssen nicht viele Beispiele auflisten, um ein ziemlich klares Bild zu zeichnen: IFTTT verbindet Anwendungen miteinander, um das zu tun, was sie nicht separat können .

Das Verrückte ist, dass sie es auf der Hauptseite zuerst mit dem Text erklären:

IFTTT hilft Ihren Anwendungen und Geräten, auf neue Weise zusammenzuarbeiten. IFTTT ist eine kostenlose Möglichkeit, alle Anwendungen und Geräte miteinander zu kommunizieren. Nicht alles im Internet funktioniert gut, daher ist es unsere Mission, eine vernetztere Welt aufzubauen.

Bliiin.

Frage: Was erklärt die Idee der Anwendung besser ? Beispiele oder Beschreibung?

Ich denke die Beispiele . Die Beschreibung ist nur dann völlig klar, wenn ich einige Beispiele sehe, wie mir dies helfen kann.

Beispiele werden aber nicht nur auf der Landingpage benötigt. Dies sehen wir, wenn wir das Basecamp- Projektmanagement- Tool zum ersten Mal aufrufen .

Anstelle einer vollständig leeren Seite sehen Sie zwei klar vorbereitete Projekte , die anhand von Beispielen die Funktionsweise der gesamten Anwendung erläutern (und eine Vorstellung davon geben, wie das System aussehen wird, wenn Sie es eine Weile verwenden).

Im Ernst, ich kann gefälschte Chats von gefälschten Benutzern lesen , die gefälschte Dateidownloads und gefälschte Aufgaben im Scheduler diskutieren .

Gibt es überhaupt einen freundlichen ... Berg? ... was besagt, dass ich mir ein zweiminütiges Erklärvideo zu diesem Tutorial ansehen kann.

Und danke, Herr Gora, für die Anleitung: Demovideos sind eine weitere Möglichkeit, anhand von Beispielen zu lernen ! Beispiele zeigen , wie meine Entwürfe und das Video zeigt aussehen wird , wie man die verwenden Software.

Genial.

Wenn Ihre Anwendung Benutzern etwas zum Erstellen bietet, ist eine Demo eine gute Möglichkeit, die Möglichkeiten anhand eines Beispiels aufzuzeigen.

Großartige Procreate Drawing-Anwendung gewann den Apple Design Award, die Wahl des Herausgebers im App Store und im App Store Essential, und John Gruber nannte ihn „bahnbrechend“ usw. - aber keine Auszeichnungen erfreuen so viel wie Beispiele aus der Praxis der in diesem Editor erstellten Arbeit.

Dies ist keine gewöhnliche

Wow- Zeichen-App .

Dies ist kein MS Paint.

Demonstration ist ein leistungsstarkes Tool , um die Funktionen Ihrer Anwendung zu verstehen.

Wenn Ihre Anwendung also etwas Neues und Unbekanntes tut oder sich auf neue und unbekannte Konzepte stützt, sollten Sie lernen, wie Sie anhand von Beispielen lernen . Wenn Benutzer diese Anwendung noch nicht gesehen haben, müssen Sie sofort die Frage stellen: Wie kann ein Beispiel angegeben werden, um es klarer zu machen?

Kurz gesagt, meine bevorzugten Möglichkeiten, dies zu tun, sind:

Zeigen Sie auf jeder Seite, die versucht, dem Benutzer eine Funktion / Anwendung usw. anzubieten, Beispiele dafür, was mit diesem Tool getan werden kann.
Verwenden Sie die Bootstrap-Methode, zeigen Sie Beispieldaten und ein Beispiel dafür, wie eine ordnungsgemäß funktionierende Anwendung aussehen wird.
Betten Sie Hintergrundinformationen (wie Artikel, Videos oder Tipps) zusammen mit Verwendungsbeispielen strategisch ein.
Können Sie mit Ihrer Anwendung etwas Kreatives erstellen? Zeigen Sie eine Galerie mit Werken, um die Fantasie anzuregen.

Macht es Sinn? Komm schon und runde ab.

Vier Regeln für intuitive UX