Analyse des Produktstatus im interaktiven Design, der im Design nicht ignoriert werden kann
|
Beim Produktdesign legen Designer Wert darauf, dass die Bilder sehr schön aussehen. Beim Erstellen des Inhalts der virtuellen Seite verwenden sie schöne Bilder und ordnen den Inhalt genau richtig an. Bei der Erstellung der Schnittstellendemo ist diese Seite jedoch möglicherweise leer oder weist sehr viele Inhalte auf, was zu einem falsch ausgerichteten Layout führt. Daher dürfen Sie beim Entwurf einer Schnittstelle extreme Zustände wie leere Zustände und zu viel Inhalt nicht ignorieren. Diese Zustände können möglicherweise nur bei der ersten Verwendung und nur bei einer kleinen Anzahl von Benutzern auftreten, sie wirken sich jedoch alle auf die Detailqualität des Produkts aus. Um die Benutzeroberfläche möglichst realistisch zu gestalten, platzieren Designer beim Erstellen interaktiver oder visueller Entwürfe einige virtuelle Inhalte auf der Seite. Aber wenn Designer die von Front-End-Studenten erstellten Demos sehen, fragen sie sich immer, warum sie so anders sind als die Seite, die ich am Anfang erstellt habe. Leerer Zustand: Wenn Benutzer manche Produkte zum ersten Mal verwenden, stoßen sie häufig auf eine Benutzeroberfläche mit leerem Inhalt. Dies gilt insbesondere für Social-Internet-Produkte, bei denen Benutzer selbst Kreise erstellen und Inhalte generieren müssen. Zu diesem Zeitpunkt wird normalerweise ein Leitfaden für Anfänger verwendet, um den Benutzer zum nächsten Schritt zu führen.      Der Zustand bei zu vielen Inhalten Die Oberfläche von Internet-Produkten sollte erweiterbar sein, um die Inhalte flexibel verändern und erweitern zu können. Informationen zu spezifischen Methoden finden Sie in einem anderen Artikel „Flexible und skalierbare Schnittstelle“. |
<<: Zwei einfache Beispiele für Menünavigationsleisten
>>: Vue erhält Token zur Implementierung des Beispielcodes für die Token-Anmeldung
Artikel empfehlen
Detaillierte Schritte zur Installation eines Webservers mit Apache httpd2.4.37 auf centos8
Schritt 1: yum install httpd -y #httpd-Dienst ins...
Chrome überwacht Cookie-Änderungen und weist Werte zu
Der folgende Code führt die Überwachung von Cooki...
So stellen Sie eine Datenbank und eine Tabelle aus einer vollständigen MySQL-Datenbanksicherung wieder her
Wie kann ich im offiziellen MySQL-Dump-Tool nur e...
Detaillierte Erklärung unsichtbarer Indizes in MySQL 8.0
Wort Seit der ersten Version von MySQL 8.0 liegen...
Implementierung der Funktion zum Hinzufügen einer Besuchszählung im GitHub+Jekyll-Blog in einer Minute mit JS
Inhaltsverzeichnis Fügen Sie dem GitHub+Jekyll-Bl...
Detaillierte Erklärung zum Kompilieren und Installieren von MySQL 5.6 auf CentOS und zum Installieren mehrerer MySQL-Instanzen
--1. Erstellen Sie eine neue Gruppe und einen neu...
Detaillierte Erläuterung der JavaScript-Programmschleifenstruktur
Inhaltsverzeichnis Struktur auswählen Schleifenst...
Probleme beim Springen auf HTML-Seiten und bei der Parameterübertragung
HTML-Seitensprung: Fenster.öffnen(URL, "&quo...
So installieren und ändern Sie das Anfangskennwort von mysql5.7.18 unter Centos7.3
In diesem Artikel erfahren Sie, wie Sie mysql5.7....
Implementierungscode für mehrzeilige Textkomponenten der Vue-Faltanzeige
Faltdisplay mit mehrzeiligem Textbaustein Falten ...
So generieren Sie eine Vue-Benutzeroberfläche per Drag & Drop
Inhaltsverzeichnis Vorwort 1. Technisches Prinzip...
SQL IDENTITY_INSERT-Fallstudie
Wenn eine Spalte in einer Datentabelle einmal als...
Detailliertes Beispiel für die Statusverwaltung der Hilfsfunktion der Vue-Frontend-Entwicklung
Inhaltsverzeichnis Kartenstaat Kartengetter Karte...
Setzen Sie den Eingang auf schreibgeschützt über deaktiviert und schreibgeschützt
Es gibt zwei Möglichkeiten, schreibgeschützte Eing...
Detaillierte Erklärung zum einfachen Wechseln von CSS-Themen
Ich habe meiner persönlichen Website vor Kurzem e...