[MUSIK]
Lassen Sie uns jetzt über die Navigation sprechen.
Was ist Navigation, warum ist Navigation wichtig für Ihre Website?
Und wie stellen wir Ihnen Navigationsinformationen auf Ihrer Website zur Verfügung?
Also, das sind die Frage, die wir in diesem speziellen Vortrag zu beantworten versuchen werden.
Die erste offensichtliche Frage, die Ihnen in den Sinn kommt, ist,
warum brauchen wir eine Website-Navigation?
Wie Sie erkennen, sind die meisten Websites nicht mehr einzelne Seiten.
Natürlich gibt es diese einseitigen Websites
wie die Webseite Ihres Professors in Ihrer Informatik-Abteilung.
Aber die meisten Websites enthalten in der Regel mehr als eine Seite.
Wie wir mit unserer Verwirrungs-Website gesehen haben, die
wir bauen, haben wir bereits eine zweite Seite namens aboutus.html hinzugefügt.
Nun war die Art und Weise, wie wir zur aboutus.html Seite navigierten,
explizit in die Adressleiste unseres Browsers einzugeben.
Aber das ist eine sehr unbequeme Art, auf Ihre Website zu navigieren.
Es wäre viel sinnvoller, ein intuitives Mittel für
die Benutzer zur Navigation auf Ihre Website zu bieten.
Dieses intuitive Mittel könnte durch viele verschiedene Ansätze zur Verfügung gestellt werden,
wobei die Navigationsleiste eine der gebräuchlichsten Methoden ist, um diese Informationen anzuzeigen.
Wir werden uns also mehrere gängige Möglichkeiten zur Bereitstellung von
Navigationsmustern auf typischen Websites ansehen.
In diesem Zusammenhang hört man oft Leute, die über Informationsarchitektur sprechen.
Die Informationsarchitektur beginnt mit der Struktur des Systems, in
Bezug auf die Art und Weise, wie die Informationen organisiert und gekennzeichnet werden.
Und Navigation wird durch den Inhalt oder durch diese Informationen zur Verfügung gestellt.
Jetzt ist die Informationsarchitektur für sich ein ganzes großes Feld.
Es geht über den Rahmen dieses Kurses, um Informationen Architekt abzudecken.
Aber
für den Fall, dass Sie daran interessiert sind, Benutzern Informationen über
Websites zu organisieren und bereitzustellen, dann habe ich Ihnen einige Links in den zusätzlichen Ressourcen zur Verfügung gestellt
, die Sie für weiteres Wissen lesen können.
Aber in jedem Fall, wenn Sie eine Website entwerfen,
ist es wichtig, die Notwendigkeit zu verstehen,
die Informationsnavigationsstrukturen innerhalb Ihrer Website zu entwerfen.
Und diese Organisation von Informationen auf Ihrer Website bestimmt auch,
welche Art von Navigationshilfen Sie auf Ihrer Website zur Verfügung stellen, und
basierend darauf, wie diese Informationen organisiert sind.
Typischerweise würde eine Website in einer Art von Baum strukturiert oder
hierarchisch organisiert werden.
Und das bestimmt Ihnen automatisch,
wie Sie Navigationsunterstützung innerhalb Ihrer Website gestalten würden.
Die Verwendung einer Navigationsleiste, Breadcrumbs und
anderer Navigationsmittel sind sehr, sehr wichtig,
damit Benutzer verschiedene Teile Ihrer Website sehen können.
Wenn Sie die meisten Websites besuchen, werden Sie oft nach der Navigationsleiste suchen.
Dies ist eine Art Bar, die typischerweise oben auf
der Website angebracht ist, oder manchmal am unteren Rand der Website, oder manchmal auf der Seite,
die Ihnen genügend Hinweise auf die Art
von Informationen gibt, die Sie auf dieser Website zugreifen können.
Ihre Navigationsleiste enthält also normalerweise Links zu verschiedenen Seiten, die
Teil Ihrer Website sind.
Also eine typische Navigationsleiste, wie gehen Sie über das Entwerfen dieses?
Wenn Sie eine typische Navigationsleiste entwerfen, sollten Sie natürlich
einige Dos und Don'ts darüber im Auge behalten, wie Sie Navigationsleisten entwerfen.
Erstens, dass Sie benutzerfreundliche und
einfache Begriffe in Ihrer Navigationsleiste verwenden, um die verschiedenen Links anzuzeigen
, die die Benutzer auf Ihrer Website folgen können, um Informationen zu erhalten..
Sie sollten eine standardisierte Navigation bereitstellen,
damit überall dort, wo sich der Benutzer innerhalb Ihrer Websitehierarchie befindet,
er immer weiß, wie er zur Startseite zurückgeht, wie man zur nächsten
, vorherigen oder nach oben und unten in der Hierarchie irgendeiner Art geht.
Daher ist die Angabe des Standorts des Benutzers
innerhalb der Hierarchie Ihrer Website sehr, sehr nützlich,
um eine benutzerfreundliche Art der Navigation auf Ihren Websites zu bieten.
Außerdem gibt es einige Standardkonventionen, denen Benutzer folgen,
wenn diese Navigationsleisten entworfen werden.
Wenn Sie das Logo Ihrer Website oder Ihres
Unternehmens in Ihrer Navigationsleiste enthalten haben,
sollten Sie mit einem Klick auf diese Logos oder eine Home-Schaltfläche in der Regel auf die oberste Ebene der Hierarchie oder auf
die Homepage Ihrer Website zurückführen, in der Regel die Seite index.html.
Einige der Don'ts, die Sie beachten sollten, ist, dass Sie nicht zu viele
Möglichkeiten in Ihrer Navigationsleiste haben sollten.
Wie viele sind zu viele?
Wenn Sie feststellen, dass das Navigieren mit Ihren Navigationsleisten zu umständlich ist,
bedeutet dies, dass es zu viele Optionen auf Ihrer Navigationsleiste gibt.
Stellen Sie in Ihrer Navigationsleiste eine angemessene Auswahl bereit, damit Sie
die Anweisungen angeben können, denen der Benutzer bei der Navigation durch Ihre Website folgen kann.
Wenn Sie diese Navigationselemente in Ihrer Navigationsleiste verwenden,
verwenden Sie keine generischen Beschriftungen, sondern aussagekräftige Beschriftungen.
Wenn Sie beispielsweise ein Etikett mit dem Namen Produkt in Ihre
Navigationsleiste einfügen, werden die Leute darüber verwirrt, was Sie mit Produkt meinen.
Oder sagen Sie, wenn Sie einen Dienst in Ihrer Navigationsleiste platzieren, können diese verwirrt sein.
Welche Art von Service bieten Sie an?
Es wird sinnvoller sein, einen beschreibenden Begriff
in Ihren Kopfzeilen in Ihrer Navigationsleiste zu geben.
Ein weiteres Mittel zur Bereitstellung der Navigation für
Benutzer ist, was als Breadcrumbs bezeichnet wird.
Diese werden normalerweise irgendwo auf dieser Seite bereitgestellt,
typisch zum oberen Rand der Webseite,
näher an der Überschrift dieser Webseite.
Die Breadcrumbs weisen auf eine Art
Navigationshierarchie hin, in der Sie sich gerade auf Ihrer Website befinden.
So bietet dies eine sekundäre Navigationsoption für Ihre Website.
Dies könnte also irgendwo unter der primären Navigation platziert werden.
Es kann die Hierarchie der Seiten anzeigen, durch die Sie gegangen sind.
Und die aktuelle Position kann spezifisch in
der Breadcrumb dort hervorgehoben werden.
So verschiedene Möglichkeiten, wie Menschen Breadcrumbs verwenden können,
umfassen die Bereitstellung einer pfadbasierten Navigation.
Zum Beispiel, wenn Sie einen Benutzer haben, der eine Reihe von Schritten durchläuft, um
eine Aufgabe auf Ihrer Website abzuschließen, sagen wir zum Beispiel, ein Flugticket zu reservieren.
Dann könnten Sie einen Breadcrumb-Ansatz verwenden, um ihnen anzuzeigen,
auf welchem Schritt sich der Benutzer gerade in der Reihenfolge der Schritte befindet.
In ähnlicher Weise, wenn Sie Ihre standortbasierte Navigation für
hierarchischen Ansatz innerhalb Ihrer Website bereitstellen.
Also, auf welcher Ebene der Hierarchie Sie sich befinden und was ist der obere Teil in Richtung
der Wurzel Ihrer Hierarchie, so dass Ihre Breadcrumbs angezeigt werden könnte.
Ihr Breadcrumb könnte auch attributbasiert sein, was bedeutet, dass Sie eine Reihe
von Auswahlmöglichkeiten bereitstellen, die in Ihrem Breadcrumb für den Benutzer zum aktuellen Zeitpunkt angegeben sind.
Ein typisches Front-End-UI-Framework bietet viele
andere Möglichkeiten, die Navigation auf Ihren Webseiten bereitzustellen.
Dazu gehören Tabs, Pillen, Paginierung, Dropdowns
, Akkordeons, Tags und SchrollSpy und Affix.
Wir werden einige dieser Lektionen näher betrachten, während wir
die verschiedenen Lektionen in den Modulen durchlaufen, die dieser speziellen Lektion folgen.
( MUSIK)