it-swarm-eu.dev

Warum lassen viele Websites die Hälfte jeder Webseite leer?

Warum lassen viele Websites die Hälfte jeder Webseite leer? Ist das nicht eine Verschwendung von Bildschirmplatz?

Ein schönes Beispiel hierfür sind die Stack Exchange Network-Sites:

(Screenshot of UX Stack Exchange with annotations

Wie Sie sehen können, befindet sich auf beiden Seiten jeder Seite eine Menge Leerzeichen.

Macht das Leerzeichen Websites mit bestimmten Bildschirmgrößen kompatibel?
Hilft das Verlassen des Raums dabei, Websites mobilfreundlich zu machen?
Lässt der Platz die Seiten weniger überfüllt und damit benutzerfreundlicher erscheinen?
Oder gibt es keinen guten Grund und die Leute tun es einfach, weil sie nicht wissen, dass sie es nicht sollten?

Ich habe an Websites gearbeitet, die beide Designs verwenden, und Benutzer haben sich in keiner Weise beschwert.

Beispiele für Websites mit Speicherplatz: Stapelüberlauf , GitHub , Facebook
Beispiele für Websites ohne Speicherplatz: Amazon , Chase , Gmail

207
Tot Zam

Es gibt viele Gründe, aber die wichtigsten sind visuelle Unordnung und Informationshierarchie auf einer Seite und strukturelle Konsistenz auf der UI-Seite.

Visuelle Unordnung

Unordnung ist ein wichtiges Phänomen in unserem Leben und eine wichtige Überlegung bei der Gestaltung von Benutzeroberflächen und Informationsvisualisierungen. Viele vorhandene Visualisierungssysteme reduzieren die Unordnung, indem sie filtern, welche Objekte oder Informationen der Benutzer sieht, oder nichtlineare Vergrößerungstechniken verwenden, damit Objekte in der Mitte des Bildschirms mehr Anzeigefläche erhalten. Tipps zum Entwerfen von Webseiten, Karten und anderen Visualisierungen konzentrieren sich häufig auf Techniken zum Anzeigen einer großen Menge von Informationen, während die Unordnung durch sorgfältige Auswahl der Darstellung und Organisation dieser Informationen auf ein Minimum reduziert wird. [Rosenholtz et al., 2005]

Einfach ausgedrückt: Die Idee ist, eine visuelle und damit kognitive Überlastung zu vermeiden, indem Elemente auf logische Weise dargestellt werden. Dieser logische Weg bezieht sich auf den nächsten Punkt:

Hierarchie der Informationen

Informationen haben eine Hierarchie und sind der wichtigste Teil dessen, was Sie anzeigen möchten. Der Unterschied zwischen Misserfolg und Erfolg.

Die Informationshierarchie ist ein universelles Designprinzip, das in allen Formen des Designs verwendet werden sollte, einschließlich E-Learning-Design. Per Definition ist es die Anordnung von Elementen oder Inhalten auf einer Seite/einem Bildschirm, so dass eine Reihenfolge der Wichtigkeit (entweder aufsteigend oder absteigend) angezeigt wird.

Schauen Sie sich das Modell boxed Unten an:

(enter image description here

Wie Sie vielleicht sehen, ist es ziemlich klar, dass die Hierarchie für die meisten Menschen strukturiert und verständlich ist. Bitte beachten Sie, dass diese Hierarchie im Reaktionsmodus alle Elemente wie erwartet stapelt, sodass der mobile Vorteil sehr klar ist

Jetzt das gleiche Layout, das in voller Breite umgewandelt wurde:

(enter image description here (versuchen Sie es in voller Größe zu sehen)

Jetzt ist Hierarchie 1 verschwunden, und das Auge des Benutzers wird wahrscheinlich zuerst 2 und 3 scannen. Und dann 6 und 7! Grundsätzlich liegt unser wichtigstes Element unterhalb der Hierarchie. Wir können es so ändern, dass die Reihenfolge ungefähr 3-1-2-4 ist. Dann treten auch Probleme beim Stapeln auf reaktionsschnellen Modellen auf (nicht nur auf Geräten, sondern auch bei der Größenänderung des Bildschirms), da 3 das erste Element ist. Daher erstellen wir erneut Probleme, anstatt Probleme zu lösen.

Wie Sie sehen können, sind die Probleme ziemlich groß, und dies sind nur die Hauptprobleme.

Dann haben wir aber auch die UI- oder Layoutseite:

Strukturelle Konsistenz

Angenommen, Sie haben eine Seite in voller Breite. Egal was, es wird 100% sein. 100% für die Person auf einem kleinen Laptop und 100% auf einem 24-Zoll-Monitor. Es ist leicht zu erkennen, dass die Person auf einem Laptop komprimierte Informationen mit einer bestimmten Struktur sieht, die Elemente auf eine ganz bestimmte Art und Weise mit einer ganz bestimmten Menge an Informationen auf dem Bildschirm anzeigt.

Jetzt sieht der Benutzer auf diesem 24-Zoll-Monitor etwas ganz anderes. Zunächst einmal besteht die Möglichkeit, dass sich die Benutzerin wie in einem Tennismatch fühlt, wobei ihr Kopf von einer Seite zur anderen geht. Die visuelle Sättigung und Reibung wird natürlich unglaublich hoch sein . Aber die vertikale Anzeige von Informationen wird auch anders sein. Siehe unten:

1366x768 enter image description here

Jetzt 1920x1200 (24-Zoll-Monitor) enter image description here

Ein ziemlicher Unterschied, oder? Die Bilder wurden vergrößert (und dies könnte ein weiteres Problem sein!) und der Text behielt seine Größe bei und verdoppelte fast die Textmenge. Denken Sie jetzt darüber nach, multipliziert mit der unglaublichen Menge an Bildschirmgrößen, die es gibt, und solchen, die es noch nicht gibt und die vielleicht in den nächsten Monaten auftauchen werden

Mit anderen Worten: Anstatt die Kontrolle zu behalten, geben wir sie zugunsten der Zufälligkeit auf .

Natürlich sprechen wir von allgemeinen Regeln, nicht von extrem spezifischen Fällen, daher wird es hier und da Ausnahmen geben

Ein letzter Hinweis:

Ich möchte klarstellen, dass aus Ihren Beispielen mit voller Breite nur Amazon sie verwendet, und es dauerte Jahre des Testens (es gab einen sehr interessanten Artikel darüber, den ich derzeit nicht finden kann) mit unzähligen A/B-Tests. Aber hier funktioniert die Hierarchie: Sie verkaufen Produkte, bei denen sie die Hierarchie vorher nicht kennen, da die meisten Produkte ein ähnliches ungefähres Gewicht enthalten, sodass Sie Ihr Bestes tun, um die des Benutzers zu erreichen Suche.

Google verwendet ein boxed Modell und richtet den Inhalt links mit einer kleinen Lücke aus Leerzeichen links aus. LinkedIn-Hauptseiten sind eingerahmt und zentriert, obwohl die Zielseite für nicht angemeldete Benutzer ein Element voller Breite enthält. Aber wenn Sie genau hinschauen, ist alles andere boxed, sogar auf dieser Seite

134
Devin

Die optimale Zeilenlänge für Ihren Körpertext beträgt 50-60 Zeichen pro Zeile, einschließlich Leerzeichen („Typographie“, E. Ruder). Andere Quellen schlagen vor, dass bis zu 75 Zeichen akzeptabel sind.

Quelle

Eine Website sauber (und simpel) zu halten, ist ein Designtrend, hat aber auch Usability-Werte. Es gibt weniger Lärm und Benutzer können Dinge leichter finden.

Das Hinzufügen einer maximalen Breite zu Ihrem Inhalt ist jedoch in erster Linie gut für die Lesbarkeit. Schauen Sie sich einfach reddit an und Sie werden feststellen, warum die Zeilenlänge wichtig ist.

85

Die Menge an Informationen, die der Benutzer gleichzeitig sehen sollte, ist angemessen begrenzt .

Wenn die Ansicht mit mehr Informationen gefüllt ist, als der Benutzer aufnehmen/verstehen kann, wird sie überwältigend. Dies hängt von der Art des Inhalts ab und der Art und Weise, wie die Informationen angezeigt werden.

Es geht nicht darum, leeren Raum zu lassen, sondern den benötigten Platz zu nutzen, nicht mehr.

Um den Punkt anhand Ihres Beispiels zu veranschaulichen:

(enter image description here

Da Websites Scrollen verwenden können, müssen nicht so viele Informationen wie möglich auf einem einzigen Bildschirm angezeigt werden.

Wie verteile ich nun den Inhalt?

(enter image description here

(enter image description hereenter image description here

Abhängig von der Site kann der Inhalt zentriert oder linksbündig sein (letzteres wahrscheinlich aufgrund des Lesens von links nach rechts). Es gibt eine andere Alternative, die nicht darin besteht, den Raum innerhalb der Grenzen der Container zu verteilen, sondern innerhalb der Elemente. Diese Art von Layout kann nützlich sein, wenn sich mehrere Spalten in den Containern befinden und auf jeder Seite eine Seitenleiste vorhanden ist. Mit anderen Worten, es lohnt sich, wenn genügend Spalten vorhanden sind, und irgendwann beginnt die Konsistenz jedes Elements (jeder Zeile) zu brechen, da die Informationen zu weit voneinander entfernt sind . Und wenn wir diesen Punkt erreicht haben, sind wir zurück, um diesen leeren Raum auf eine der vorherigen Arten weiter hinzuzufügen.

(enter image description here

76
Alvaro

Akademische Studien zum Leerraum

Ja, Leerzeichen werden verwendet, um die Lesbarkeit zu verbessern und die visuelle Unordnung zu verringern [1] , [2] .

Je mehr Objekte sich auf dem Bildschirm befinden, desto mehr müssen das Auge und das Gehirn verarbeiten [3] . Mit leerem Raum reduzieren wir die erforderlichen Aufmerksamkeitsressourcen, um die Seite zu verarbeiten . Zu viel (mehr als 50%) davon kann sich jedoch negativ auf die Lesbarkeit und Benutzerzufriedenheit auswirken [4] .

Macht das Leerzeichen Websites mit bestimmten Bildschirmgrößen kompatibel?

Nicht wirklich. Wenn die Seite keinen Leerraum hat (und mit Inhalten gestapelt ist), wird es beim Entwerfen für verschiedene Auflösungen zu einem großen Problem, alle Elemente der Seite für die verschiedenen Auflösungen zu positionieren.

Hilft das Verlassen des Raums dabei, Websites mobilfreundlich zu machen?

Na ja nicht genau. Bei mobilen Auflösungen können Sie feststellen, dass nicht so viel Leerraum vorhanden ist. Sie haben aufgrund des begrenzten Bildschirmbereichs, der auf Mobiltelefonen verfügbar ist, eine unterschiedliche Layoutstruktur.


Verweise:

[1] Chaparro B. et al., Online-Text lesen: Ein Vergleich von vier Leerraum-Layouts, 2004

[2] Coursaris C. und Kripintris K., Webästhetik und Benutzerfreundlichkeit: Eine empirische Studie über die Auswirkungen von Leerraum, 2012

[3] S. Luck und E. Vogel Die Fähigkeit des visuellen Arbeitsgedächtnisses für Merkmale und Konjunktionen, 1997

[4] Bernard M., Chaparro B. und Thomasson R., Informationen im Internet finden: Ist die Menge an Leerzeichen wirklich wichtig ?, 2000

18

Als Webentwickler, der für die Websites spricht, die ich erstellt habe: Wir haben nicht für Displays mit großer Breite entworfen. Und der Leerraum ist die Standardeinstellung, wenn Sie die Browserbreite vergrößern (oder welche CSS-Hintergrundfarbe auch immer).

Die Kosten für das Entwerfen und Entwickeln einer reaktionsschnellen und skalierbaren Website für Desktop und Mobile sind bereits recht hoch. Unsere Analysen zeigen, dass mehr als 90% unserer Benutzer unsere Website in einer Auflösung von <1400 px anzeigen.

Letztendlich lohnt es sich nicht, Zeit und Geld für das Entwerfen und Implementieren von <10% der Benutzer aufzuwenden, die unsere Websites mit einer Auflösung von> 1400px durchsuchen.

Verwandte: https://webmasters.stackexchange.com/questions/7932/what-is-the-standard-width-for-a-website-in-pixels

18
y3sh

Weil manche Leute wie ich surfen und der Monitor um 90 ° gedreht ist.

(enter image description here

Andere Benutzer arbeiten auf Tablets, Handys und Win 3.11 mit einer Auflösung von 640 * 480 und 8-Bit-Farben. Die besten Websites sind im Allgemeinen so gestaltet, dass sie auf allen lesbar aussehen Geräte, die auf keinem bestimmten Gerät gut aussehen.

6
dotancohen

Wenn der Inhalt natürlich so breit ist, machen Sie die Seite auf jeden Fall breiter. So wäre beispielsweise ein großer Tisch viel nützlicher, wenn er so viel Breite wie nötig verwenden würde, als wenn er in einer schmaleren Spalte eng wäre. Ich habe in der Vergangenheit Google Docs-Tabellen im Vollbildmodus verwendet, und das ist nützlich.

Aber wie andere gesagt haben, gibt es eine Grenze, wie lange Textzeilen sein sollten, bevor sie schwer zu lesen sind. Dies liegt daran, dass es schwierig wird, den Anfang der nächsten Zeile zu finden, wenn sich Ihr Auge nach links bewegt. Daher sollten Textspalten nur so breit sein.

Ein weiteres Argument dafür, dass ich keine breiten Webseiten habe, ist, dass ich keinen riesigen Monitor gekauft habe, nur um mehr von einer Website zu sehen. Je größer die Bildschirme werden, desto geringer ist die Wahrscheinlichkeit, dass Benutzer Fenster maximieren. Daher ist der Browser ohnehin nicht so breit.

Ich habe einen riesigen Monitor gekauft (eigentlich zwei riesige Monitore nebeneinander, und ich hätte mehr, wenn mein Computer sie antreiben würde), damit ich mehrere Fenster, Browser, Editoren usw. nebeneinander haben kann. Auf diese Weise muss ich nicht ständig zwischen Apps wechseln, sondern kann nur von einer zur anderen blicken, was die Dinge viel effizienter macht. Dies gilt wahrscheinlich am besten für Websites wie Stackexchange, die häufig in Arbeitskontexten verwendet werden, in denen Personen gleichzeitig an anderen Dingen arbeiten. Es ist mit ziemlicher Sicherheit viel weniger wichtig für Unterhaltungsseiten.

Denken Sie also wie bei jeder Frage zur Benutzerfreundlichkeit an den Kontext, in dem Ihre Benutzer arbeiten. Ist Ihre Website das einzige, was sie betrachten, oder ist es nur ein Teil dessen, was sie tun? Kannst du dir da wirklich sicher sein? Haben Sie diese Informationen zum Beispiel protokolliert?

Selbst wenn es das einzige ist, was sie tun, macht es keinen Sinn, Dinge auf den Bildschirm zu bringen, es sei denn, sie dienen tatsächlich einem Zweck. Ansonsten sind sie nur Geräusche, die von dem ablenken, was sie eigentlich sehen sollen (oder tatsächlich wollen sie schauen). Also, wenn es wirklich nützlich ist, dann mach weiter. Aber füllen Sie nicht nur den Raum aus.

4
Peter Bagnall

Dieses Design kann mithilfe von Bootstrap leicht gefunden und geändert werden. Das Beispiel finden Sie hier: http://getbootstrap.com/css/#grid-example-fluid

Eine einfache Antwort für die Benutzeroberfläche ist, dass die Absatzbreite mit der Menge an ungezwungenen Bewegungen vergleichbar ist, die ein Auge von links nach rechts ausführen kann - auch mit einem Blatt Papier.

Normalerweise sollte der lesbare Bereich eines Absatzes nicht breiter sein als eine durchschnittlich große Hand.

3
user96861

Ich war wirklich überrascht, diese Frage und das Interesse für das Thema zu sehen. Dies scheint mir Teil der alten Debatte um die Frage "Ist weißer Raum verschwendeter Raum?" Zu sein.

Ich denke, dies ist ein Mythos und es gibt viele Argumente, die die Idee stützen, dass weißer Raum der Schlüssel zu erfolgreichem Design ist.

Das wichtigste Argument für die Begrenzung der Breite des Hauptinhaltsblocks und den Layout-Leerraum ist, dass das Design benutzerfreundlicher wird und den Benutzern hilft Konzentrieren Sie sich auf die wichtigsten Elemente. Ich kann Ihnen aus Erfahrung sagen, dass ich diese Websites einfach mit so vielen Informationen auf einer Seite hinterlasse, dass ich das Gefühl habe, nie das zu finden, was ich brauche. Es ist anstrengend, Informationen auf dem gesamten Bildschirm zu sehen, und ich verstehe nicht, wie ich mich auf die mittlere Spalte mit Text auf der linken und rechten Seite konzentrieren kann.

Ich weiß, dass dies ein wenig subjektiv ist, aber auf der Seite mit vielen Informationen auf der Seite habe ich das Gefühl, dass die Entwickler nicht mehr Zeit damit verbringen wollten, eine Schaltfläche mit "mehr" hinzuzufügen oder das Wichtige zu synthetisieren. Es fühlt sich wie eine Bestrafung an und es fühlt sich billig an.

Leerzeichen helfen:

  • sich auf die wichtigsten Inhalte konzentrieren;
  • verbessert das Leseverständnis;
  • schaffen das Aussehen und Gefühl von Minimalismus und Eleganz.

In diesem Artikel Warum Leerraum für UX-Design entscheidend ist fand ich eine interessante Meinung:

Es wurde nachgewiesen, dass Leerzeichen das Verständnis um bis zu 20% steigern. (...)

Leerraum hilft beim Erstellen von mentalen Karten. (...)

Die Kraft des weißen Raums kommt von den Grenzen menschlicher Aufmerksamkeit und Erinnerung

Update: Genauer gesagt besteht die Alternative zu Rändern links und rechts darin, mehr Spalten oder ein Hauptfeld mit einer größeren Breite zu haben.

Das Problem bei der ersten Option ist, dass es schwierig ist, wichtige Informationen zu priorisieren, und bei der zweiten Option ist es schwierig, einen Text mit großer Breite zu lesen.

Ein gutes Argument zur Begrenzung der Breite einer Spalte wird vorgestellt hier und diese Referenz ist wichtig zu erwähnen:

Gibt es eine ideale Zeilenlänge für den Inhalt?

Um eine Passage aus „Web Style Guide - Grundlegende Gestaltungsprinzipien für die Erstellung von Websites“ zu zitieren.

Die ideale Zeilenlänge für das Textlayout basiert auf der Physiologie des menschlichen Auges…

Bei normaler Lesedistanz beträgt der Bogen des Gesichtsfelds nur wenige Zoll - ungefähr die Breite einer gut gestalteten Textspalte oder ungefähr 12 Wörter pro Zeile. Untersuchungen zeigen, dass das Lesen langsamer wird und die Retentionsraten sinken, wenn die Linienlänge die ideale Breite überschreitet, da der Leser dann die Muskeln des Auges und des Halses verwenden muss, um vom Ende einer Linie bis zum Anfang der nächsten Linie zu verfolgen. Wenn das Auge große Entfernungen auf der Seite zurücklegen muss, geht der Leser leicht verloren und muss nach dem Anfang der nächsten Zeile suchen. Quantitative Studien zeigen, dass moderate Zeilenlängen die Lesbarkeit von Text signifikant verbessern.

Web Style Guide - Grundlegende Gestaltungsprinzipien für die Erstellung der Website Patrick J. Lynch und Sarah Horton 2. Auflage, Seite 97.

2
Madalina Taina

Ich würde sagen, das Sichtfeld spielt eine Rolle. Sie können leicht ein Stück Papier lesen und die Breite der Website ist ungefähr gleich groß. Auf diese Weise müssen Sie Ihren Kopf beim Lesen oder Parsen der Seite nicht so stark in horizontaler Richtung bewegen.

Auch wenn Sie versuchen würden, das Leerzeichen zu reduzieren, wie würden Sie es dann tun? Es ist nicht unbedingt einfach. Die meisten Fragen sind bereits recht kurz. 2 Seiten nebeneinander? Wie würde das mit inifinte scroll oder scrolling im Allgemeinen funktionieren?

2

Ich habe alle Antworten oben gelesen, aber nirgendwo eine Erwähnung von möglicherweise auftretenden Problemen gesehen.

Obwohl ich immer noch nicht das "Mobile First" -Design bekomme, muss derselbe Inhalt von 320px bis zu ... was auch immer gut aussehen, wenn Sie eine Webanwendung als Antwort entwerfen möchten. Ich arbeite hauptsächlich mit Dashboards, daher wird viel Platz benötigt, aber meistens kann ich Inhalte immer noch nicht so stark dehnen, dass sie auf allen Auflösungsebenen reaktionsschnell gut aussehen.

Denken Sie immer daran, dass der Inhalt in kleineren Auflösungsstufen gestapelt wird und je höher die Höhe des Inhaltsblocks in diesen Auflösungen ist, je länger die Containerbreite ist. Beispielsweise verbraucht eine einzelne Textzeile in einem Container mit einer Breite von 1920 Pixel 140 Pixel Höhe in einer mobilen Bildschirmansicht - das sind 30% einer kleinen Telefonbildschirmhöhe und ohne Browser-Benutzeroberfläche. Ich bin derzeit auf einem 21: 9 3440x1440px-Bildschirm. Stellen Sie sich Bilder vor, die sich auf meinem Bildschirm von einer Seite zur anderen erstrecken. Ganz zu schweigen davon, dass ich manchmal den Kopf drehen muss, um den Desktop von einer Seite zur anderen zu sehen! : D.

Hier ist ein Beispiel: https://jsfiddle.net/cjj1Ln36/1/

Erfahrungsgemäß ist mehr als 1400px ein Overkill, insbesondere für umfangreiche Inhalte, z. B. die Kombination von Titel, Text und Diagramm. Normalerweise ist es bei höheren Auflösungen logisch, den Inhalt in Spalten zu unterbrechen. Je nach Auflösung und Erfahrung sind diese Spalten jedoch je nach Auflösung entweder zu unfruchtbar oder zu dicht. Es ist auch sehr unwahrscheinlich, dass zwei Codeblöcke denselben Inhalt enthalten - auf dynamischen Websites wahrscheinlich nicht vorhersehbar, sodass der Inhalt einer Spalte möglicherweise dicht und der andere spärlich ist.

Bei Websites mit vielen Fotos ist es noch schlimmer.

a) Wenn Fotos die volle Containerbreite von 1400px verwenden, aber ein gemeinsames Verhältnis wie 4: 3 beibehalten müssen, würde es höchstwahrscheinlich die gesamte Bildschirmhöhe einnehmen und diese höchstwahrscheinlich überschreiten.

https://jsfiddle.net/mg965au8/1/

b) Wenn das Foto an der Seite des Textes verwendet wird und von einer Auflösung von 1400 Pixel zu einer Auflösung übergeht, bei der das Foto sinnvoll ist, über dem Text zu sitzen (z. B.> 768 Pixel), wird der Inhalt höchstwahrscheinlich zu spärlich und wird wahrscheinlich die Höhe des Bildes beim Schrumpfen überschreiten. Ich habe eine Geige erstellt, um das Problem zu veranschaulichen. Versuchen Sie, von einer niedrigen Auflösung auf maximal 1400px zu erweitern (stellen Sie sich ohne Container vor!). Sieht es für alle Browserbreiten gut aus? Wahrscheinlich nicht.

https://jsfiddle.net/2xnt3mk2/

Auch was alle anderen oben gesagt haben - zu überwältigend usw.

1
scooterlord

Insbesondere auf textlastigen Websites ist eine schmale Textspalte angenehmer zu lesen als eine Textwand in voller Breite. Wenn es sich bei dem Text nicht um einen Roman handelt, werden Sie feststellen, dass mehr als die Hälfte der Textzeilen nicht die volle Breite erreicht, sodass ein unangenehmer und ungleichmäßiger "Text-Blot" entsteht.

Überlegen Sie, wie Text in einem (physischen) Roman im Vergleich zu einem Wörterbuch angezeigt wird. Wörterbücher werden normalerweise in zwei Spalten angezeigt. Dadurch kann sich der Leser besser auf das konzentrieren, was gerade gelesen wird, weil es wichtig ist. Es ist nicht so wichtig, alle Wörter in einem Roman beizubehalten, und auch nicht so schwierig, da wir davon ausgehen, dass der Leser bereits an der Geschichte interessiert ist.

Kurz gesagt: Menschen haben eine geringe Aufmerksamkeitsspanne und behalten den Fokus besser, wenn sie jeweils nur wenige Informationen erhalten.

0
ecc

Dies hängt auch von einem Inhaltstyp, seiner Größe und der Entfernung eines Benutzers vom Bildschirm ab.

Für Videos, Dashboards mit großen Fotos oder Präsentationen ist Vollbild die beste Option.

Für den Textinhalt und kleine bis mittlere Bilder ist es wichtig, ein komfortables Wahrnehmungsfeld zu berücksichtigen.

Wie breit wäre ein komfortables Wahrnehmungsfeld, ohne dass Sie Ihre Augen für einen normalen PC oder ein normales Notebook mit einem Abstand von 50 bis 65 cm (20 bis 26 Zoll) zu einem sitzenden Benutzer von links nach rechts bewegen müssten?

Die Augen sind zu wertvoll und werden schnell müde. Daher bevorzugen die Menschen es, die weitreichenden Freiheitsgrade von 2-D-Bewegung zu 1-D-Bewegung zu korrigieren, die Seite vertikal zu scrollen und die Augen in ihrer Position fixiert zu lassen.

Das vertikale Scrollen der Seite ist für Benutzer einfacher, da die Augen von links nach rechts hin und her bewegt werden und zusätzlich die vertikale Position des aktuellen/nächsten Inhalts neu festgelegt wird. Einige Inhalte können einfach verloren gehen, wenn sie außerhalb des Hauptwahrnehmungsfeldes platziert werden.

Infolgedessen kann der visuelle Gesamteindruck einer Seite leiden.

0
Doc