it-swarm.com.de

Responsive Design: Soll ich größer als 1024px werden?

Ich habe 6 reaktionsschnelle Varianten für eine Web-App, von 916px bis 320px breit. Während einiger interner Tests gaben 2 von 6 Personen an, dass sie es vorziehen würden, wenn die App auch auf größere Bildschirme reagiere, anstatt bei 960px anzuhalten. Diese Gruppe ist nicht gerade repräsentativ für zukünftige Benutzer, die höchstwahrscheinlich eine Auflösung von 1024 oder 1280 Pixel haben werden, aber ich befürchte, ich wende meine Arbeit auf das an, was die meisten Benutzer meiner Meinung nach tun werden (ich habe einen großen Bildschirm, aber meine Browser wird nie maximiert).

Sollte ich einen weiteren Reaktionsschritt in Betracht ziehen, beispielsweise auf 1260px? Obwohl die meisten Menschen diese genannten Auflösungen haben, gibt es Daten darüber, wie viel Prozent den Browser im Vollbildmodus verwenden?

30
Yisela

Die kurze Antwort lautet: Wenn Sie bereits 6 verschiedene Bildschirmauflösungen für Mobilgeräte berücksichtigen, sollten Sie auch viele Auflösungen für große Bildschirme berücksichtigen - halten Sie die Dinge konsistent.

Die lange Antwort: Sie machen das zu kompliziert. Es gibt 28 "Standard" -Auflösungen und das Erstellen eines dedizierten Layouts für alle kostet zu viel Zeit. Stattdessen sollten Sie dem folgen, was als The Goldilocks Approach bekannt ist: 3 Bildschirmgrößen von "schmal", "normal" und "breit". Sie können es auf 4 oder 5 erhöhen, wenn Sie dies wünschen (und über die Ressourcen verfügen), aber das Mischen von reaktionsschnellen Unterbrechungspunkten mit Flüssigkeitsabschnitten (d. H. In Prozent eingestellte Breiten) deckt Sie für nahezu jeden Bildschirm ab. Ein Beispiel aus der Praxis finden Sie unter Microsofts neue Website (4 Haltepunkte).

41
dnbrv

Lassen Sie Ihren Inhalt Ihre Entscheidung bestimmen, nicht mögliche Geräte.

Wird die Website einfacher/besser zu verwenden sein, wenn Sie eine größere Version erstellt haben, oder wird sie nur größer sein? Wenn die Antwort Ja lautet, wie viel Aufwand ist dann erforderlich und wie viel Prozent der Benutzer können davon profitieren?

Wenn Sie sich für die zusätzliche Version entscheiden, sollten Sie berücksichtigen, dass der größte Fehler, den ich beim reaktionsschnellen Design sehe, darin besteht, die vertikale Auflösung zu vergessen. Apple verkauft eine Menge 11 "und 13" MacBook Airs mit schönen Breitbildschirmen und sehr begrenzten vertikalen Immobilien. Nur weil Sie zusätzliche Breite haben, gehen Sie nicht davon aus, dass ich einen wirklich breiten und großen Helden will Bild, das Tonnen wichtiger Inhalte vom Bildschirm verdrängt.

9
Brian Behrend

Ich stimme der "akzeptierten" Antwort zu, aber sie beantwortet nicht genau die erwähnte Frage: "Soll ich größer als 1024px werden?".

Nehmen wir an, wir können es uns nicht leisten, auf jeder Seite ein responsives/flüssiges Design zu erstellen. Seien wir ehrlich, nicht einmal Microsoft konnte sich das leisten. Anscheinend geht es, sobald Sie ihre Homepage verlassen, auf 960px zurück. Es ist verständlich. Als Webdesigner sind wir manchmal gezwungen, die Arbeit so schnell wie möglich zu erledigen.

Sollen wir also größer als 1024px werden? Ich denke, es ist an der Zeit, dass wir es tun.

In den letzten 4 Jahren hat mein Unternehmen 960px-Websites und E-Commerce erstellt, um diesem Paradigma der Mindestauflösung gerecht zu werden. Die Zeiten haben sich jedoch geändert. Ich glaube, dass 1024px breite Auflösungen fast tot sind.

Ich habe ein wenig recherchiert, indem ich die Analysen einer E-Commerce-Website gelesen habe, die von überall auf der Welt eine anständige Menge an Verkehr (500.000 Besuche) und nur weniger als 5% der Desktop Benutzer erhält hatte eine Auflösung von 1024px oder weniger. Und ich würde mir vorstellen, dass die Wahrscheinlichkeit, dass diese Benutzer konvertieren, eng mit dem Geldbetrag zusammenhängt, den sie für einen Monitor ausgeben würden.

Seit einigen Monaten haben mein Team und ich beschlossen, ein Upgrade durchzuführen und den Mythos hinter uns zu lassen. Für uns beträgt die angemessene Mindestauflösung 1280 x 768. Unsere Designs haben jetzt entweder eine Breite von 1060 Pixel oder 1180 Pixel und bieten uns viel mehr Raum und Flexibilität, um kreativer zu sein. Mehr Raum gibt der Botschaft, die wir zu kommunizieren versuchen, mehr Atem und irgendwie auch dem Benutzer, um eine bessere Erfahrung zu machen.

Ich weiß, was Sie denken müssen: ..und was ist mit dem iPad? OK, iPad-Unterstützung ist wichtig im Leben und im Allgemeinen. Eine schnelle Lösung für uns ist das folgende Markup, mit dem Ihre Website an die Bildschirmauflösung des iPad angepasst wird. Es ist ziemlich großartig!

<meta name="viewport" content="width=1180">

Dies alles basiert ausschließlich auf meiner Meinung. Ich würde eigentlich gerne wissen, was andere Leute denken.

7
Carlos Martinez

Ich würde sicherstellen, dass die zusätzliche Breite nicht durch Erhöhen der Länge der Textzeilen ausgefüllt wird, was zu Lesbarkeitsproblemen führen würde.

Das kunstvolle Ausfüllen einer Vielzahl von Breiten, a la Smashing Magazine, ist schwierig und ressourcenintensiv. Daher hängt dies erfolgreich vom Inhalt und den Ressourcen ab, die Sie für das Problem verwenden können. Ich würde das Problem nicht erzwingen.

2
obelia