it-swarm.com.de

Wie zeigen Sie Nicht-Erschwinglichkeit?

Es gibt eine Tendenz, Ausweise oder Statusbilder zu verwenden, um Informationen anzuzeigen, aber sehr oft sehen diese Ausweise wie andere Elemente aus, mit denen Sie interagieren, z. B. Schaltflächen.

Es gibt viele Informationen über die Leistung und wie man sie anzeigt, aber was ist mit wie man die Nichtleistung zeigt?

Hintergrund: Ich arbeite an einer mobilen App, bei der der Status eines Elements (denken Sie an die Liste der Apps im AppStore) als inaktiv angezeigt werden muss. Die eleganteste Art, dies zu tun, scheint die Verwendung eines Statussymbols zu sein, aber einige Leute versuchen, mit dem Symbol zu interagieren. Ich suche nach Wegen, um klar zu machen, dass es nichts ist, mit dem man interagieren kann. Die Frage wäre jedoch für andere Menschen nützlicher, wenn die Antworten allgemein gehalten würden.

8
JohnGB

Es gibt zwei Möglichkeiten, dieses Problem zu betrachten. Man schlägt vor, dass Sie Objekte erstellen, ohne sich Interaktion zu leisten. Der andere schlägt vor, dass Sie dem Benutzer aktiv implizieren, dass ein Objekt nicht interaktiv ist.

Um die erste zu erfüllen, wird die Methode einfach angegeben: Vermeiden Sie Techniken, die normalerweise verwendet werden, um eine Interaktion mit einem Element zu ermöglichen . Was Sie hier tun, ist nicht das Hinzufügen der verschiedenen Design-Hinweise wie Schattierung, OnHover-Status, Kontrastfarben usw.

Das einzige Element, dem fast jeder zustimmen kann, ist normalerweise nicht interaktiv, ungefärbter Klartext. Das einfache (oder fehlende) Styling solcher Elemente bedeutet, dass sie nicht auffallen. Benutzer haben auch ein mentales Modell des Internets (aufgebaut aus allgemeinen Webpraktiken), das darauf hindeutet, dass einfacher Text normalerweise nichts tut. Wenn Sie beispielsweise Statusmeldungen haben, können Sie diese im Klartext rendern und ihnen keine wesentlichen Stile oder Animationen geben. Wenn Sie sie auf diese Weise präsentieren, leisten Sie sich keine Aktion mit ihnen.

Verschiedene andere Attribute von Vergünstigungen können vermieden werden - funky Farben, Schatten, Animationen, OnHover-Effekte, Rahmen, die wie Schaltflächen aussehen, Mauszeigeränderungen. Wenn Sie ein Element einfach halten, haben Benutzer weniger Grund zu der Annahme, dass es eine Aktion bietet.

Eine andere Technik besteht darin, etwas zu präsentieren, das offensichtlicher eine interaktive Komponente ist. Wenn Sie eine Statusmeldung anzeigen, können Sie möglicherweise ein Steuerelement hinzufügen, das die Nachricht verbirgt oder eine andere Aktion ausführt. Da die Erschwinglichkeit viel offensichtlicher ist, ist es wahrscheinlicher, dass der Benutzer bevorzugt darauf reagiert. Dies ist das gleiche Prinzip, das vorschlägt, der Aktion, die ein Benutzer ausführen soll, mehr visuelles Gewicht zu verleihen, wenn ihm mehrere Auswahlmöglichkeiten angeboten werden.

Die zweite zu befriedigen ist schwieriger, aber es gibt Beispiele. Es gibt eine Reihe von Hinweisen, die aktiv darauf hinweisen, dass eine Komponente inaktiv ist . Auf diese Weise verlassen Sie sich auf die Erinnerungen des Benutzers, ähnliche Elemente in einem inaktiven Zustand gefunden zu haben.

Inaktive Elemente scheinen vom Design zurückzutreten oder sich in das Design einzufügen. Ein häufiges Beispiel hierfür sind ausgegraute Symbole oder Text (oder allgemeiner Elemente mit einem geringeren Kontrast als aktive Elemente). Ihnen werden auch die verschiedenen anderen Vorteile fehlen, die aktive Gegenstände haben.

Insbesondere Symbole oder Abzeichen können so mit dem umgebenden Inhalt verschmelzen, dass sie nicht wie ein in sich geschlossenes Objekt aussehen. Schaltflächen sind einfach zu drücken und leisten sich das Drücken weitgehend, weil sie enthalten sind. Vermeiden Sie die Eindämmung, und Benutzer haben erheblich weniger Möglichkeiten, mit dem Symbol zu interagieren. Versuchen Sie zum Beispiel Folgendes:

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Es gibt einige andere Methoden, aber diese sind im Großen und Ganzen die häufigsten, die direkt darauf hinweisen, dass etwas inaktiv ist.

Und schließlich lohnt es sich natürlich, andere Lösungen für das tiefere Problem zu untersuchen . Wie andere vorgeschlagen haben, kann die Nutzung des Vorteils zu Ihrem Vorteil und das Hinzufügen von Funktionen eine Lösung sein, ebenso wie das einfache Entfernen der Symbole selbst, wenn ihre Anwesenheit mehr Probleme verursacht als sie löst.

3
dhmstark

Ich denke, Sie müssen sich Ihre Website ansehen und sehen, wie die Erschwinglichkeit derzeit angezeigt wird. Werden Ihre Schaltflächen als erhöht angezeigt, haben Sie Mouseover-Status und so weiter? Mich würde auch interessieren, woher Sie wissen, dass Ihre Benutzer versuchen, mit dem Symbol zu interagieren. Wenn Sie dies beobachten, können Sie sie fragen, warum? Gibt es eine Möglichkeit, dies zu Ihrem Vorteil zu nutzen? Können Sie die Benutzeroberfläche verbessern, indem Sie das Symbol zu einem interaktiven Element machen?

3
Peter

Ich denke, Sie haben mit dieser Aussage den Nagel auf den Kopf getroffen:

Dies ist eine mobile App. Sehen Sie sich also ein allgemeines Beispiel in Android an, bei dem ein einfaches flaches Symbol als "Schaltfläche" verwendet wird.

Das Problem ist möglicherweise nicht die mangelnde Erschwinglichkeit dieses Artikels. Es könnte sein, dass Gegenstände, die sich etwas leisten sollten, dies nicht tun. Sie sollten nicht nur die Erschwinglichkeit von diesem Element entfernen, sondern auch die Erschwinglichkeit für umsetzbare Elemente in der Benutzeroberfläche erhöhen.

Die Klickleistung kann durch Ändern solcher Dinge beeinflusst werden.

  • Farbe - Lebendigkeit, Klarheit, Kontrast
  • Opacity
  • Effekte - Glanz, Anlaufen, Reflexion
  • Mut
  • Bewegung - Frequenz, Abdeckung, Delta
  • Grenzen
  • Hintergründe
  • Höhe/Tiefe - geprägt, flach, erhöht, Schatten
  • Einzigartigkeit - Gegenstände, die sich von anderen unterscheiden, sind nicht umsetzbar.
  • Layering - Überlappen von nicht umsetzbaren Elementen mit umsetzbaren Elementen.
  • Platzierung - Nähe zu anderen umsetzbaren Gegenständen.
  • Bild - Push Pin, Check, Radio, Bleistift
2
Leigh Riffel

Ich benutze kein Android, sondern "grau" (= geringer Kontrast, wie der vorherige Antwortende sagte)?

Ich wollte auch über das Spielen mit weniger tiefen Prägungen und kürzeren Schatten sprechen, aber wann immer ich das sage, muss ich mir das deaktivierte Kontrollkästchen-Widget in Android ansehen, an das ich mich als Benutzer immer erinnern muss "nein, Dies ist nicht deaktiviert: Dies ist ein nicht aktiviertes Kontrollkästchen "...

In den alten Schwarz-Weiß-Mac-Zeiten hatten wir diese gepunktete Vorstellung, indem wir jedes zweite Pixel aus dem Vordergrund entfernten.

Ich habe es jetzt ausprobiert, ich denke, es zeigt immer noch ziemlich gut Behinderung.

Es hängt jedoch von der PPI und dem eigenen Sehvermögen des Benutzers ab ... für mich funktioniert es, aber ich habe hier nicht viele verschiedene Android Geräte ...).

"dodging" (removing shadows, "dotting out", and blurring

Ich habe auch versucht, zu verwischen, aber das würde auf kleinen Bildschirmen nicht sehr gut funktionieren, denke ich.

(und hier ist ein Link für das Originalbild, nur um richtig zu sein, ich hoffe, es kann fair verwendet werden - ich meine, hey, es ist ein Screenshot der Einstellungen von Android ...)

0
Aadaam