Alex: Übersichtlichkeit: 3-spaltiges Layout -> 1-spaltiges Layout

Beitrag lesen

Hallo Gunther,

vielen Dank für deine Antwort.

ich schließe mich Mathias Ausführungen (weitestgehend) an. Wobei ich so spontan eher der
Meinung bin, dass du auch mit verschachtelten Flex-Boxen durchaus eine Serialisierung erreichen könntest. Allerdings macht das aktuell aufgrund der verschiedenen Syntaxen und diverser Browser-Bugs alles andere als "Freude".

Bis die Browser und mein Kopf bereit für Flexboxen sind, werde ich erstmal darauf verzichten.

Mir stellt sich aber einige ganz andere Fragen:
Machen diese ganzen Boxen wirklich Sinn?
Wo steckt die Navigation?
Beherbergt Box 3 den eigentlichen Inhalt? Wenn ja, sollte sie in der 1-Spalten Version direkt nach dem Header kommen und nicht nach den Boxen 1 + 2.

Eine konkrete Verwendung habe ich nicht. Vielmehr wollte ich ein Prototyp bauen, welcher für verschiedene Projekte verwendet werden kann. Möglicherweise auch als Joomlatemplate.

Vorstellbar wäre, dass Box1 die Hauptnavigation beinhaltet und Box2 eine wichtige Infobox (News) darstellt. Box3 ist der Inhalt. Box4 und 5 sind eher zu vernachlässigende Box mit weniger wichtigen Infos. Box4 könnte z. B. eine Statistik sein (angemeldete User etc.) und Box5 ein zufälliges Bild aus einer Galerie. Deshalb sollen diese auch in der "Kleinansicht" unter den Content rutschen.

Box1 und Box2 zwei halte ich hingegen für so wichtig, dass diese vor dem Inhalt dargestellt werden; möglicherweise in minimierter Form (Nur Navigationspunkte 1. Ebene).

Responsive Design hat für mich auch viel damit zu tun, seine Inhalte auf das Wesentliche zu beschränken und dem Benutzer ein Höchstmaß an "Übersichtlichkeit" zu bieten.

Da stimme ich dir grundsätzlich zu; wobei das generell und nicht nur für Responsive Design gilt. Dennoch oder gerade deswegen wollte ich so flexibel sein, dass ich Inhalte in unterschiedlichen Boxen platzieren kann, um so die Übersichtlichkeit auch auf kleinen Bildschirmen zu wahren, indem weniger wichtige Informationen unter den Inhalt rutschen; währende zwingend notwendige Bedienelemente (Navigation) davor erscheinen. Gerade bei der Navigation entspricht dies doch auch der allg. Erwartung; zumindest ist dies auf den von mir besuchten Seiten meist der Standard (Navigation oberhalb des Contents).

Jetzt könnte man die weniger wichtigen Informationen natürlich auch in der "Großansicht" unterhalb des Inhalts positionieren, aber da hätte ich unnötig Platz (links und rechts) verschenkt und wenn man trotz dieses Platzes unter den Inhalt scrollen muss, spricht das ja auch nicht gerade für Bedienungsfreundlichkeit.

Denn was sich auf einem "breiten Viewport" (bspw. 1440px) noch halbwegs als "zusätzliche Informationen" in Randspalten unterbringen lässt (ohne zu sehr vom eigentlichen Inhalt abzulenken), wird auf "Small Screen Devices" zur "Scroll-Orgie" ...!

Dem stimme ich zu. Aber wenn es Inhalte von Relevanz sind, die nicht durch den v. g. Filter gefallen sind, ist es immer noch besser dafür zu Scrollen, als Besuchern diese Inhalte vorzuenthalten, nur weil sie mit einem kleineren Bildschirm auf die Seite kommen.

Freundliche Grüße
Alex