it-swarm.com.de

Mischen der Navbar mit voller Seitenbreite mit einem 960px-Gehäuse

Gibt es jemals einen Anwendungsfall für das Mischen einer oberen Navigationsleiste in voller Breite (dh der Inhalt der Navigationsleiste ist auch in voller Breite) mit einem enthaltenen Körper (ca. 960 Pixel)? Was sind die Vor- oder Nachteile in Bezug auf Benutzerfreundlichkeit und Design?

IMO sollte es entweder in voller Breite oder enthalten sein, aber nicht beides, da das Mischen Probleme mit der Benutzerfreundlichkeit verursachen würde:

  • Eine schnelle Scanfunktion ist aufgrund der unterschiedlichen Ausrichtung nicht möglich.
  • Die Ungleichheit ist auf breiteren Bildschirmen besonders groß und zwingt mehr Augen- und Mausbewegungen dazu, sogar die Navigationsleistenelemente zu verwenden. Dies könnte die Effektivität der Navigationsleiste minimieren.

Trotzdem bin ich daran interessiert, die Idee weiter zu untersuchen. Gibt es Websites, die dies erfolgreich umgesetzt haben?

Bearbeiten

Hier ist ein Beispielmodell für das, zu dem ich Feedback haben möchte:

mockup of top navigation bar and content 960px wide

Redux bearbeiten

Es wurden einige Beispiele angeführt, aber das Herzstück meiner Suche ist, ob dies eine gute Idee ist und wenn ja, wann sie verwendet werden sollte. Obwohl Google dies tut, bin ich nicht davon überzeugt, dass dies tatsächlich ein benutzerfreundliches Entwurfsmuster ist.

11
Virtuosi Media

Wenn Sie Google als erfolgreiches Unternehmen betrachten, das begonnen hat, sich zu formen bis zu User Experience im letzten Jahr, dann ist das Ihre Antwort. Sie implementieren auf allen Websites eine Navigationsleiste in voller Breite oben, und ein Teil des Inhalts ist schmaler und in der Mitte zentriert. Es sieht aus wie das Muster in Ihrer Frage.

Google full width navigation bar

aktualisiertes Aussehen der Google-Leiste

Gepostet am Googles Support Site man kann lesen:

Die Google-Leiste besteht aus zwei Teilen: einer dunkelgrauen Leiste, in der Sie auf verschiedene Google-Dienste zugreifen können, und einer hellgrauen Leiste, mit der Sie Ihr Konto suchen, freigeben und verwalten können. [...]

Die hellgraue Leiste enthält möglicherweise ein Suchfeld für den Google-Dienst, den Sie derzeit verwenden. Wenn Sie ein Google+ Nutzer sind, sehen Sie rechts ein Freigabefeld und ein Benachrichtigungssymbol, mit denen Sie von jeder Google-Seite aus an Google+ teilnehmen können.

Google hatte viele Kommentare, um die Leiste vollständig zu entfernen, und versuchte es im November letzten Jahres (2011). Aber dieses Design (ein Hover-Dropdown-Menü) wurde von der Community noch mehr abgelehnt. Google musste wieder zum schwarzen Balken zurückkehren , aber fragt die Community was stattdessen zu tun ist.

Aus meiner persönlichen Sicht mag ich den schwarzen Balken, da ich immer weiß, wo ich meine Google-Dienste finde. Die "Community" hat nicht immer Recht, aber sie macht viel Lärm. Ich denke, es ist sicher, die breite Navigationsleiste des Browserfensters oben zu verwenden - da Benutzer immer mit nur einem Klick finden können, was sie benötigen.

7
Benny Skogberg

Ich habe solche Sachen in einigen der Entwürfe verwendet, die ich gemacht habe.

Meiner Meinung nach können aufgrund einiger Forschungsarbeiten beide Dinge gemischt werden, wenn sie keine direkte Beziehung zwischen beiden haben.

Wie bei Google hat der Inhalt in der oberen Leiste keine direkte Beziehung zwischen dem Inhalt und der Navigation in der oberen Leiste. Es kann als zusätzliches Feature bezeichnet werden, das sich nicht einmal auf das Entfernen auswirkt.

Ich habe einmal eine Website entworfen, auf der sich der Benutzer anmelden musste, um auf einige Inhalte einer Website zugreifen zu können. Die Website wurde bereits entworfen und ich arbeitete als Berater, um den Nachteil zu ermitteln und einige der neu eingeführten Funktionen vorzuschlagen. Ich gehe davon aus, dass das Website-Layout das gleiche bleibt und sich nur der Inhalt der Website basierend auf der Anmeldung ändert. Es ist besser, eine dunkle obere Leiste zu verwenden, in der wir das Benutzerprofil und die Bearbeitungsoption auflisten und die Website darunter halten können . Es wirkte tatsächlich wie eine Symbolleiste, die das Gesamtdesign der Site nie beeinträchtigte.

Was die Ausrichtung und das Scannen betrifft, so hatte der Benutzer keine Probleme, auf diese zuzugreifen, da diese sehr selten verwendet werden.

1
ajayashish

Derzeit verwendet das New York State Department of Labour eine persistente Navigationsleiste in voller Breite für seine personenbasierte Navigation (Mega-Menü) am oberen Bildschirmrand. Sobald Sie einen inhaltsspezifischeren Bereich erreicht haben, wird links eine zusätzliche Seitenleiste angezeigt. Die Seitenleiste bietet Benutzern dann eine Form der inhaltsspezifischen Navigation.

Top Navigation

Labor home page showing mega menu

Seitennavigation (Bereich in Weiß kennzeichnet ausgewählte/aktuelle Seite)

Labor page showing side navigation

0
JeffH

Wenn Sie sich ein Beispiel ansehen möchten, spielen Sie mit Swipely (Sie müssen ein Konto erstellen, um die reguläre Benutzeroberfläche zu sehen). Ich persönlich denke nicht, dass es eine "schlechte" Erfahrung ist, aber ich bin mir nicht sicher, ob es viel hinzufügt.

Ich kann einen Anwendungsfall auf einer Website mit vielen Textinhalten sehen, bei denen dies tatsächlich von Vorteil sein kann. Der Inhalt ist im Körperbereich enthalten und rollt. Menüs/Tasten werden seitlich herausgeschoben, um eine "ablenkungsfreie" Leseumgebung zu schaffen. Es ist eine Strecke ... könnte aber in manchen Situationen nützlich sein.

0
Clayton Correia