Die Ergebnisse sind da! Fast 5.000 Wähler haben sich zu der letzten Umfrage geäußert, um zu entscheiden, ob der „Off-Screen“-Navigationsstil, der das mobile Design im Sturm erobert hat, für größere (“Desktop”)-Designs geeignet ist. Sie konnten antworten
- Sie ist auf keiner Seite gut.
- Sie kann auf jeder Seite gut sein.
- Sie ist gut für mobile Seiten, aber nicht für Desktop-Seiten.
Nur 10 % von Ihnen waren der Meinung, dass die Off-Screen-Navigation bei keinem Design eine gute Idee ist. Die überwiegende Mehrheit befürwortet sie also zumindest auf kleinen Bildschirmen. Die restlichen 90 % waren ziemlich gleichmäßig aufgeteilt. Mit knapper Mehrheit, bei 46 %, stimmten Sie dafür, dass Off-Screen-Navigation auf jedem Design funktionieren kann, was sie zur beliebtesten Wahl macht. 44 % sagten, sie sei nur für mobile Seiten geeignet.
Hier ist eine visuelle Aufschlüsselung
Siehe den Pen GtCqp von Chris Coyier (@chriscoyier) auf CodePen
Persönlich würde ich mich eher an das Pragmatische halten. Ich weiß, dass ich Sie gebeten habe, ohne den Kontext eines bestimmten Designs abzustimmen. Das dient nur dazu, einen allgemeinen Bauchgefühl und die Stimmung der Community zu diesem Thema einzufangen. Aber ich bin sicher, die meisten von uns treffen reale Entscheidungen, insbesondere Designentscheidungen, basierend auf den Fakten, die uns vorliegen. Wenn eine Schublade auf einem großen Desktop-Website-Design viel Sinn ergeben würde, würden wir sie wahrscheinlich nehmen. Aber natürlich entstand diese Idee aus der Realität, dass kleine Bildschirme klein sind und die Navigation vom Hauptbildschirm weg zu bewegen, uns mehr Platz zum Arbeiten und größere Tippflächen an beiden Stellen gibt. Sie auf ein großes Bildschirmdesign zu setzen, wo das kein so großes Problem ist, könnte seltsam sein. Aber vielleicht wird es mit der Zeit immer weniger seltsam, da mobile Designs dominieren, mit denen die Leute interagieren.
Die Umfrage in der Seitenleiste noch ein oder zwei Tage, bevor die nächste hochgeladen wird. Schauen Sie im Umfragenarchiv nach vollständigen, Echtzeit-Ergebnissen für diese und alle vergangenen Umfragen.
Schöne Umfrage. Ich bin bei Ihnen, Chris, ich glaube auch, dass Design darin besteht, die beste Lösung für eine gegebene Situation zu finden. Daher fällt es mir schwer zu verstehen, warum jemand eine Alternative einfach fallen lassen würde, bevor er sie überhaupt versucht und bewertet hat. Wir haben bereits viele Off-Screen-Navigationen in Systemen und Geräten, die keine Websites auf Mobilgeräten sind, wie z. B. Videospiele und Point-of-Sale-Kioske, und ich glaube, dieser Trend wird wachsen, da immer mehr Touch-Geräte jeder Größe in unsere Welt eingeführt werden.
Ich denke, es würde auch auf Websites für Desktops funktionieren, das Problem, das ich bei einigen meiner Websites habe, ist, dass ich sie narrensicher machen muss. Ich wurde gebeten, Elemente aus einem Dropdown-Menü zu verschieben, weil sie zu schwer zu finden waren. Und es war sehr gut organisiert. Diese Art von Problem würde die Verwendung dieser Art von Navigation unmöglich machen, aber einige andere Kunden stört das vielleicht nicht für ihre Seiten.
Ich habe mit Off-Screen-Navigation auf Desktops experimentiert und festgestellt, dass das Vorerweitern der Seitenleiste, damit sie nicht verborgen ist, gut funktioniert.
Ich denke, wenn man so etwas machen will, sollte man, sobald das Browserfenster eine bestimmte Breite erreicht, die Sichtbarkeit nicht mehr umschalten können (und offensichtlich sicherstellen, dass der normale Inhalt dadurch nicht verschoben wird).
Mir fällt wirklich keine Website ein, die von einer Off-Screen-Slide-out-Navigation auf einem Desktop profitieren würde. Sie erfordert nur einen zusätzlichen Klick, um auf Inhalte zuzugreifen, was genau das ist, was man nicht tun möchte. Desktop-Bildschirmfläche ist riesig, selbst bei der durchschnittlichen Mindestauflösung im regulären Gebrauch, und es ist unnötig, sie zu verschwenden.
Ich habe versucht, an Websites/Web-Apps zu denken, auf denen man Off-Screen-Navigation aufgrund großer Menüs nutzen könnte, und ich kann mir immer noch keine Möglichkeit vorstellen, wie sie den Zugriff oder die Benutzerfreundlichkeit verbessert.
Meine Gmail-Inbox hat eine riesige Anzahl von Labels auf der linken Seite. Soll ich sie in eine Off-Screen-Navigation verschieben? Dann sehe ich nicht mehr ihren ungelesenen Nachrichten-Zähler.
eBay hat riesige Listen von Kategorien, Unterkategorien und Filtern. Soll ich sie in eine Off-Screen-Navigation verschieben? Es erfordert jetzt einen zusätzlichen Klick bei jedem Kategoriewechsel, bevor ich den nächsten gewünschten Filter auswählen kann. Zum Beispiel dauert es nun NOCH länger, zu Akustikgitarren von Yamaha zu gelangen.
Die Facebook Apple/Android App hat eine große Off-Screen-Navigation, während die Website eine viel komprimiertere Top-Menüleiste mit zusätzlicher Funktion oben links hat, und das funktioniert gut. Die Ladezeiten sind auf einem Desktop generell schneller, da kein 3G genutzt wird, und Sie bekommen eine viel bessere Präzision beim Klicken auf einen kleineren Link mit einer Maus als beim Tippen mit dem Finger auf einem winzigen Bildschirm. Das Auswählen von Menü > Alle Gruppen, denen ich angehöre, aus einer Seitenleiste ist völlig übertrieben, wenn man einfach auf Gruppen > Relevante Gruppe klicken kann.
Ich würde die Off-Screen/Akkordeon-artige Navigation auf einer Website absolut nutzen, aber es hängt definitiv vom Layout der Website ab. Tatsächlich versuche ich gerade zu entscheiden, ob ich sie für eine Website, an der ich arbeite, verwenden kann.
Ich denke nicht, dass es etwas verschwendet, wenn man etwas, das 6-10 Buttons/Menüoptionen wären, in eine Option mit einem Dropdown/Akkordeon verwandelt. Ich glaube, wenn man die Menge an Dingen, von denen ein Benutzer überwältigt wird, kondensieren und reduzieren kann, vereinfacht das die Gesamterfahrung. Großes Ding, sie müssen auf einen Button oder ein Bild klicken, das 'Menü' heißt, das machen sie auf ihren Handys und Tablets sowieso.
Ich denke auch, dass datengesteuerte Entscheidungen hier helfen können. Erstellen Sie ein komplexes Forum oder eine sehr lange/tiefgehende UX, die vom Benutzer verlangt, alle seine Optionen offen zur Verfügung zu haben? Oder erstellen Sie etwas Einfacheres, oder etwas, das Sie einfacher gestalten möchten? Und hier ist der entscheidende Punkt... wie viele Ihrer Benutzer besuchen Ihre Website auf einem Telefon oder Tablet im Vergleich zu einem vollwertigen Desktop? Ich glaube fest daran, dass die Grenze zwischen Desktop-Größen und Tablet-/Telefon-Größen immer mehr verschwimmen wird, wodurch die Leute eine ähnliche UX auf allen Geräten erstellen können.
Dies ist alles Teil des Berufs eines interaktiven Designers. Wie werden unsere Benutzer mit dem Produkt interagieren, das wir bauen? Wie hilft Entscheidung A ihnen oder schadet sie ihnen im Vergleich zu Entscheidung B?
Ich denke, diese Seite macht einen großartigen Job bei der Nutzung dieser Navigationsform auf einem Vollbildschirm
http://www.julianabicycles.com/
Aber für sie muss der Fokus auf den Fotos ihres Produkts liegen, und nicht die gute Fotografie durch Text unterbrechen.
Ich denke, es hängt alles vom UI/UX-Design ab. Für Desktop-Websites könnte diese Art von Menü für einige Menügruppen nützlich sein, z. B. für ein Benutzerkonto-Menü (Profil, Einstellungen, E-Mail, Passwort usw.), aber nicht für die Hauptnavigation der Website. Ich habe "Sie kann auf jeder Seite gut sein" gewählt.
Auf Mobilgeräten ist es ein ziemlich übliches Muster, daher wäre es kein großes Problem. Auf Desktops wirkt es einfach sinnlos und veranlasst Benutzer, a) nach der Navigation zu suchen und b) normalerweise mehr als nötig zu klicken oder mit der Maus zu fahren.
Ich meine nicht, den Thread aufzuwärmen, aber ich möchte nur hinzufügen, dass YouTube dies anscheinend jetzt tut und infolgedessen habe ich auf beiden Seiten der Hauptspalte fast 300 Pixel leeren Platz. Ich bleibe bei meinem ursprünglichen Gedanken, nämlich: „Es kann gut sein, wenn es richtig gemacht wird.“