Ein responsive Design wäre cool

[skerbis]

Dann muss ich nicht immer zoomen.

[Apfelchips]

Ich vermute mal, dass das im Zuge des Relaunches der Website umgesetzt wird.

[smiling-mac]

Uah!

Wozu habe ich denn ein vernünftiges Smartphone, wenn ich nur runtergedummte Seiten damit anschauen kann?! Wenn responsive, dann bitte nicht so wie die meisten - inhaltsleer und hässlich. Lieber zoomen als nur die halbe Informationsdichte und schlechtes Design.

Just my five cents.

(Sorry für das emotionale Statement, aber die meisten responsiven Seiten machen mich WAHNSINNIG!!!! Sie sind einfach nur eine grottige User Experience mit dem Ziel, dass man die Webseite auch noch auf einem 2,5" "Smartphone" mit einem völlig unfähigen Browser anschauen kann. Aber zum Glück habe ich kein solches Smartphone!)

[QWallyTy]

Moin,

ansich sind responsive Sites ja schon mal eine gute Sache.

Es sollte aber immer eine Option geben bei Bedarf auch die "normale" Site sehen zu können. Z. B. kann man viele responsive Sites nicht zoomen was blöd ist wenn einem der Text zu klein ist denn nicht in jeder Situation will man ein Telefon haben das einem Sachen vorlesen muss.

[Aloxus]

Ich kann auch viele responsive Sites nicht ausstehen. Erstens sind sie oft überladen und einfach schlecht designt. Aber das kommt auch bei anderen Websites sehr oft vor. Responsive Design lädt aber dazu ein, viele tolle Spielereien einzubauen. Dann übertreibt man es leicht und es nervt nur noch.

Das zweite Problem ist, dass oft die Intuition untergraben wird, die bei einer Website greift. Man möchte runterscrollen und Seiten blättern, ob auf dem Touchscreen, Trackpad oder Magic Mouse. Und man erwartet, dass die Website der Eingabe folgt. Beim responsive Design passieren unerwartete Dinge. Man kann nicht scrollen oder ein Wischen lässt den Content nicht folgen sondern lässt etwas neues auftauchen.

Das nervt mich oft so sehr, dass ich JS ausstellen muss bzw. die Seite nicht mehr besuche.
Ich finde aber, dass es die Apple Seite sehr schön umsetzt. Es passieren viele Dinge, es sieht toll aus, aber es kommt mir trotzdem natürlich vor. So wie eine Website sein sollte.

[normalgewicht]

Responsive ist ein Rohrkrepierer. Wer einige wenige Designpunkte beachtet, der wird feststellen, dass die Webseite sowohl auf dem Screen und den Tablets gut formatiert dargestellt wird. Für Smartphone User sollte eine abgespeckte Version der Webseite mit den wichtigsten Infos angezeigt werden, jedoch mit der Option auf die Standard Webseite wechseln zu können. Beispiel ccs-zh.ch

[Berto]

Ich finde das blöd. Jetzt muss man wieder tausend verschiedene Browser, Geräte, Screen-Größen, usw. beachten, und gegebenenfalls verschiedene Designs aller Webseiten programmieren. Es sollte umgekehrt sein: Mobile Devices sollten meiner Meinung nach versuchen, die klassische Webseite so gut wie möglich darzustellen. Wenn ein iPhone oder iPad oder was auch immer das nicht schafft, dann ist das Device eben nicht gut genug fürs Surfen und Browsen. Punkt.

Jetzt hat Google kürzlich auch noch alle Webseiten, die kein auf mobile Geräte angepasstes Design haben, abgestraft und diese Seiten haben an Positionen in den Suchergebnissen verloren. Ich persönlich finde den Trend sch...

Das wäre so, als müsste sich eine Straße jeweils auf das auf ihr fahrende Fahrzeug anpassen. Meiner Meinung nach sollten sich die Fahrzeuge auf den Untergrund anpassen. Und wenn eine Straße zu matschig ist oder zu viele oder tiefe Löcher hat, dann kann ich mit einem Sportwagen eben nicht drauf fahren und muss mir einen Geländewagen zulegen.

[Fruchtiger]

Ach wäre so eine Seite schön. Dann müsste man nicht ständig rein und raus zoomen. Ein schneller Überblick in dem man vertikal durchscrollt finde ich super praktisch. Natürlich mit der Option, auf die Desktop Seite zu wechseln.

[Marvin89]

Also ich mag diese abgespeckten Mobil-Webseiten auch nicht... Wenn, dann will ich schon die volle User Experience haben.
Mir gefällt ganz gut, wie 9to5Mac das gelöst haben. Die haben doch auch vor ein paar Monaten einen Relaunch ihrer Webseite gestartet. Abgesehen von ein paar Bugs und Sachen, die mich trotzdem stören, finde ich das Grundprinzp gut. Das Layout ist auf jedem Gerät gleich, der Inhalt wird zentriert dargestellt. Man kann den Browser also beliebig skalieren und ist so für alle Gerätegrößen gewappnet.
So habe ich von iPhone über iPad bis Mac immer das selbe Design, muss mich also nicht umgewöhnen.
Das wünsche ich mir auch von Mac-TV. Eine Webseite, die man auf dem iPhone prima und ohne große Zoomerei bedienen kann, die dann aber auch auf Deskstops und dem iPad ansprechend aussieht. :)

Und noch eine Frage bezüglich der Filme:

Ich weiß nicht, ob es einfach eine Limitierung von iOS ist, aber auf dem iPad oder iPhone kann ich die Filme nur streamen, aber nicht runterladen. Der Download-Button ist nicht vorhanden. Da hat Jörn doch sicher eine Browser-Abfrage eingebaut oder?
Wäre doch cool, wenn man Filme auch im iCloud Drive oder in der Dropbox speichern könnte. Also falls das überhaupt API-technisch möglich ist, Apple ist da ja immer etwas beschränkt (hoffentlich wird das mit iOS 10 besser!).

[Jörn]

Wie Ihr vermutlich wisst, arbeite ich bereits intensiv an einer neuen Homepage. Mich beschäftigt dabei auch die Frage, wie ich mit den sehr unterschiedlichen Display-Größen umgehen soll.

Es gibt im Prinzip drei Methoden: Erstens die Skalierung, d.h. Schriften bekommen eine andere Größe. Zweitens ein "Re-Flow" der Elemente, d.h. bei kleinen Displays werden Dinge untereinander dargestellt, die sonst nebeneinander gezeigt würden. Drittens eine ganz eigene (meist reduzierte) Version für kleine Displays.

Bei meinen Experimenten fand ich es am besten, zwischen "wesentlichen" und "optionalen" Elementen zu unterscheiden. Wesentliche Elemente (Titelbilder, Schlagzeile, Anleser-Text) möchte man schnell überfliegen können. Deswegen sollten sie ohne zu Zoomen groß genug sein. Optionale Elemente (etwa eine Liste mit weiteren Filme aus einer Rubrik) können ruhig etwas kleiner sein. Es reicht, wenn man sieht, dass diese Elemente vorhanden sind, und kann dann bei Interesse etwas zoomen.

Wenn man es zu sehr auf beste Lesbarkeit für Smartphones optimiert, landet man zwangsläufig bei einer einfachen Listendarstellung: oben ein Bild, darunter ein Text. So ein Layout passt sich natürlich automatisch an alle möglichen Displaygrößen an. Das ist gut für die Leser und gut für den Programmierer. Andererseits: Wo bleibt der Spaß? Ein bisschen Firlefanz muss erlaubt bleiben. Es soll ja nicht aussehen wie eine alte BTX-Seite.

[Jörn]

Marvin, ob ein Download möglich ist, entscheidet allein Apple. Wir können es nicht beeinflussen.

Oder gibt es einen Trick, der mir entgangen ist?

Wir haben ja noch keine eigene App, sondern nutzen Safari. Safari erlaubt keine Downloads von Video-Dateien. Andere Browser (etwa Chrome) müssen WebKit benutzen, und WebKit unterliegt ebenfalls Apples Kontrolle.

Vielleicht ändert Apple irgendwann seinen Kurs.

[Fruchtiger]

Jörn, ich finde z.B die mobile Seite von Apple wunderschön gemacht. Bin mir aber nicht so sicher, ob das für Mac-tv Inhalte so 100%ig geeignet ist.

[QWallyTy]

Moin,

iCab kann doch Sachen downloaden gehts vielleicht damit?

Habe mittlerweile ein paar responsive (und nicht zoombare) Sites gesehen und finde die Idee nicht mehr so wirklich gut wie ich es anfangs mal dachte. Denn wenn mir was zu klein ist kann ich es auf einer "normalen" Site eihfach ein wenig zoomen. Auf den responsiven die ich bisher gesehen habe ging das aber nicht / macht also zumindest für mich die Nutzung unnötig kompliziert da ich dann den Systemzoom verwenden muss.

Ein Zwischending so wie ich das aus Jörns Antwort weiter oben interpretiere wäre keine schlechte Sache (die Site passt sich schon den Displaygegebenheiten an aber es gibt immer noch die Möglichkeit in Bereiche zu zoomen, …

Das umzusetzen ist aber vermutlich nicht trivial.

[smiling-mac]

Die meisten responsiven Seiten erinnern mich an Steves erste iPhone-Keynote: Hier prägte er den Begriff des "Baby-Internet". Genau so sehen sie aus.

[Fruchtiger]

QWallyTy: ein Zwischending bzw. eine Sache für Alles ist in der Regel technisch kompliziert, aufwändig und schlecht wartbar. Zum Anderen kann es nur einen Zweck optimal sein und wird daher ein Kompromiss sein. Von daher wäre eine tolle App a la ZDF-Mediathek auch zu überlegen. Aber das weckt wohl den Tüftler in Jörn und dürfte ein Ansporn sein.
Smiling-mac: es ist ja im Vergleich zu großen Bildschirmen ja auch nur ein kleines Display auf dem iPhone. Für unterwegs völlig ausreichend, wenn grundsätzlich die Option zum Anzeigen der Desktop-Seite vorhanden ist.