Was sind die Best Practices beim Definieren von Layouts oder Formen von Seiten in einer pädagogischen Webanwendung? [geschlossen]

Ich arbeite an der Auswahl von Layouts und Formen von Seitenkomponenten für eine große Webanwendung für Bildungszwecke, die mehr als 100 verschiedene Webseiten enthält. Ich versuche es derzeit mit flachen Layouts und versuche, ein Minimum an Komponenten beizubehalten, damit jede Seite einfach und benutzerfreundlich aussieht (Beispiel-Homepage). Die größeren Blöcke zeigen Theoriefächer und die kleineren als Labore (die Anzahl der Blöcke kann variieren). Ich habe ähnliche Skizzen für die gesamte Anwendung entworfen. Aber ich möchte sicherstellen, wo ich Platz lassen muss, der später effektiv genutzt werden kann, um erweiterte Funktionen anzuzeigen. Die Grundfunktionen sind wie folgt.

  1. Frage-Antwort-Bereich
  2. Abschnitt Dateizugriff/Upload
  3. Blog-Post-Bereich
  4. Abschnitt Zeitplan
  5. Abschnitt zum Erstellen von Notizen
  6. Anmelde-/Registrierungsbereich
  7. Startseite
  8. Abschnitt Veranstaltungen
  9. Prüfungen und Ergebnisse
  10. Abteilungsmitteilungsabschnitt und viele weitere Seiten

Auch die oben genannten Seitentypen werden regelmäßig von Studierenden, Fakultäten, Abteilungen, Institutsleitungen genutzt.

Bitte schlagen Sie Best Practices für die Definition von Layouts und Formen von Komponenten für jede Kategorie vor. Vielen Dank im Voraus.

Diese Frage ist außergewöhnlich weit gefasst. Es fragt nach Meinung und im Wesentlichen Brainstorming für Seitenlayouts. Darüber hinaus scheint dies viel mehr mit UX als mit Design zu tun zu haben.

Antworten (1)

Klingt so, als ob Sie nach einer Art Leitprinzip suchen, wie Sie ein Layout mit vielen Teilen organisieren können.

Der beste Ausgangspunkt ist wahrscheinlich, sicherzustellen, dass Sie ein gutes Verständnis der visuellen Hierarchie haben : wie Anordnung und Präsentation die Reihenfolge steuern, in der Dinge angezeigt werden. Informieren Sie sich, finden Sie gute intuitive Layouts und denken Sie darüber nach, welche Art von Hierarchie sie einrichten und wie sie den Blick lenken, dann gehen Sie Ihre Liste mit 10 Elementen erneut durch und fragen Sie sich: Wer sollte sich wann was ansehen? Welche hängen zusammen und wie (z. B. langfristige Tools vs. kurzfristige Informationen, vielleicht)?

Fassen Sie Elemente in Chunks zusammen, je nachdem, wer wann zu welchen Chunks gezogen werden soll, und organisieren Sie diese Chunks dann in einer Hierarchie.

Denken Sie auch an die Muster, die Menschen standardmäßig verwenden, wenn es keine visuellen Hinweise gibt, die das Auge leiten. Eye-Tracking-Studien zeigen, dass es im Allgemeinen drei gibt : von links oben nach rechts unten, im Zickzack auf der Seite nach unten und eine F-Form. Dies kann nützlich sein, um vorherzusehen, was Menschen in Bereichen tun könnten, in denen Sie eine ausgewogene Auswahl der Optionen wünschen.

Aber der wahrscheinlich wichtigste Teil ist: Testen Sie mit echten Menschen und verfeinern Sie Ihr Layout darauf basierend.

Danke @user568458 , ich brauche Platz für die zukünftige Verwendung wie das Platzieren von Benachrichtigungen für eine verwandte Funktion.
Was sind die Best Practices beim Definieren von Layouts oder Formen von Seiten in einer pädagogischen Webanwendung? [geschlossen]
AntwortenHierDatenschutz-Bestimmungen1y, 0v