Über visuelles Design und Interaktionsdesign
<br />Im gesamten Produktdesignprozess liegen die „Prozesse“ des visuellen Designs und des Interaktionsdesigns sehr nahe beieinander, und die Beziehung zwischen beiden ist komplementär und beeinflusst sich gegenseitig. Wie kann man den Benutzern das interaktive Design als direkteste Ebene der Kommunikation mit Benutzern in guter Form präsentieren? Hier konzentrieren wir uns hauptsächlich auf die Rolle des Sehens bei der Verbesserung der Benutzerfreundlichkeit der Interaktion:
1. Verbessern Sie das Surfen: 1) Gute Leistung der Informationsstruktur. Um die Interaktion zu unterstützen, muss das visuelle Design zunächst die Darstellung des Produkts und der interaktiven Informationsstruktur, die Klarheit und Lesbarkeit der Informationen und dann die Kommunikation von Marke und Emotionen erfüllen. Visuelle Sprache kann Produktkonzepte und Informationen durch Schichtung, Klassifizierung, Vergleich und andere Sprachmittel verarbeiten. Beispiel:  Bild 01  Bild 02 Wenn ich die beiden obigen Bilder vergleiche (bei beiden handelt es sich um Artikeldetailseiten), glaube ich, dass nicht viele Benutzer schnell und genau erkennen können, welche Informationen die Website ihnen geben möchte oder was sie tun sollen, wenn sie pic01 durchsuchen. Die Verteilung der Informationen, die Hierarchie und die Farben sind nicht effektiv, was bei den Benutzern Verwirrung und Orientierungslosigkeit hervorruft. Pic02 unterteilt den Inhalt in wichtige und unwichtige Abschnitte, sodass die wichtigsten Artikeldetails klar ersichtlich sind und die Struktur übersichtlich und klar ist. Wir spüren den wirkungsvollen Einsatz visueller Sprache, die bei der Darstellung von Informationsstrukturen eine große Hilfe sein kann. Vorherige Seite 1 2 3 4 Nächste Seite Gesamten Artikel lesen |
<<: Unterschiede und Anwendungsbeispiele von for, for...in, for...of und forEach in JS
>>: Detaillierte Codebeispiele zu sieben Methoden zur vertikalen Zentrierung mit CSS
Artikel empfehlen
CSS entfernt den gepunkteten Rahmen, der beim Klicken auf einen Link entsteht. Kompatibel mit Browsern, die den W3C-Standards entsprechen
Teil des Codes: Code kopieren Der Code lautet wie...
Mysql NULL verursachte die Grube
Verwenden von NULL in Vergleichsoperatoren mysql&...
Aktivieren Sie OCSP, um die Effizienz der https-Zertifikatsüberprüfung zu verbessern und das Problem des langsamen Zugriffs auf Let’s Encrypt SSL-Zertifikate zu lösen
In den letzten Tagen war der Zugriff auf die Webs...
Häufige Ursachen und Lösungen für langsame MySQL-SQL-Anweisungen
1. Langsame Abfrage aufgrund fehlenden oder ungül...
Zusammenfassung von sieben in JavaScript implementierten Sortieralgorithmen (empfohlen!)
Inhaltsverzeichnis Vorwort Blasensortierung Grund...
Tutorial zur Installation von Apache 2.4.41 unter Windows 10
1. Installation und Konfiguration von Apache 2.4....
MySQL 8.0.20 Installations-Tutorial mit Bildern und Text (Windows 64-Bit)
1: Download von der offiziellen MySQL-Website htt...
Sortierung und Paginierung von MySQL-Abfragen
Überblick Da wir die Daten normalerweise nicht di...
Beim Hinzufügen einer Windows 2008-Server-Subdomäne zu einer übergeordneten Domäne wird eine Fehlermeldung angezeigt: Die Domäne existiert bereits
Beim Hinzufügen einer Windows 2008-Server-Subdomä...
Implementierung der MySQL8.0.11-Datenverzeichnismigration
Das Standardspeicherverzeichnis von MySQL ist /va...
Bootstrap 3.0 Studiennotizen CSS-bezogene Ergänzung
Die wesentlichen Inhalte dieses Artikels sind wie...
Schneller Einstieg in die Teleport-Komponenten und Verwendungssyntax von VUE 3
Inhaltsverzeichnis 1. Einführung in das Teleporti...
Befehlsliste des Baota Linux-Panels
Inhaltsverzeichnis Pagoda installieren Management...
Details zur Überwachung von DOM-Elementen durch MutationObServer in JavaScript
1. Grundlegende Verwendung Es kann über den Mutat...
js Canvas realisiert Slider-Verifizierung
In diesem Artikelbeispiel wird der spezifische Co...