it-swarm.com.de

Sollte die Benutzeroberfläche (oder das Backend) eine feste Breite oder Flüssigkeit haben?

Mögliches Duplikat:
Ist es für Websites besser, ein Layout mit variabler Breite oder ein Layout mit fester Breite zu haben?

Wir sind dabei, eine webbasierte Anwendung neu zu erstellen. Derzeit hat die Benutzeroberfläche eine feste Breite. Wir haben uns einige andere Anwendungen angesehen und festgestellt, dass sie flüssig sind.

Ich bin ein Fan von Layouts mit fester Breite, weil ich einen Breitbildmonitor habe, aber ich stelle fest, dass immer mehr Anwendungen flüssige Layouts verwenden.

Was denkst du darüber?

Wir haben uns gerade unsere Google Analytic-Statistiken angesehen und festgestellt, dass die beliebtesten Bildschirmauflösungen 1024 x 768, 1280 x 800 und 1280 x 1024 sind. Ab diesem Zeitpunkt werden die Bildschirme größer/breiter.

14
el baby yeh

Ein flüssiges Layout mit Grenzen kann das Beste aus beiden Welten bieten. Das Layout füllt die Breite des Browserfensters aus, aber ab einer bestimmten Grenze (z. B. 1200 Pixel) wird das Layout nicht breiter. So können Benutzer mit 30-Zoll-Breitbildmonitoren ein Vollbildfenster ohne lächerliche horizontale Seiten verwenden.

Innerhalb der Gesamtbreite wird die Textgröße so angegeben, dass die Größe des Texts nach Bedarf des Benutzers geändert werden kann.

Es gibt keine feste Mindestbreite für das Layout, aber es gibt ein festgelegtes Minimum, das das Layout unterstützt. Sie können das Layout beispielsweise so gestalten, dass es auch dann noch gut aussieht, wenn der Benutzer die Fenstergröße auf 600 Pixel ändert. Benutzer können ihr Browserfenster verkleinern, haben jedoch möglicherweise Bildlaufleisten oder ein unübersichtliches Layout.

Dieser Ansatz kann die Benutzerfreundlichkeit und die Ästhetik für die meisten Benutzer maximieren und gleichzeitig sicherstellen, dass die Website für alle Bildschirmgrößen mindestens funktionsfähig bleibt.

9
Bennett McElwee

Ich stimme Bennett zu, Flüssigkeit + Min + Max Grenzen. Ich habe gehört, dass Linien mit einer Länge von 55 Zeichen (CPL) eine gute Anleitung sind, habe aber keine schlüssigen Beweise dafür gesehen, aber es ist besser als gar keine Richtlinie. Vergessen Sie nicht, wenn Sie kein Druck-Stylesheet haben (und natürlich, wenn Sie dies tun), wenn Sie erwarten, dass Benutzer Inhalte drucken (und machen Sie hier keine Annahmen - die Leute drucken/PDF-Seiten häufiger als Sie denken) Dann sollte es für eine A4-Porträtseite mit etwa 660 Pixel funktionieren, plus natürlich alle anderen Standardauflösungen, die für die Personen geeignet sind, für die Sie entwerfen, basierend auf Ihren Personenprofilen.

4
Nathanael Boehm

Die Antwort auf diese Frage ist ein großes Fett "es kommt darauf an".

Ich nehme an, Sie erstellen eine Backend-Oberfläche (vielleicht eine Art CMS?). Je nachdem, wie Ihre Schnittstelle aufgebaut ist, können Sie Portlets (wie iGoogle) verwenden.

Auf diese Weise können Sie umso mehr auf Augenhöhe passen, je breiter der Bildschirm ist. Es gibt andere Muster, die gut in ein elastisches Layout passen. Sie können die Elastizität begrenzen und so weiter ...

Aber auch hier wäre es schön, mehr über die App zu erfahren, die Sie neu gestalten möchten, um Sie besser unterstützen zu können.

3
LuckyMethod

Das "Fluid-to-a-Point" ist definitiv eine Überlegung wert, obwohl es sehr stark von Ihrem Inhalt abhängt (und was Sie über Ihre Benutzerbasis wissen). In einem kürzlich durchgeführten Projekt haben wir Komponenten konstruiert, für die wir wissen, dass es eine kleine Menge an Informationen geben wird, und diese Flüssigkeit wirklich unsinnig erscheinen zu lassen - bei größeren Breiten (sogar begrenzten) die kleine Menge an Informationen in einigen Blöcken Die Seite ließ ein flüssiges Layout geradezu dumm aussehen.

Es ist auf jeden Fall nützlich, sich auf aktuelle Benutzer/Statistiken zu verlassen, aber möglicherweise ein wenig einschränkend, da sich die demografischen Daten wahrscheinlich recht schnell ändern werden. Wenn Sie möchten, dass Ihr Design einige Jahre hält, lohnt es sich möglicherweise, eine Erhöhung der Besucherzahlen mit höherer Auflösung zu planen.

Ich stelle fest, dass immer mehr Anwendungen flüssige Layouts verwenden.

Apps wie deine oder Apps im Allgemeinen? Ich bin hier irgendwie mit "unbekannt" - bestimmte Layouts sind möglicherweise besser geeignet, je nachdem, was Ihre App tatsächlich ist und was sie bietet.

2
Sam K

wenn es sich um ein CMS handelt, werden es wahrscheinlich nur wenige Benutzer verwenden. Daher ist es einfach, Informationen zur Auflösung zu sammeln.

Ich bevorzuge eine flüssige Benutzeroberfläche, obwohl ich zwei große Monitore habe (achten Sie darauf, alternative Hintergrundzeilen zu verwenden und die aktuellen Tabellendaten hervorzuheben).

Ich habe gesehen, dass die meisten Leute mit 24 "- 30" Monitoren keine maximierten Fenster verwenden (insbesondere Mac-Benutzer).

1
Bobby Tables