Ihre Gedanken zum Webdesign für 16:9-Bildschirme

Question

Ich entwerfe Webanwendungen hauptsächlich für die Desktopnutzung (nicht für PDAs, Telefone usw.) durch Mitarbeiter und Kunden. Da immer mehr Nutzer mit Bildschirmen im 16:9-Format ausgestattet sind, sind die traditionellen Bildschirmlayouts nicht mehr ergonomisch.

So kann es beispielsweise vorkommen, dass eine lange vertikale Navigationsleiste nicht ganz passt oder dass ein komplexes Formular gescrollt werden muss, um zum nächsten Eingabefeld zu gelangen.

Wie kommen Sie mit dieser Entwicklung zurecht? Breiten Sie sich mehr horizontal aus oder bleiben Sie bei den alten Layouts? Ist es nicht wirklich ein Problem?

UPDATE

Vielen Dank für die vielen Antworten. Ich habe sie als nützlich empfunden. Hier sind einige Gedanken, die mir in den Sinn gekommen sind:

• Ich verstehe, dass das 4:3-Format immer noch am weitesten verbreitet ist, aber ich erwarte, dass sich das ändern wird.

• Außerdem haben die meisten Benutzer, die ich hier in der Firma besuche 何れも Ihr Windows ist maximiert (wirklich!), so dass die Idee, die Größe des Browsers an den Inhalt anzupassen, hier nicht hilft.

• In meinem Fall handelt es sich bei den meisten Webanwendungen um die Suche und Anzeige von Informationen oder die Dateneingabe (einige davon können große und komplexe Formulare beinhalten). Es sind vor allem die Anwendungen zur Dateneingabe, um die ich mir Sorgen mache. Vielleicht AJAX und Registerkarten-Steuerelemente könnte ein Weg nach vorne sein.

Answer 1

Ich mache mir heutzutage keine Sorgen über alte Bildschirme und wenn 800px nicht ausreichen, wechsle ich einfach zu 1000px. Sie sollten jedoch nicht absichtlich für breitere Bildschirme, wie 1920x1080, entwerfen. Die Zahl der Nutzer mit solchen Bildschirmen ist nicht sehr groß. Selbst wenn dies nicht der Fall wäre, beeinträchtigen zu breite Designs die Benutzerfreundlichkeit. Horizontal auf ~1500px gestreckte Texte zu lesen ist nicht wirklich schön.

Answer 2

Eine Sache, die Sie beachten sollten, ist die Haltung Ihrer Bewerbung. Handelt es sich um eine souveräne Anwendung, bei der man erwartet, dass der Nutzer ihr eine Zeit lang seine ganze Aufmerksamkeit widmet? Ich habe kürzlich eine Seite in unserer Webanwendung neu gestaltet, die es dem Benutzer ermöglicht, Übersetzungen in andere Sprachen vorzunehmen. In diesem Fall sollte der Benutzer eine Zeit lang in diesen Teil der Anwendung "eintauchen", also habe ich die üblichen Navigationselemente, die ablenken würden, entfernt, um mehr Platz für die eigentliche Aufgabe zu schaffen.

In diesem Fall beschränkte sich der Nutzerkreis auf die Mitarbeiter meines Unternehmens, von denen ich wusste, dass sie alle über Breitbildmonitore verfügten, so dass mir die Entscheidung für die Breitbildtechnik leicht fiel. Generell würde ich sagen, dass man immer noch für Nicht-Breitbildmonitore entwerfen sollte, aber in Fällen, in denen es einen signifikanten Vorteil gibt, sollte man das Design so gestalten, dass es den zusätzlichen Platz nutzt. Ich habe einige Seiten gesehen, die für normale Bildschirme ausgelegt waren, aber JavaScript verwendeten, um zu erkennen, ob die Seite breiter war, und einige Seitenelemente neu anordneten, wenn dies der Fall war. Auf diese Weise war die Standardkonfiguration immer brauchbar, aber Benutzer mit breiten Bildschirmen und JavaScript konnten ihren Platz besser nutzen.

Answer 3

Ich mache alle meine Entwicklung auf 30 "Monitor und Vorschau es auf einem 20 "Monitor als eine schnelle Sanity Check. Bei einer kürzlich veröffentlichten Anwendung, die ich entwickelt habe, ließ ich mir von einem JS die Statistiken darüber schicken, was meine Zielgruppe verwendet, und ich bekam eine Menge zufälliger Zahlen zurück, die kleiner als 1024x768 waren. Von den etwa hundert Statistiken, die ich gesammelt habe, liefen nur 5 oder 6 Benutzer im Vollbildmodus auf einem Bildschirm, der größer als 1440x900 war.

Answer 4

In meinem Designkurs hatten wir die Faustregel, dass die Linienlänge nicht größer als das 40-fache der Linienhöhe sein sollte. Der Grund dafür liegt auf der Hand: Wenn man mit den Augen zum Anfang der nächsten Zeile zurückfährt, möchte man sicher sein, dass es sich um die nächste Zeile handelt und nicht um die gleiche Zeile oder die nächste plus eine.

Aus diesem Grund verwende ich immer ein Design mit fester Breite. Mein aktueller Monitor hat eine aktive Fläche von 43cm Breite. Die Zeilenhöhe auf dieser SO-Seite beträgt 5 mm. Wenn SO ein fließendes Design verwenden würde, wäre das Verhältnis Zeilenlänge/Zeilenhöhe ein inakzeptables Verhältnis von 84.
Und auf 30-Zoll-Monitoren ist es noch schlimmer.

Answer 5

Bitte tun Sie das nicht.

Entwerfen Sie für 4:3, vielleicht 800 bis 900 Pixel Breite maximal.

Viele Computer, die ich benutze (wie fast alle bei meiner Arbeit) sind 4:3. Nur mein Laptop ist 16:9 (eigentlich 16:10 ich denke, aber nahe genug).

Ich mag es nicht, wenn mein Webbrowser so breit wie mein Monitor ist, das ist Platzverschwendung. So breiten Text kann man nicht lesen. Auf meinem 4:3-LCD-Desktop (den ich gerade benutze) beträgt die Breite 14". 14" breiten Text kann man nicht lesen, das Auge verliert den Überblick, auf welcher Zeile er steht. Das ist eine furchtbare Qual. Die meisten Websites schränken die Breite des eigentlichen Inhalts ein. Die Spalte mit dem Hauptinhalt von StackOverflow ist für mich etwa 8" breit, eine gute Lesegröße.

Wenn Sie also auf 16:9 umstellen, wird es noch schlimmer. Statt 14" haben Sie jetzt vielleicht 16". Das ist riesig. Was macht man also mit all dem Platz? Man kann nicht einfach Text einfügen, es sei denn, man möchte zwei Artikel nebeneinander platzieren (wie zwei Zeitungsspalten), und ich bezweifle, dass man das tun möchte. Das bedeutet, dass man ihn mit unwichtigem Unsinn füllt. Mehr Seitenleisten, mehr Anzeigenspalten. Im Grunde genommen zwingen Sie Inhalte auf, um Platz zu schaffen.

Nicht jeder läuft mit 1920x1080. Nicht jeder hat seinen Webbrowser maximiert. Fast die Hälfte meines Bildschirms mit unwichtigen Spalten zu füllen, finde ich nicht gut.