24.05.05Zurück zur fixen Breite?

Zur Zeit prüfe und teste ich, ob es nicht besser wäre, die Breite dieser Seiten wieder zu fixieren. Die Textzeilen gehen bei breiten Displays zu sehr in die Länge, was den Lesefluss extrem stören kann. Also nicht wundern, wenn es hier zeitweise etwas unaufgeräumt aussieht.

Es bleibt liquid, da für mich keine entscheidenden Nachteile gegenüber fixierten Layouts bestehen. Im Gegenteil, wenn man den Platz hat, sollte man ihn nutzen. Wobei das nicht heißen muss, dass fixe Designs nicht gern gesehen sind. Richtig gut designte Websites sehen auch bei fixierter Breite nicht unbedingt gequetscht aus. Meine schon. Deshalb wird am horizontalen Verhalten der Seite irgendwann noch weiter gearbeitet, um zu einer elastischen Lösung zu kommen. Punkt zwei in der Liste für das Re-Design im Herbst.

BTW das was bisher vorgesehen ist:

  • Echte Startseite mit Portalcharakter für mehr Übersicht
  • Elastisches Design (Seitenbreite)

Bookmarks

Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • DotNetKicks
  • Furl
  • MisterWong
  • NewsVine
  • Spurl
  • Technorati

9 Antworten

  1. manuel am Mai 24, 2005 | Reply

    ARGH! deine accesskey belegung hat gerade nen ellenlangen eintrag von mir zerstört als ich n ascii zeichen tippen wollte!!! *g*

    nochmal kurz:
    wegen großen screens hab ICH bisher noch keine seite ohne (halbwegs)fixe breitenangabe gebaut.

    wenn du schonmal dabei bist, dann erhöh auch mal die zeilenhöhe. 120-130% sind i.d.R. ganz gut ;)

    und setz mal n label tag aufs “ich bin ein mensch”. für grobmotoriker wie mich is sone checkbox viel zu klein :D
    (ausserdem hakt meine maus hier n bisschen)

  2. Jeena Paradies am Mai 24, 2005 | Reply

    du kennst max-width?

  3. Björn am Mai 24, 2005 | Reply

    Ja. Aber der IE nicht - ohne umständliche Nachhilfe. Ich denke aber, ich werde bei der flexiblen Breite bleiben und für Browser die es können eine maximale Breite definieren. Im Endeffekt wird es dann in meinem Fall für vielleicht 5% der Besucher (IE + großer Screen) eben nicht funktionieren.

  4. Jeena Paradies am Mai 24, 2005 | Reply

    Im Endeffekt kann man auch so argumentieren, dass niemand sich freiwillig ein rießiges Fenster öffnet, welches eine superbreite hat. Wenn schon jemand so einen Bildschirm hat, dann wird er (auch wenn er mit dem IE arbeitet) sein Fenster so breit machen wie es ihm beim lesen am angenehmsten ist und das ist dann bestimmt nicht die volle Breite. Er wird den teuer erkauften Platz sicherlich anders nutzen wollen, zum Beispiel ein zweitest Fenster oder ICQ etc. nebendran stellen.

  5. Feeela am Mai 24, 2005 | Reply

    Eine sehr elegante Lösung zum Thema bietet http://www.simplebits.com - dort kann sich der Nutzer über entsprechende Schaltflächen aussuchen, ob er die komplette Homepage als “fixed-width”- oder “fluid-width”-Ansicht sehen möchte.

  6. Jörg Petermann am Mai 24, 2005 | Reply

    Über die persönlichen Vorlieben stelle ich einfach immer wieder aus praktischen Erwägungen die Planbarkeit eines Layoutes bezüglich des Textflusses und ganz oben die Lesbarkeit der Zeilen.

    Habe immer wieder bei mir und anderen bemerkt, dass ab 500px Breite der Spalte die Scanbarkeit / Lesbarkeit einer Seite immer schwerer wird. Beschränkungen sind sicher gut, sobald aber nicht nur Text, sondern auch Tabellen und Darstellung zu layouten sind, wird der erste Aspekt wieder aktuell.

  7. Fabian Vogler am Mai 24, 2005 | Reply

    Bei neuen Seiten verwende ich neuerdings meistens ein “elastisches” Layout, indem ich die Seitenbreite einfach in “em” angebe. Macht meiner Meinung nach ziemlich Sinn - und mit SVG wird das Ganze dann noch spannender …

    http://www.alistapart.com/articles/elastic/
    http://www.htmldog.com/articles/elasticdesign/demo/

  8. Björn am Mai 24, 2005 | Reply

    Dake Euch schon mal allen für die Anregungen. Ich denke auch, dass ich bei meinen Seiten eine elastische Variante wählen werde. Eben irgendwie was zwischendrin.

    Vom Prinzip her, lässt sich dass auch relativ schnell anpassen. Ist nur etwas Arbeit am Stylesheet. Vorher brauche ich aber noch eine etwas bessere Lösung für die Headergrafik, da mich die Ralleystreifen stören. Gerade dieser Bereich ist eine große Herausforderung bei flexiblen Layouts. Man weiß nicht recht, wie man die freie Fläche in der Mitte füllen soll und wie man einen Übergang am besten umsetzt.

    Von meinem Haustier oben links, werde ich mich auf keinen Fall trennen.

  9. Jeena Paradies am Mai 24, 2005 | Reply

    Jörg, wie kommst du da gerade auf 500px? Je nach Schriftgröße passen dann nur noch 35 Zeichen nebeneinander, das sind bei längeren Wörtern gerade mal drei oder vier Wörter nebeneinander, ob das wirklich lesbarer ist wage ich zu bezweifeln.

Mitreden? Dann schreibe einen Kommentar!

* = Pfichtfelder

Markup Webdesign Blog

Markup ist das Blog von Björn Seibert. Mehr
Impressum | Kontakt

Feed abonnieren