Ein Leser schrieb mit dieser Frage
Wir wissen, dass ausklappbare Menüs gut für Mobiltelefone sind (Facebook, Gmail usw.). Aber glauben Sie, dass sie für Desktop-Webanwendungen geeignet sind?
Gute Frage. Sie kennen die Art von Frage.
Sicherlich können wir dieses Designmuster auf Desktop-Websites replizieren. Aber sollten wir? Macht es Sinn? Hat sich dieses Muster einfach entwickelt, weil die Navigation sehr platzraubend sein kann und wir zwar viel Platz auf dem Desktop haben, aber nicht genug auf dem Handy? Bedeutet die Allgegenwart dieses Musters auf dem Handy, dass es nun sicher auf den Desktop übertragen werden kann, ohne jemanden zu verwirren?
Es gibt bereits Projekte, die es aufgreifen, wie Sidr, Meny, jPanelMenu und viele mehr. Ich sehe Leute, die ständig damit auf CodePen experimentieren.
Lassen wir darüber abstimmen! Es ist da in der Seitenleiste.
Ich wünschte, Websites wie Facebook würden eine Offscreen-Navigation wie auf ihrer mobilen Website einführen. Wenn ich Facebook aufrufe, werde ich mit 3 Spalten Text und Werbung konfrontiert, was manchmal etwas zu viel ist. Ich bevorzuge saubere und geräumige Benutzeroberflächen, und die Offscreen-Navigation würde helfen, dies aufzuräumen.
Facebook nutzt diese Offscreen-Navigation mittlerweile.
Ich stimme zu, dass Ausklappmenüs für Mobilgeräte großartig sind, aber für Desktops nicht geeignet. Erstens kann das Betriebssystem Entwickler auf Mobilgeräten stark dazu anleiten, App-Schubladen als Konzept zu übernehmen, was bei den Benutzern Erwartungen weckt und sich auf Webseiten für Websites wie LinkedIn überträgt, deren App größtenteils ohnehin aus HTML5 besteht.
Zweitens, wenn der Schubladen-Stil eng repliziert werden soll, dann bräuchte ich die kleinen Balken, um die Schublade herauszuziehen, ganz oben links. Weit weg von dort, wo die Augen auf einem großen Monitor hinschauen.
Shameless plug, aber Jonathan, vielleicht magst du die verschlankte Oberfläche für Facebook unter fbslim.com. Frühe Entwicklungsphasen...
Ich denke, das wurde für die Benutzererfahrung auf Mobilgeräten aufgrund des Touchpads erfunden. Warum also nicht auf einem Tablet oder einem Tablet-PC?
Aber ich denke, wenn der Benutzer eine Maus benutzen kann, ist es etwas nutzlos (aber Mode)! :D
Ich denke, diese Technik könnte nützlicher sein für Seiten, bei denen die Navigation das kleinere Element der Website ist, wie bei Scrolling-Websites.
Wir müssen auch bedenken, dass die Platzierung dieser Menüs oft in der Ecke ist und durch ein Hamburger-Symbol dargestellt wird. Weiß jeder Benutzer, dass der Hamburger Navigation bedeutet?
Ich würde sagen, wenn Sie sicherstellen wollen, dass jeder Ihre Website einfach navigieren kann, nutzen Sie den reichlich vorhandenen Platz auf dem Desktop für die Navigation und behalten Sie die Slider für Mobilgeräte.
Nichtsdestotrotz, wenn die Navigation kein großes Element Ihrer Website ist und Sie den Benutzer durch Inhalte, Schaltflächen und andere Bilder führen möchten, warum nicht?
Es könnte ärgerlich sein, jedes Mal öffnen zu müssen, wenn ich das Menü benutzen will, aber ich denke, es wäre großartig, wenn es eine Option gäbe, es erweitert oder versteckt zu haben, ähnlich wie bei Photoshop, wo man es einklappen oder ständig geöffnet lassen kann.
Auf diese Weise hätten Leute mit kleineren Bildschirmen oder Leute, die die geräumige Benutzeroberfläche bevorzugen, die Option, während diejenigen, die den zusätzlichen Klick und die ältere Benutzeroberfläche vermeiden möchten, sich dafür entscheiden könnten, sie beizubehalten.
Ich denke, es macht Sinn, wenn es mit einer leicht differenzierten Absicht implementiert wird. Auf Mobilgeräten nutzen wir Offscreen wegen begrenztem Bildschirmplatz, aber auf dem Desktop sollten wir es meiner Meinung nach als Mechanismus für eine übersichtlichere, sauberere Benutzeroberfläche interpretieren. Zum Beispiel bei YouTube (wenn man eingeloggt ist und eine nennenswerte Anzahl von Abonnements hat) macht das für mich perfekt Sinn. Im Grunde genommen, wenn Sie sich dem Ansehen eines Videos widmen, möchten Sie vielleicht einige Navigationselemente nutzen, aber das ist nicht der primäre Zweck der Seite, auf der Sie sich befinden (das Video ansehen). Wenn Sie also auf das (was sie bei YouTube "Guide" nennen) klicken und eine Liste mit Ihren Navigationsoptionen erhalten, bleibt Ihre primäre Absicht der Seite sauber und Sie erhalten dennoch diese Funktionalität. Wenn Sie die YouTube-Mobil-App nutzen, erhalten Sie die echte Nutzung von Offscreen-Platz für dieselben Navigationselemente. Ich glaube, das ist eine großartige Mischung aus beiden Ansätzen mit der gemeinsamen Absicht.
Ich kann dem nur zustimmen. Ich denke sogar darüber nach, Warenkörbe auf E-Commerce-Websites zu verstecken. So kann man ihn nur öffnen, wenn man sehen möchte, welche Artikel man hinzugefügt hat.
Auf Pinterest ist es so – http://pinterest.com/
Ich denke, es **kann** nützlich sein, wenn es richtig eingesetzt wird.
Ich sehe es gerne/nutze es, wenn die Navigation wirklich eine sekundäre Funktion ist (sollte nicht oft genutzt werden). **ODER** wenn ich möchte, dass sich der Benutzer wirklich auf das konzentriert, was auf dem Bildschirm ist, und nichts anderes.
Ausklappmenüs sind Antworten auf den Platzmangel auf dem Handy-Bildschirm. Auf dem Desktop gibt es keine Notwendigkeit, obwohl Apple dieses Ausklappen in Mountain Lion eingeführt hat, ist es etwas verwirrend, wenn man mehr als einen Bildschirm hat.
Google+ hat etwas Ähnliches mit seinen neuen Updates und ich finde, dass es für sie ziemlich gut funktioniert. Ich glaube nicht, dass es zur Norm werden sollte, aber es könnte definitiv gut für einige Websites funktionieren, wenn es richtig eingesetzt wird, obwohl Google nur eine dieser Ausnahmen von der Regel sein könnte. Könnte wahrscheinlich schrecklich schiefgehen, wenn es nicht richtig eingesetzt wird.
Ich denke, das ist eine "Keine der oben genannten Optionen". Es hängt wirklich davon ab, zumindest wenn es um Desktop-Websites geht. Wenn Sie eine Website haben, die häufig von Benutzern aufgerufen wird, die an mobile Browsing gewöhnt sind, könnte es durchaus angemessen sein, noch besser: Geben Sie ihnen zumindest die Option einer ähnlichen Benutzererfahrung unabhängig von der Plattform. Obwohl, wie Kelly vorschlägt, eine Option, sie auf dem Desktop immer geöffnet zu lassen, wo Sie Platz haben, immer noch besser erscheint.
Aber wenn Sie einen erheblichen Anteil von Benutzern haben, die nur über einen Desktop/Laptop darauf zugreifen und an dieses Paradigma gewöhnt sind. Insbesondere wenn, wie meine Eltern und meine Schwester, dies ihre einzige Browsing-Paradigma ist, werden sie nach Navigationswerkzeugen suchen, sich mehr oder weniger höflich fragen, wo sie sind, und dann aufgeben und entweder nie wiederkommen oder mich anrufen und fragen, wie sie auf der Website navigieren. Was mich sicherlich dazu bringen wird, unhöfliche Dinge über den Designer und wahrscheinlich auch über sie zu sagen.
Es ist wie mit all diesen Dingen. Sie bezahlen uns, unsere Gehirne und Erfahrung zu nutzen. Es gibt noch keine Einheitslösung. Wenn Sie für mobileBrowserTricks.com.uk entwerfen, dann legen Sie los. ruralOver80’s-home-dating.net.uk – vielleicht nicht! (Bei allem gebotenen Respekt für beide oder beide, wenn sie existieren und wer sie auch immer nutzen möchte, zufällig ausgewählte Interessengruppen, die ich mir ausgedacht habe.)
Ich denke, sie funktionieren bei mobilen Apps und dergleichen, aber für Desktop-Websites? Nein. Es gibt meiner Meinung nach nicht viel Sinn.
Einige (die meisten?) Implementierungen verlassen sich auch auf JavaScript, was meistens funktioniert, aber wir wissen alle, dass nicht jeder es aktiviert hat. Etwas so Grundlegendes wie die Navigation sollte einfach und fehlerfrei funktionieren.
Ich denke, wenn die Navigation "ausgeklappt" startet und der Benutzer die Möglichkeit hat, die Seitenleiste auszublenden, um mehr Platz im Hauptbereich zu schaffen und sich zu konzentrieren, kann das Schubladenmuster funktionieren.
Aber die Navigation hinter einem Hamburger auf einem Bildschirm zu verstecken, der groß genug dafür ist, halte ich für albern.
Ich habe auch darüber nachgedacht. Möglicherweise die Navigation anzeigen und dann beim Laden einklappen lassen, aber dann denke ich mir: "Was ist der Sinn von all dem?"
Es bringt den Kern des Problems auf den Punkt, dass Designer es mögen, weil es unaufdringlich, schick und ein weiteres Element zum Verschönern ist, nicht unbedingt nutzbar auf größeren Bildschirmen.
Ich denke… es kommt auf die Bildschirmgröße an. Das ist alles :)
Hängt zu sehr von der Art des Layouts ab, mit dem Sie konfrontiert sind (Nachrichten? Fotogalerie? CMS? ERP?), dem Kontext innerhalb des Offscreen-Menüs (ein einfaches Menü? Eine Suchleiste? Beides?).
Oh, es hängt auch davon ab, **wie** es implementiert ist ;)
Kann nett sein, besonders bei Full-Background-Websites, muss aber richtig gemacht werden.
Wenn Sie auf einem Mac mit angedockter Seitenleiste arbeiten, kann es sehr störend sein, wenn sie beim Versuch, die Schubladen-Navigation zu erreichen, herausspringt.
Ich denke, es ist eine Frage der Präferenz.
Wenn Sie versuchen, **den Inhalt hervorzuheben**, dann gibt es nichts Besseres als eine Offscreen-Navigation. Auch wenn Sie ein wirklich **schweres, unklares Menü** haben, dann ist dies eine gute Gelegenheit, es aus dem eigentlichen Bildschirm zu verschieben – so gewinnen Sie viel mehr Platz dafür.
Auf der anderen Seite zahlen Sie dafür mit der **Geschwindigkeit der Nutzung**. Ein festes Menü ist besser erreichbar als eines, das Sie aktivieren müssen.
Aber Sie müssen bedenken: **Letztendlich nutzen Sie bereits Offscreen-Navigation für Desktops**; meine Mutter besitzt ein kleines Netbook mit einer Bildschirmbreite von 1024px, das ist dasselbe wie ein iPad im Querformat.
Wenn Sie also Ihre Media Queries so kalibriert haben, dass sie mit einer Offscreen-Navigation für iPad im Querformat funktionieren, dann lassen Sie sie auch mit einem Netbook funktionieren.
Es kann auf Desktop-Websites gut funktionieren, man muss nur wissen, wann und wie man es einsetzt.
Google hat auf der Hangouts-Seite erstaunliche Arbeit geleistet: http://d.pr/i/CMOx
Ich denke, es wird eine nette Funktion für die kommende Touch-Ära von Desktop-PCs sein.
Aber es ist immer noch nicht schön, mit einer Maus zu bedienen. Wenn man an die linke Seitenleiste von G+ denkt, ist sie so nervig. Ich hasse dieses Ding.
bethel.edu nutzt es für den Suchbereich
auch – das neue squarespace.com bietet es an
Ich denke, wie bei vielen anderen Dingen... es kommt darauf an. Hauptsächlich die Bildschirmgröße und der "Inhalt".
Ich denke, es kann auf jeder Website verwendet werden, aber wichtig ist, zu wissen wie und wann. =D
Nachdem ich gesagt habe, dass ich es keine gute Idee finde, habe ich gerade festgestellt, dass ich es bei Google+ schon seit einiger Zeit gerne benutze.
Wie bei den meisten Dingen hängt es ganz von der Implementierung und dem Design ab. Wenn die Wahl gut überlegt ist und nicht angeklebt, kann es auch auf Desktops mit viel Bildschirmfläche recht gut funktionieren.
Mein Hintergrund ist "Form folgt Funktion". Die primäre Funktion, der wir mit der Form/unserem Design auf einem Desktop ebenso wie auf jeder anderen Website folgen sollen, ist – Information. Schnell und effizient darauf zugreifen, und wo möglich – ästhetisch ansprechend.
"Schubladen"-Menüs haben auf Mobilgeräten und kleineren Displays beim Lösen des Platzmangelproblems brilliert. Mit den neuen riesigen Desktop-Bildschirmgrößen,
Ich sehe keinen Bedarf, Informationen zu verstecken, um sie beim Hover oder Klick anzuzeigen. Ja, für einige geringfügige Informationen, die ich nicht immer sehen muss, aber das wesentliche Element wie Navigation?
Natürlich kann es auf Desktop-Websites gemacht werden.
Aber warum?
Nicht alles, was getan werden kann, sollte getan werden.
Andernfalls wird es aus einem funktionalen "Schubladen"-Effekt, der auf Mobilgeräten usw. so nützlich ist.
wird auf einer Desktop-Website zu einem Gimmick.
Ich schätze, das funktioniert
Ich habe das kürzlich auf der neuen Squarespace-Website bemerkt
Ihr Text zum Verlinken hier…
Das hat mich darüber nachdenken lassen. Größtenteils denke ich, dass es von Designern verwendet wird, die minimieren und entrümpeln wollen, aber vielleicht nicht genug über die Benutzererfahrung nachdenken.
Persönlich denke ich auf einem Breitbildschirm, dass es nicht notwendig ist. Das Lesen der Navigation ist auch eine großartige Möglichkeit, die Grundlagen einer Website zu verstehen.
Aber! Ich denke, es würde fantastisch aussehen für ein Einstellungsfenster, man könnte beispielsweise seine Profildetails ändern und sie in Echtzeit auf der Seite aktualisieren, was den Änderungen einen großen Kontext geben würde.
Verdammt, jetzt muss ich das mal ausprobieren.
Ich glaube, es funktioniert nur auf Desktop-Websites, wenn der Benutzer eine Touchscreen-Oberfläche auf seinem Laptop oder PC hat, sonst funktioniert es für mich einfach nicht.
Ich denke, eine gute Möglichkeit, dies zu beantworten, könnte darin bestehen, zu überlegen, ob man Paletten in Desktop-Software wie Photoshop, Excel oder Keynote einklappt. Ich persönlich lasse meine Paletten immer sichtbar und mag Facebooks Offscreen-Menü nicht.
Ich mag zwar aufgeräumtes Lesen, aber.
Wenn Sie dies tun, denken Sie an die älteren oder weniger computererfahrenen Benutzer. Solange es standardmäßig geöffnet ist und nicht in einem der nervigen "Wo ist es hin"-Momente verschwindet :-) Es würde ein konsistentes Gefühl für Tablets und Desktops bieten.
Ich glaube nicht, dass es ab einer bestimmten Browserbreite notwendig ist (obwohl ich nicht weiß, welche das ist).
Wenn ich es wüsste, würde meine Stimme wahrscheinlich lauten: "Es ist gut in einem responsiven Design, bei dem die Breite < x ist." Ich denke nicht, dass es darauf ankommt, ob es mobil ist oder nicht.
Ich glaube nicht, ist das die richtige Art für Desktop-Anwendungen? Ich meine, ist es besser für SEO? Desktop-Anwendungsnavigation sollte besser und klarer als Standard sein.
Ich habe ein Problem mit Ausklappschubladen im Allgemeinen. Während sie es einer Website ermöglichen, den kleinen Bildschirmbereich effektiver zu nutzen, gibt es meist auch keine Anzeige dafür, dass sie verfügbar sind. Zum jetzigen Zeitpunkt bin ich kein iSheep, also habe ich kein i-Phone. Unter Chrome für Android, wenn Sie auf dem Bildschirm nach rechts oder links wischen, werden die Tabs im Browser gewechselt. Wenn ich also Websites benutze, von denen ich weiß, dass sie eine Schubladenfunktion haben (normalerweise, weil ich die Tabs wechseln wollte), wechsle ich ein paar Mal die Tabs, bevor ich die Schublade erreiche. Was native Apps betrifft, so haben sie einige der gleichen Probleme. Erst kürzlich hat Google der Karten-App eine kleine Tab-Anzeige hinzugefügt, die dem Benutzer mitteilt, dass "etwas" da ist. Leider sieht es aus wie ein GTK- oder Windows-Scrollbalken, so dass mein erster Gedanke war, dass mehr auf der Seite ist. Die Fragen sind also wirklich:
Sind ausklappbare Schubladen wirklich gut für Mobilgeräte?
Wenn ja, warum?
Was sind ihre Nachteile?
Welche visuellen Hinweise sollte die Entwickler-Community verwenden, um Oma Smith wissen zu lassen, dass die Funktion verfügbar ist?
Ist eine Gleitbewegung wirklich die beste?
Ich glaube, das passt gut auf Desktop-Websites, weil es die Navigation aus dem Blickfeld des Benutzers entfernt, damit er sich auf das konzentrieren kann, was wichtig ist: den **Inhalt**. Dann, wenn er bereit ist zu navigieren, kann er die Navigation öffnen.
Das Voting scheint auf dem iPhone nicht sichtbar zu sein oder ich musste lange scrollen, um es zu finden, also vermute ich, es ist nicht gut für Mobilgeräte.
Ich neige dazu, den Kommentaren zuzustimmen, die diese Technik für Desktops für unnötig halten, aber ich mag auch nicht die Idee, bei den Möglichkeiten eingeschränkt zu sein. Dies ist vielleicht eine Frage, bei der die Debatte wertvoller ist als der Versuch, eine einzige Antwort zu finden.
Nun, ich denke, eine kleine Menüschublade auf einem Desktop wäre keine gute Idee, aber ich denke, sie kann auf andere Weise implementiert werden, wie z. B. eine schmale linke Leiste von 100 % Höhe, die sich beim Klicken öffnet, oder etwas Dynamisches wie ein Haken von oben und ein Ziehen zum Öffnen der Schublade.
Aus meiner persönlichen Erfahrung zu diesem Thema gesprochen, denke ich, dass die Navigations-/Menüschubladen dynamisch genug sind, um den Bedürfnissen von Desktop- und Mobilgeräten gerecht zu werden. Hier ist ein Link zu einem Projekt, an dem ich arbeite, das ausschließlich ein gleitendes Seitenmenü verwendet – Sliding Side Menu on Desktop and Mobile
Ich bin tatsächlich auf ein Projekt gestoßen, das eine Offscreen-Navigation verwendete. Das Design unterstützte ein einzelnes Menü unter dem Header, aber wir brauchten ein weiteres Menü mit vielen Links für eingeloggte Benutzer (erfuhren wir nach der Designfreigabe ... :|).
Wir konnten das Design nicht anfassen, hatten keine Seitenleiste (es war eine Spalte), daher war die Implementierung eines Sliding Side Menu tatsächlich sinnvoll. Und es hat einwandfrei funktioniert.
In diesem Sinne habe ich die wirklich schöne Slidr-Bibliothek in ein WordPress-Plugin integriert, falls jemand anderes sie braucht: wordpress.org/plugins/wp-offscreen-navigation
Wie wäre es mit "Es kann gut sein für *manche* Websites"? Ich habe das Gefühl, "Es kann gut sein für *jede* Website" trifft nicht wirklich zu, aber es passt zu manchen Websites. Ich würde sagen, es hängt von der Art des Inhalts ab.
Ich frage mich, ob die Leute von, sagen wir, Teehan und Lax (http://www.teehanlax.com) Statistiken darüber haben, wie das bei ihnen funktioniert hat?!
Ehrlich gesagt, ich denke, Offscreen-Schubladen machen auf Desktops nicht wirklich viel Sinn. Die Animation des gesamten Bildschirms nach rechts/links ist nicht sehr subtil. Es ist tatsächlich eher ein Ärgernis, wenn man es ständig benutzen müsste.
Die Art und Weise, wie Pinterest es macht, ist schön. Sie verwenden das gleiche Symbol. Aber es schiebt den Rest des Bildschirms nicht nach rechts/links. YouTube macht es auch schön. Es ist versteckt und man kann es umschalten.
Wenn die Offscreen-Navigation auch auf dem Desktop vorhanden wäre, könnten wir einfach immer davon ausgehen, dass wir vom Rand aus scrollen können, um die Navigation zu öffnen, was die Navigation auf Websites erleichtert und Ihnen sofort das Gefühl gibt, zu Hause zu sein ;)
Ich habe kürzlich eine adaptive Website (nein, nicht responsiv!) entwickelt, die genau diese Funktionalität für Bildschirmauflösungen im Bereich von Mobil- und Tablet-Geräten verwendet – die immer mehr in Richtung Desktop-ähnliche Auflösungen gehen.
Dieses Konzept ist sehr solide – da mobile Geräte bei der Rechenleistung von Desktops aufholen, ist die Nutzung von 2D/3D-Raum auf und außerhalb des Bildschirms ein großartiger Ansatz, um den verfügbaren Platz auf dem Bildschirm optimal zu nutzen.
Desktops mit großem Bildschirmbereich mögen nicht die gleichen Vorteile bieten wie auf einem Mobilgerät, aber im Grunde genommen, wenn ich es nicht die ganze Zeit sehen muss, ist die Freiheit, es zu verstecken, auf dem Desktop immer vorhanden und sorgt für eine sehr modulare Benutzeroberfläche, bei der wichtige Informationen gezeigt werden, wo und wann ich sie will.
Ich stimme für die Verwendung von mobilen Navis auf Desktops, und das aus vielen sehr logischen Gründen.
Problem #1 bei der Verwendung von horizontaler Top-Level-Navigation
Dies ist das erste Problem, auf das alle CMS-Benutzer und Designer zuerst bei horizontalen Navigationsmenüs stoßen: Sie gehen der Platz aus wegen zu vieler Top-Level-Links oder die Schriftgrößen sind zu groß. Dies ist auch ein Problem für die Erstellung einer mobilen Version der Navigation, die nur dann einspringt, wenn die Navigationspunkte horizontal überlaufen. Nur mehr JavaScript-Entwicklung, um diesen Fehler zu beheben. Es gibt keine einzige Lösung, die für alle Websites funktioniert.
Problem #2 bei der Verwendung von horizontaler Top-Level-Navigation
Dropdowns! Dropdowns sind extrem schmerzhaft zu hovern und zu navigieren mit jedem Eingabegerät, sei es Maus, Touch oder Trackpad. Das ständige Abrutschen oder Verfehlen des Klicks, und der Benutzer muss jetzt wieder ganz nach oben navigieren und die Dropdowns erneut ziehen, in der Hoffnung, dass es nicht ein zweites oder sogar drittes oder viertes Mal passiert, bevor er den Link anklickt, den er möchte. Ein weiteres großes Problem mit den Dropdowns ist die Frage, wann man sie nach links oder rechts fallen lassen soll, also muss mehr jQuery programmiert werden, was die Leistung der Website verlangsamt, nur um Dropdowns daran zu hindern, außerhalb der rechten Seite Ihrer Webseite zu schweben und sie unzugänglich zu machen, also könnten Sie sie stattdessen nach links fallen lassen, was einfach unordentlich und verwirrend wird und die Wahrscheinlichkeit erhöht, wieder einen Fehler zu machen und von vorne zu beginnen.
Problem #3 bei der Verwendung von horizontaler Top-Level-Navigation
Tablet-Geräte!!!!! Das ist der Tropfen, der das Fass zum Überlaufen bringt, sozusagen. Erstens ist touch-gesteuerte Navigation die Zukunft, es ist nicht nur die Zukunft, es ist die Gegenwart! 50% des Webverkehrs kommen von Tablets und Mobilgeräten, Desktop- und Laptop-Verkäufe gehen stark zurück, was bedeutet das für Ihre horizontale Navigation? KOPFSCHMERZEN!!!! für Sie und Ihren Webentwickler. Es gibt keinen perfekten Bildschirmgrößen-Breakpoint, der für alle Geräte perfekt ist. Die Verwendung von User-Agent-Detektoren zum Laden verschiedener Menüs ist ebenfalls ein Hack, der nicht immer richtig funktioniert, daher ist ein echtes, gestengesteuertes universelles Navigationssystem der einzige und beste Weg, einen konsistenten Navigationsfluss auf Ihrer Website zu haben.
Problem #4 bei der Verwendung von horizontaler Top-Level-Navigation
"Moment mal, ich bin auf einer Seite, die eine Unterseite eines übergeordneten Menüpunkts ist, aber jetzt kann ich die aktive Seite im Menü nicht hervorgehoben sehen, weil sie in einem Dropdown versteckt ist! Wo bin ich?"
Antwort: Sie sind hier > (Brotkrumen)!
Brotkrumen sind die beste Möglichkeit, Ihren Besuchern zu vermitteln, wo sie sich befinden. Außerdem ist es besser für SEO, wenn Sie RDFa und Schema.org Markup verwenden. So können sie immer genau sehen, wie sie mit Leichtigkeit zu einer übergeordneten Seite navigieren können, es sieht auf Ihrer Seite direkt unter dem Header nicht hässlich aus.
Problem #5 bei der Verwendung von horizontaler Top-Level-Navigation
Seien wir ehrlich, als Webentwickler und Designer ist es nichts weiter als ein riesiger Schmerz im Hintern, ständig zwei verschiedene Navigationsmenüs für jedes Projekt programmieren zu müssen. All dies verlangsamt nur Ihre Website und verwirrt die Besucher noch mehr, weil der Website-Besitzer immer noch in den 90ern feststeckt. Ich sage, wenn Sie ein Top-Level-Horizontal-Navigationsmenü wünschen, machen Sie etwas Einfaches, wie 2-3 Hauptfunktionen Ihrer Website, wie Google, Twitter, Facebook und all die anderen großen Websites es getan haben, und legen Sie Ihre detaillierteren Navigationsmenüs in die Seiten, zu denen sie gehören. Es gibt ein HTML5-Element namens NUTZE ES!!!!! ES IST DER BESTE FREUND IHRER WEBSEITE!
Problem #6 bei der Verwendung von horizontaler Top-Level-Navigation
MegaMenus! Fangen Sie gar nicht erst mit dieser Katastrophe an! Wenn Sie die Kosten für die Entwicklung Ihrer Website erhöhen möchten, während Sie gleichzeitig die Ladezeiten und die Leistung der Website verlangsamen und noch schlimmer, Ihre Besucher völlig davon ablenken, die Website tatsächlich zu nutzen, dann warum überhaupt eine Webseite machen? Machen Sie die gesamte Website zu einer Navigationsleiste, lol! Das Hauptproblem bei Megamenus ist, dass sie voller Probleme sind! Die Wahrheit ist, diese Arten von Funktionen sollten dem Inhaltbereich der Website selbst vorbehalten sein.
Brauchen Sie immer noch mehr Platz für diese schreckliche Augenweide von einer horizontalen Navigation im Header mit jedem einzelnen Link Ihrer Website? Erstellen Sie ein weiteres kleines Footer-Navigationsmenü oder, noch besser, eine Sitemap-Seite. Warum sollten Sie jede einzelne Seite Ihrer Website mit einem riesigen Header überladen, von dem Sie sich ablenken lassen müssen, nur um zum wichtigen Teil Ihrer Website zu gelangen: DIE SEITE!
Die Leute sollten sich daran gewöhnen, was ein Menübutton ist, egal ob es sich um ein Symbol oder das Wort "Menü" handelt. Es ist einfach zu bedienen, unendlich erweiterbar, universell auf allen Geräten anzeigbar und sieht hübsch und macht Spaß zu benutzen. Machen Sie sich keine Sorgen, wenn Ihre Besucher noch nicht gelernt haben, auf einen Menübutton zu klicken, das werden sie bald. Sie haben gelernt, eine Maus zu benutzen, sie werden lernen, Ihren Menübutton zu benutzen. Außerdem ist es nur eine Frage der Zeit, bis sie erkennen, was es ist, da ein großer Teil des Webs bereits den Schritt weg von unsinnigen horizontalen Navigationsmenüs gemacht hat.
Übrigens, liebe das neue Design auf CSS-Tricks!