Kommentare zu: Webseiten für das iPad

Von: Nico Brünjes

Nico Brünjes — Tue, 16 Feb 2010 06:05:41 +0000

Danke der Nachfrage: zum Ende der Woche soll’s tauen. ;)

Adapt. Layout macht im Simulator schon einen guten Eindruck, aber man wird sehen, ob das ausreicht, wenn das fingerbedienbare Gerät da ist…

Von: D.

D. — Tue, 16 Feb 2010 01:36:38 +0000

Hi,
nette Darstellung

1) Das Klicken von Links ist wirklich etwas nervig, das fällt mir immer beim iPhone auf. Man kann kaum hoch-runtersrollen, schwups, hat man schon wieder ein Link geklickt…aaarrg, stop! zurück!!
weiss jetzt nicht, ob die Oberfläche drucksensitiv ist, evtl. würde es dann besser gehen. Vielleicht könnt man sich was überlegen, das man einen kurzen swiiip von links unten nach recht oben macht, um Links aufzurufen??

2) Bzgl. Adaptives Layout: …austesten.

…liegt noch ganz schön Schnee in Hamburg nech :)

Von: Links 5 | WoWa's-Webdesign Blog

Links 5 | WoWa's-Webdesign Blog — Mon, 15 Feb 2010 10:59:23 +0000

[...] Webseiten für das iPad Müssen sich Webdesigner wegen dem iPad “umgewöhnen”? [...]

Von: Nico Brünjes

Nico Brünjes — Fri, 12 Feb 2010 16:00:43 +0000

Indeed, was sich zumindest im iPad-Simulator schwierig nachstellen ließ. Hab mein iPhone seit fast zwei Jahren und hab das noch nie gebraucht… seltsam.

Von: Tim Baumann

Tim Baumann — Fri, 12 Feb 2010 15:34:00 +0000

Wenn ich mit meinem iPod surfe, bin ich immer wieder überascht, bei welchen Zoomstufen Texte sich noch lesen lassen. Während Monitore oft aus einiger Entfernung abgelesen werden, wird das $iDings in den Hand gehalten. Andererseits ist die Auflösung auf dem iPad mit 132ppi größer als auf handelsüblichen Monitoren, d.h. die Schrift ist absolut gesehen kleiner. Die Praxis wird zeigen müssen, welche Schriftgröße gut lesbar ist. Das Meta-Tag "viewport" muss auch dann beachtet werden, wenn das Layout fluide oder adaptiv ist. Ansonsten wird die Seite nur gezoomt, wenn man das iPad dreht. Ein sollte Abhilfe schaffen. BTW: Scrollen innerhalb einer Seite geht auf dem $iDings mit zwei Fingern.

Von: Ei, Ei, iErsalat für Webdesigner | Webzeugkoffer Webdesign

Ei, Ei, iErsalat für Webdesigner | Webzeugkoffer Webdesign — Thu, 11 Feb 2010 23:18:36 +0000

[...] Webseiten für das iPad [...]

Von: Nico Brünjes

Nico Brünjes — Thu, 11 Feb 2010 22:40:31 +0000

BTW: dieser Artikel funktioniert übrigens weder im iPad(-Simulator), noch im iPhone richtig: es gibt keine Scrollen innerhalb der Seite, deswegen kann man nur den halben, sichtbaren Teil der Artikels sehen. :( forget that, s.u.

Von: Nico Brünjes

Nico Brünjes — Thu, 11 Feb 2010 22:38:45 +0000

Was Meta-Tag und Zoomfähigkeit angeht, hast Du natürlich Recht. Aaaaber… anders als beim iPhone ist man natürlich näher an der Originalgrösse, d.h. je besser man die Seite darauf vorbereitet, umso weniger leidet der Nutzwert der Seite (z.B. durch zu kleine Schrift) und umso weniger zwingt man den Nutzer zum Zoomen. Was aber natürlich, wei richtig angemerkt super funktioniert.
Dafür gelten die Anmerkungen zu Linkflächen und Buttons dabei umso mehr, da diese kleingezoomt natürlich noch schwieriger zu treffen sind.

Von: Tim Baumann

Tim Baumann — Thu, 11 Feb 2010 20:21:48 +0000

Mir scheint es, als ob alle die Zoom-Fähigkeiten des iPad und iPhones vergessen. In der Keynote ist zu sehen, wie Jobs die Webseite der New York Times im Hochformat aufruft. Die Webseite füllt im Video die gesamte Breite des Bildschirms aus, obwohl die Webseite mit fixen Pixelwerten arbeitet. Das bedeutet, dass der Browser beim Seitenaufruf die Seite wie ein Desktop-Browser mit ca. 1000px Fensterbreite rendert und dann die Seite so auszoomt, dass sie auf den Bildschirm des iPads passt. Genauso macht es der Browser auf dem iPhone. Beim iPhone gibt es die Möglichkeit, mit dem Meta-Tag “viewport” die Breite zu bestimmen, mit der die Seite gerendert wird. Ich nehme an, dass auch das iPad dieses Attribut unterstützen wird. Um eine Webseite so zu gestalten, dass sie auch auf dem iPad im Portraitmodus ohne horizontales Scrollen angezeigt wird, wäre dann bloß das Setzen dieses Meta-Tags nötig.

Von: Hippo

Hippo — Thu, 11 Feb 2010 15:44:06 +0000

PS: Donnerwetter. Deine neue Start/Übersichtsseite gefällt mir aber gut!

Von: Hippo

Hippo — Thu, 11 Feb 2010 15:29:03 +0000

Also ich finde, das Problem ist ja nu nicht sooooo neu. Und zwar nicht nur, wenn man nach unten (ein Leben unterhalb von 600px gab es ja auch schon vor dem iPad), sondern auch, wenn man nach oben schaut – sonst hättet ihr euch bei zeit.de ja nicht mit adaptivem Layout befasst.

Höchst interessant hingegen finde ich den Wurstfinger-Hinweis! Darüber habe ich noch gar nicht nachgedacht…

Von: Nico Brünjes

Nico Brünjes — Thu, 11 Feb 2010 10:20:23 +0000

Ich hab mal den Text angepasst.

Von: Markus Freise

Markus Freise — Thu, 11 Feb 2010 10:11:09 +0000

@Gerrit: Das ging mir auch so. Aber Nico hat es ja schon selbst beantwortet. Richtig heißt es „Adaptives Layout“. Ich finde, im Rahmen von Web-Interfaces eine der Königsdiszplinen der kommenden Monate, da die Varianz der Lesegeräte immer größer wird und flexible Layouts so 2005 sind.

Von: Nico Brünjes

Nico Brünjes — Thu, 11 Feb 2010 09:20:54 +0000

Hmmm… hab ich irgendwo her, dachte Smashing Magazine, dort wird aber wie ich eben nochmal nachgelesen habe von adaptive CSS-Layout gesprochen.

Von: Gerrit

Gerrit — Thu, 11 Feb 2010 07:59:31 +0000

Der Unterschied zwischen Fluid und Flexibel war mir von der Nomenklatur her nicht geläufig. Ist das offizielles Wissen oder Nico-spezifische Ausdrucksweise?

Von: Nico Brünjes

Nico Brünjes — Thu, 11 Feb 2010 06:31:39 +0000

Naja, ob das schon zuviele Gedanken sind. Ich habe in den letzten Wochen Leute “iPad” sagen hören, die Computer und das Internet für das Ende des Abendlandes halten, also, da kann noch einiges auf uns zukommen… (zumindest für mich, der ich in einem Verlag arbeite).

Von: Wolfgang Wagner

Wolfgang Wagner — Wed, 10 Feb 2010 23:46:57 +0000

Auch wenn ich mir sehr wahrscheinlich ein iPad kaufen werde – mit dem Webdesign werde ich erst mal abwarten. Wie oft wird sich das Teil denn verkaufen? Wahrscheinlich nicht so oft, wie z.B. das iPhone.

Es ist okay, sich mal ein wenig Gedanken zu machen, aber übertreiben braucht man es auch nicht.

Grüße
Wolfgang

Von: chrismue

chrismue — Wed, 10 Feb 2010 21:41:42 +0000

Also im schlimmsten Fall erledigt die Arbeit ein Meta-Tag des Browsers und die passende reset.css. Diese Umsetzung hier finde ich deshalb verdammt authentisch :)

Von: arne_

arne_ — Wed, 10 Feb 2010 21:12:21 +0000

Tolles Artikeldesign und schöne Ausführung :) Beleuchtet den grundsätzlichen Denkfehler aber sehr anschaulich: Alle wollen präsent auf dem Ding sein, aber wer die Arbeit machen soll, hat sich keiner überlegt.

Von: iPad und das künftige Design von Webseiten | iPadMania

iPad und das künftige Design von Webseiten | iPadMania — Wed, 10 Feb 2010 20:59:32 +0000

[...] Der ganzen Artikel findet ihr hier. [...]