Das Erlebnis gestalten: Was auf dem Knopf liegt
|
<br />Vor Kurzem hat UCDChina eine Artikelserie zum Thema „Achten Sie auf den Text auf der Benutzeroberfläche“ geschrieben, die mir bei der Verwendung von Text auf der Benutzeroberfläche sehr geholfen hat. Anschließend habe ich auch eine Zusammenfassung und Analyse zur Leistung des Inhalts auf der Schaltfläche erstellt, diese mit Ihnen geteilt und auf Ihre Korrekturen gehofft. 1. Machen Sie keinen Unterschied zwischen Schaltflächen und Links. ( Die hier aufgeführten Punkte sollen nicht die Ansichten anderer angreifen, sondern dienen lediglich als Referenz.) Viele befürworten die Unterscheidung zwischen Links und Schaltflächen. Hier gibt es bei Civic einen Artikel „Über Mausklickobjekte: Welche sollten Schaltflächen und welche Links sein?“. Chouyus „Funktionen und Leistung von Webseitenschaltflächen“ unterteilt Schaltflächen in zwei Kategorien: echte Schaltflächen und Pseudoschaltflächen. Tatsächlich kann die Aufgabe, unabhängig davon, ob es sich um eine Schaltfläche oder einen Link handelt, gemäß der Zielvorgabe des Benutzers ausgeführt werden. Der Link kann auch in eine Schaltfläche umgewandelt werden, um das Ziel des Benutzers hervorzuheben. Darüber hinaus ist es nicht immer möglich, die Funktionen von Schaltflächen und Links zu definieren. Wenn eine Schaltfläche so konzipiert ist, dass sie ein „funktionales Ereignis“ auslöst, ist dann ein Link, der eine neue Seite öffnet, auch ein funktionales Ereignis? Um die wichtigen Funktionen der aktuellen Seite hervorzuheben, damit Benutzer sie ausfüllen können, selbst wenn es sich nur um einen Link handelt, kann dies visuell und semantisch über Schaltflächen erreicht werden. Natürlich ist es nicht zu empfehlen, zu viele Schaltflächen auf einer Seite zu verwenden . Damit Benutzer beispielsweise auf der Produktseite von Taobao einfach die Quelle des aktuellen Produkts und andere relevante Informationen über den Ladenbesitzer finden können, wurde der vorherige Link in eine Schaltfläche geändert:  2. Was passiert, wenn ich klicke Derzeit ist der Textinhalt der Schaltflächen auf verschiedenen Websites nicht subjektiv gestaltet. Es wird alles verwendet, was einem in den Sinn kommt, ohne dass man sich groß Gedanken über den Text macht. Wie bereits erwähnt, können Links als Schaltflächen verwendet werden, manchmal handelt es sich jedoch auch um eine lange Textzeichenfolge, beispielsweise den Titel eines Artikels. Der Text auf der Schaltfläche muss kurz und verständlich sein, damit seine Bedeutung schnell erfasst werden kann. Schauen wir uns zum Vergleich einige Beispiele an:  A: Dies ist das Fenster, das die Antivirensoftware NOD32 anzeigt, wenn sie auf einen Virus stößt. Wenn Benutzer auf einen Virus stoßen, sind sie etwas ängstlich und vorsichtig. Sie möchten den Virus schnell fernhalten, sind sich aber nicht sicher, ob das System selbst bedroht ist. Wenn dieses Fenster erscheint, werden zwei Fragen zur Schaltfläche „Stopp“ gestellt. Wird durch Klicken auf diese Schaltfläche die Softwareblockierung gestoppt? Oder die Bedrohung durch das Virus stoppen?   B: Schauen Sie sich die Wörter auf diesen beiden Schaltflächen genau an. „Schreibe ein Tagebuch“ stammt aus dem QQ-Raum. Es hat ein Prädikat und ein Objekt. Natürlich ist das Subjekt der Benutzer „Ich“, und die Kombination lautet „Ich schreibe ein Tagebuch“; „Kaufen“ stammt von der Produktseite von Taobao, hat aber nur ein Prädikat (Aktion), und die Kombination, die vervollständigt werden kann, lautet „Ich kaufe das Produkt“. Aber sie alle haben ihre Aufgaben in ihren jeweiligen Positionen einwandfrei erfüllt. Warum? Ich werde es später zusammenfassen.  C: „Klicken zum Eintreten“ ist völlig überflüssig und erhöht nur die Zeit, die Benutzer auf die Schaltfläche verweilen. Normalerweise gilt also: Eine Schaltfläche sollte sich zusammen mit anderen Interaktionen und der Informationsorganisation auf der Seite gut zu einem vollständigen Satz kombinieren lassen: „Was passiert, wenn ich darauf klicke?“, und die drei Wörter „Ich klicke“ stehen zwischen mir und der Maus und müssen nicht auf der Webseite erscheinen . Daher ist das „Klicken zum Eingeben“ auf der Schaltfläche in Beispiel C überflüssig. Was genau richtig ist und warum das „Kaufen“ auf Taobao mit nur einem Prädikatsverb genau richtig sein kann, hängt mit der Seiteninteraktion zusammen. Meine Analyse ist, dass eine Reihe interaktiver Ereignisse auftritt, wenn der Benutzer und die Seite eine Aufgabe erledigen, und dieses Objekt kommt mit dieser Reihe von Ereignissen. Wenn hier ein weiteres Objekt hinzugefügt wird, entsteht die Mehrdeutigkeit, zum Anfang der Reihe zurückzukehren. Umgekehrt muss der Schaltfläche ein Objekt hinzugefügt werden, um deutlich zu machen, welches Ereignis auftritt, wenn der Benutzer klickt, wenn eine Seite mehrere Reihen interaktiver Ereignisse enthält .  Eine Reihe von Veranstaltungen  Mehrere Ereignisse pro Seite 3. Bedeutung durch Formen ausdrücken <br />In chinesischen Orakelknocheninschriften wurden zur Bedeutung durch Formen ausgedrückt. Später, nachdem man sich auf eine große Zahl von Zeichen geeinigt hatte, schenkte man dem tatsächlichen Ursprung dieser Zeichen keine große Beachtung. Das Gleiche gilt für Schaltflächen  Schaltfläche „Konsens“  Der Button ohne Konsens wird nicht funktionieren. 4. Schauen Sie sich noch ein paar weitere Schaltflächen an         |
<<: Fortgeschrittene JavaScript-Programmierung: Variablen und Umfang
Artikel empfehlen
Detaillierte Erläuterung der MySQL-Deadlock-Prüfung und Beispiele zur Deadlock-Entfernung
1. Abfragevorgang Prozessliste anzeigen 2. Fragen...
MySQL Master-Slave-Synchronisation, Implementierungsprinzip des Transaktions-Rollbacks
BinLog BinLog ist ein Binärprotokoll, das alle Än...
In IIS 7.5 unterstützt HTML die Include-Funktion wie SHTML (Modulzuordnung hinzufügen).
Als ich das erste Mal anfing, fand ich viele Fehl...
So ändern Sie das Passwort des Root-Benutzers in MySQL
Methode 1: Verwenden Sie den Befehl SET PASSWORD ...
Nginx-Überwachungsprobleme unter Linux
Nginx-Installation Stellen Sie sicher, dass die v...
Implementierung der automatischen Konstruktionsweiterleitung von React
Inhaltsverzeichnis Sequenz 1. Zentralisiertes Rou...
TimePicker im Element deaktiviert einen Teil der Zeit (deaktiviert auf Minuten)
Die Projektanforderungen lauten: Datum und Uhrzei...
Detaillierte Erläuterung der Lösung, um den Inhalt im Container im Flex-Layout zu halten
Auf der mobilen Seite ist das Flex-Layout sehr nü...
Beispielcode zum Konvertieren des Mysql-Abfrageergebnissatzes in JSON-Daten
Mysql konvertiert Abfrageergebnissatz in JSON-Dat...
Eine detaillierte Diskussion über MySQL-Deadlocks und -Logs
Vor kurzem sind mehrere Datenanomalien in MySQL o...
CSS erreicht hochadaptiven Vollbildmodus
Beim Schreiben meiner eigenen Demo möchte ich dis...
Beispiel für die Verwendung von JSX zur Entwicklung einer Markup-Komponente (Front-End-Komponentenbildung)
Inhaltsverzeichnis Aufbau einer JSX-Umgebung NPM ...
Eine kurze Diskussion über das Prinzip der bidirektionalen Datenbindung von React
Inhaltsverzeichnis Was ist bidirektionale Datenbi...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.22
Dieser Artikel dokumentiert die Installation und ...
Detaillierte Erklärung der Dreieckszeichnung und clevere Anwendungsbeispiele in CSS
führen Einige gängige Dreiecke auf Webseiten könn...