Website / Webapp Grundnavigation

Folieninhalt

Die Folie präsentiert Symbole, die grundlegende Navigationselemente für eine Website oder Webanwendung darstellen. Sie hebt drei Hauptnavigationselemente hervor:

• Startseiten-Symbol (Haussymbol): Weist auf die Hauptseite einer Seite hin.
• Menü-Symbol (drei horizontale Linien): Bezeichnet eine Dropdown- oder Pop-out-Liste von Optionen.
• Ansichtsschritt-Symbol (Pfeilsymbol): Suggiert, zur vorherigen oder nächsten Ansicht zu wechseln.

Zusätzliche Anweisungen umfassen zurück/vorher, hoch, vorwärts/nächste und runter Navigation, illustriert durch Pfeile, die in relative Richtungen zeigen, um die Bewegung zwischen Seiten oder Abschnitten anzuzeigen.

Grafische Darstellung

• Der Hintergrund der Folie ist flach und weiß.
• Oben auf der Folie befinden sich vier Hauptsymbole in kreisform, die horizontal angeordnet sind, jedes vor einem dunkelblauen Hintergrund.
• Jedes Symbol ist ein allgemein anerkanntes Symbol für die Website-Navigation: ein Haus für die Startseite, drei gestapelte Linien für das Menü und ein Pfeil für den Ansichtsschritt.
• Unter jedem obigen Symbol befindet sich ein entsprechendes Etikett in weißem Text, das die Bedeutung des Symbols erklärt.
• Unter den beschrifteten Symbolen werden dieselben Symbole erneut dargestellt, diesmal für dunkle Hintergründe gedacht, und sie erscheinen weiß vor einem dunkelblauen Rechteck.
• Die rechte Seite der Folie zeigt eine vertikale rechteckige Form mit abgerundeten Ecken, die eine Gruppe von Pfeilsymbolen in einem kreisförmigen Muster anzeigt, die verschiedene Navigationsrichtungen repräsentieren.
• Der untere Teil der Folie enthält ein zusätzliches beschreibendes Textfeld, das detailliert erklärt, dass die Symbole vollständig bearbeitbar und an Farbschemen anpassbar sind.

Die Folie hat ein sauberes, professionelles Aussehen mit einer starken visuellen Hierarchie, die die Navigationselemente deutlich betont. Das Farbschema beschränkt sich auf Weiß, verschiedene Schattierungen von Blau und einen Hauch von Orange, was einen auffälligen Kontrast bietet, der die Informationen leicht erkennbar macht.

Anwendungsfälle

• Präsentation der Benutzeroberflächenstruktur einer Website oder Webanwendung gegenüber den Stakeholdern während Projektbesprechungen.
• Schulung neuer Mitarbeiter während des Onboardings über das Intranet der Organisation oder spezifische Webanwendungen, die sie verwenden werden.
• Einbeziehung in eine Präsentation über Benutzererfahrung (UX), um die standardmäßigen Navigationselemente vorzustellen.
• Nutzung als Referenz in einem Webdesign-Workshop oder Seminar, um den Teilnehmern die besten Praktiken der Webnavigation zu vermitteln.