Sollten Websites bei der Fenstergröße erweitert werden?
https://stackoverflow.com/questions/27381
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianFrage
Ich stelle diese Frage ausschließlich unter dem Gesichtspunkt der Benutzerfreundlichkeit:Sollte eine Website erweitert/gedehnt werden, um den Anzeigebereich auszufüllen, wenn Sie die Größe eines Browserfensters ändern?
Ich weiß mit Sicherheit, dass es die offensichtlichen Nachteile gibt:
- Große Textspalten sind schwer zu lesen
- Das Schreiben von HTML/CSS mit Prozentsätzen kann mühsam sein
- Wenn ein Bild zu breit ist oder ein Textblock hinzugefügt wird, der zu lang ist, besteht die Gefahr, dass Ihr Design seine Grenzen überschreitet.(Siehe, es ist mühsam, HTML/CSS zu codieren.)
Der einzige Vorteil, der mir einfällt, ist, dass Benutzer, die die in ihren Browser integrierte Schriftgrößenänderung verwenden, sich nicht mit Spalten herumschlagen müssen, die nur wenige Wörter lang sind und auf beiden Seiten Leerzeichen enthalten.Allerdings denke ich, dass das vor allem ein Browserproblem sein könnte (Firefox 3 ermöglicht das Zoomen). alles statt nur des Textes, der immer nützlich ist)
bearbeiten:Mir ist aufgefallen, dass der Stapelüberlauf eine feste Breite hat, die Größe des Code-Horrors jedoch geändert wird.Es scheint, dass Jeff in keiner Weise eine starke Präferenz hat.
Lösung
Raw HTML macht genau das.Ändern Sie Ihre Daten so, dass sie in Fenstern mit zufälliger Größe nicht so gut gerendert werden?
Früher hatte jeder VGA-Bildschirme.Nun, diese Lösung ist höchst ungewöhnlich.Wer weiß, welche Vorsätze in Zukunft üblich sein werden?Und warum sollte man eine bestimmte Mindestbreite oder -höhe erwarten?
Unter dem Gesichtspunkt der Benutzerfreundlichkeit führt die Anforderung einer bestimmten Auflösung von Ihren Benutzern lediglich zu einem schlechteren Erlebnis für alle, die diese Auflösung nicht verwenden.Eine andere Sache, die daraus resultiert, ist was Ist feste Breite?Ich habe viele Fenster mit fester Größe (Popups) gesehen, die einfach nicht richtig dargestellt werden, weil meine Schriftarten sich von denen des Designers unterscheiden.
Andere Tipps
Was die Skalierung von Websites angeht, bevorzuge ich Websites mit fester Größe, die mithilfe der „Zoom“-Funktion des Browsers gut skaliert werden können.Ich möchte keine wirklich breite Seite mit winzigen Schriftarten auf meinem Monitor mit einer Auflösung von 1920.Ich weiß nicht, ob der Webdesigner etwas tun muss, damit es beim Zoomen gut skaliert, aber der Zoom in FF3 ist großartig, der in IE7 ist nutzlos ...
Das Design sollte innerhalb sinnvoller Grenzen flüssig sein.
CSS verwenden hat min-width Und max-width Eigenschaften (die in jedem Browser funktionieren, einschließlich IE7+), um zu verhindern, dass das Design zu sehr in die Länge gezogen wird.
Wichtig ist, dass sich ein Textblock nie zu weit ausdehnt.Wenn ein Fenster erweitert wird, sollte sich kein Textblock auf unbestimmte Zeit in die Länge ziehen, da das Lesen dadurch erschwert wird.
Wie schon gesagt wurde, hängt es wirklich davon ab, welche Informationen die Website anzeigt.Zwei gute Beispiele sind StackOverflow und Google Images.
Wenn der Stackoverflow so gedehnt würde, dass er auf den Bildschirm passt, wäre das Lesen längerer Antworten störend, da es für das Auge schwierig ist, über lange Zeilen zu scannen – das ist der Fall genau Warum Zeitungen für alles Spalten verwenden und warum Bücher alle gleich breit sind.
Bei Google Images, wo der Inhalt im Wesentlichen aus einer Reihe von Bildern mit einer Breite von 200 Pixeln besteht, wird er auf die Breite des Browsers ausgedehnt und ist dennoch perfekt lesbar.
Denken Sie grundsätzlich daran, dass das Auge es hasst, lange Textzeilen zu lesen, und orientieren Sie sich bei Ihrem Design daran.Sie können Ihre Website so gestalten, dass sich das gesamte Layout gut anpasst, wenn Sie die Schriftgröße erhöhen (die einzige Website, die mir einfällt, die dies tut, ist www.geektechnique.org – drücken Sie die Taste ctrl and -/= oder ctrl+scrollwheel, und die Breite des Layouts ändert sich mit der Schriftgröße)
Ich denke, es gefällt mir auf viele Dinge:es kommt darauf an.Normalerweise mache ich beides.Einige Inhalte behalten die feste Breite, um gut auszusehen oder wenn sie nicht mehr Platz benötigen.Andere Dinge werden auf 100 % gesetzt, wenn sie nützlich erscheinen.
Dies sollte danach entschieden werden, wie kompliziert das Design Ihrer Website ist.Je komplizierter die Grafik oder die Komponenten sind (Anzahl der Inhaltsbereiche), desto besser wird die Skalierung Ihrer Website bestimmt.Im Allgemeinen werden Sie feststellen, dass die Websites der meisten Grafikdesigner nicht skalierbar sind, weil sie grafisch aufwendig sind.Informationswebsites werden jedoch so skaliert, dass der lesbare Platz auf dem Bildschirm optimal genutzt wird, und sind hinsichtlich der Benutzerfreundlichkeit nicht kompliziert.Es ist wirklich eine Frage der Präferenz.
Ich denke, es hängt vom Inhalt der Website ab.Websites wie SOFlow, Foren und andere legen Wert darauf, viele Details zu lesen, daher ist es meiner Meinung nach ein großer Vorteil, mehr Platz dafür zu haben.Je weniger vertikaler Bildlauf, desto besser.
Bei Websites mit etwas weniger anspruchsvollen Anforderungen an das Leseniveau, selbst Blogs oder Einzelhandelsseiten, auf denen Sie lediglich ein einzelnes Produkt anzeigen, können Sie mit einer festen Breite die Dinge prägnanter gestalten.
Ich bin ein großer Fan von vollständig fließenden Designs.Was die Usability-Beschwerden über zu lange Textzeilen betrifft ...Wenn sie aufgrund der Größe meines Browserfensters zu lang sind, kann ich das Fenster genauso einfach schmaler oder breiter machen.
Notiz:Wenn Sie die Zoomfunktion in Ihrem Browser verwenden, wird der Text bei einem festen Layout gestaucht, während er bei einem flüssigen Layout den gesamten Bildschirm einnimmt.
Vielleicht ist das nur ein Browserproblem, aber es ist definitiv ein Argument für Fluid
Absatzbreiten, die größer sind als Ihre Anzeige, machen eine Website völlig unbrauchbar.Sie müssen die horizontale Bildlaufleiste für jede einzelne Zeile, die Sie lesen, hin und her bewegen.Ich studiere an der Universität ein Webdesign-Fach und im Lehrbuch werden die Designs genannt, die sich an die Bildschirmbreite anpassen flüssiges Layout.
Ich entwerfe mein großes Klassenprojekt mit einem flüssigen Layout, das ist etwas schwieriger als eine feste Breite.Ich vermute, dass keiner der anderen Studenten es verwenden wird, die Marker werden es nicht bemerken und auch keine der professionellen Websites, die wir imitieren, ist flüssig.
Ich würde sagen: Durch und durch flüssig. Der Benutzer kann jederzeit zu einem kleineren Fenster zurückkehren, wenn ihm das Ergebnis der Vergrößerung nicht gefällt, an einem festen Layout kann er jedoch nichts ändern.
Wenn Sie die Vorstellung wirklich, wirklich hassen, dass Ihre Website aufgrund von etwas, das ein Benutzer mit einem großen Bildschirm tut, hässlich aussieht, dann zumindest um all dessen willen, was wahr und schön ist Verwenden Sie niemals pixelbasierte feste Layouts! CSS verfügt über diese netten textrelativen Größeneinheiten wie „em“, die es ermöglichen, dass Teile Ihrer Seite mit der Schriftgröße skaliert werden, während andere (wie Bilder) in ihrer „natürlichen“ Größe bleiben.
Warum nutzen Sie sie nicht und sorgen für eine gute Skalierung Ihrer Seite, ohne sich auf die weniger flexible „Alles skalieren“-Funktion von FF3 zu verlassen, die eigentlich nur eine Problemumgehung für Websites ist, die ein dummes, pixelbasiertes festes Layout verwenden?
Viele Leute sagen Dinge wie "Das ist Geschmackssache" oder "Ich mag keine großen Schriften auf meinem High-Pixel-Display". Die Anzahl der Pixel hat damit nichts zu tun, und es ist auch keine Frage des Geschmacks.Es ist eine Frage der DPI, die direkt mit der Bildschirmauflösung und der Schriftgröße zusammenhängt.Wenn Ihr Layout zusammen mit der DPI der Schriftarten skaliert wird (indem Sie beispielsweise in ems angegeben werden und SVG verwenden), erhalten Sie am Ende sehr schöne, sehr gestochen scharfe Websites, die mit jedem Display optimal funktionieren.
Dies ist eine Frage der Styling-Vorlieben.Je nach Implementierung können beide gleichermaßen nutzbar sein.Wenn der Bildschirm breit genug ist, können auch Spalten verwendet werden.Ich persönlich finde es ärgerlich, wenn eine einzelne, schmale Textspalte über den Bildschirm läuft.
Bearbeiten für 2012:Ja, Ihre Website sollte auf die Größe des Fensters reagieren, in dem sie angezeigt wird.
Es gibt viele Orte, an denen Sie mehr darüber lesen können, darunter:
Es gibt wahrscheinlich einen Kompromissentwurf zwischen festen und flüssigen Designs.Sie können eine Site flüssig gestalten, aber die CSS-Eigenschaft festlegen max-width bis 1024 (oder was auch immer).Dies bedeutet, dass Sie ein flüssiges Layout erhalten, wenn die window width ist kleiner als 1024 und fixed width wenn es größer ist.
Dann müssen Benutzer mit schmalem Bildschirm (wie mein 800-Pixel-eee 701) nicht an der horizontalen Bildlaufleiste herumdrehen, um jede einzelne Zeile zu lesen, und Benutzer mit breitem Bildschirm (die nicht wissen, wie sie die Größe ihres Browserfensters ändern) erhalten keine 500 Zeichen Breite , 1 Zeichen hohe Absätze.
