Apple iPad als mobiler Webbrowser aus Webdesign Sicht.



Das gestern vorgestellte Apple iPad konnte zwar die hohen Erwartungen an das Tablet Konzept nicht so ganz erfüllen. Reduziert man allerdings das iPad einzig auf den Webbrowser ergibt sich ein sehr spannendes mobiles Internet Device. Die ScreenSize, Multitouch und die Geschwindigkeit des iPads sind nahezu perfekt dafür geeignet.

Daher wird es spannend sein zu beobachten inwieweit mobileSafari und osX Safari sich in Zukunft vereinigen werden. Flash Support & real Tab Browsing, neue Broswer-Finger-Gestiken wären wichtige Verbesserungen und hoffentlich erkennt Apple die Wichtigkeit einer offenen Plattform und lässt auch Browser wie Firefox, Chrome und Opera zu. Kartellamt Klagen wären ansonsten (hoffentlich) die Folge.

Das iPhone hat sich in vergangen 3 Jahren als Fahnenträger der Touch-Handheld Generation etabliert. Die Webkit-Engine ist zum defakto Standard geworden. Dementsprechend werden immer öfter Websites mit iPhone/Android angepasstem Interfaces ausgespielt. Und diese Entwicklung ist erst am Anfang. Daher stellt sich die Frage, was Webdesigner nun mit der Einführung des iPads beachten müssen.

Auflösung
Hier trifft man beim iPad auf eine gute alte Bekannte. Die Auflösung beträgt 1024x768. Allerdings muss man den Landscape und den Portait Modus beachten. Wie beim iPhone wird wohl vielmehr die Portraitansicht beim Surfen verwendet werden, was somit der Ansicht 768x1024 entspricht. Womit wir wiederum sehr nahe an der 800px Grenze liegen, die jahrelang als max. Breite im Webdesign galt und zuletzt mehr und mehr auf die 960px ausgeweitet wurde. Ob das iPad diesen Trend maßgeblichen beeinflussen wird, ist zu bezweifeln. Zumal das iPad Websites mit 960px Breite auto-resizen wird.

Will man trotzdem seine Website in einem angepassten Stylesheet für das iPad ausliefern ist demenstprechend auf die Breite von 768 zu optimieren. Scrollbalken sind dabei wie beim iPhone nicht zu beachten.

User Agent
Spannend auch die Frage mit welchen UserAgent sich das iPad identifiziert. Momentan leiten ja viele Websites bei Aufruf mit UserAgent "AppleWebkit/Mobile" auf angepasste Versionen um. Hier wird man eventuell die Scripts ändern müssen um das iPad nicht auf die 320px iPhone Versionen weiterzuleiten.

Multitouch
Das iPad ist nach dem iPhone der zweite Vorbote der Multitouch Zukunft. Die Entwicklung hin zu großzügigeren Buttons und höheren Schriftgrößen ist daher nur eine Frage der Zeit um der Bedienung mit Fingern zu entsprechen.

Fazit
Das iPad wird Browser und Surfverhalten nicht revolutionär verändern, aber bei Erfolg vielleicht einen neuen GeräteTypus etablieren, der für Webdesigner einen Rückgang der Standardauflösung und eine stärke Berücksichtigung der Fingerbedienung bedeuten könnte.

16 Kommentare

Man/Viele haben beim iPhone nicht auf die Auflösung geachtet und werden es nach meiner Meinung auch nicht beim iTampon. Beide Geräte sind darauf ausgerichtet sich an den User anzupassen und in diesem Fall zählt ausnahmsweise auch der Webentwickler darunter. Durch das intuitive zoomen spielt die Auflösung keine wichtige Rolle. Bei der Button-Größe gebe ich schon eher recht. Grundsätzlich hoffe ich aber dass sich mehr anschließen werden, sodass man als Webentwickler mehr Freiheiten bekommt.
Leider fehlt offenbar Encryption und eine Userverwaltung (z.B. für den Einsatz in der Familie). Nicht schön, wenn man z.B. die Mail App mit anderen Familienmitgliedern teilen muss.
Welche hohen Erwartungen waren es denn?
Nur sehr spezielle Webseiten werden den sich den Aufwand machen, die Darstellung speziell auf den das ipad/iphone anzupassen. Dazu ist die Nutzergruppe zu klein und, mal ehrlich gesagt, die Bereitschaft auf Anzeigen zu klicken ist beim iphone/ipad deutlich geringer, weil es mehr Aufwand erfordert.
Die nächste Version des iPads wird hoffentlich eine höhere Auflösung haben, dann klappt es auch mit den derzeitigen Seiten ohne Zoomen. Was die Buttons und Links betrifft: da kann man durch intelligentes Scripting, sprich lokalen Zoom auch Finger unterstützen...

Andreas
Ja, die Nutzergruppe ist mit Sicherheit nicht sehr groß.
Sehe ich auch so. Ich denke nicht, dass da eine Anpassung einer Seite Sinn macht.
"iTampon" *lol* jaja - da gibt's ja dieses alte madtv video über das ipad: http://www.youtube.com/watch?v=lsjU0K8QPhs
hat eigentlich schon jemand anderes den fehler in der javascript engine des ipads entdeckt?

wenn das ipad hochkant gehalten wird, gibt die javascript engine nicht etwa 768x1024 pixel zurück sondern immer noch 1024x768 pixel. auch wenn das ipad schon im hochformat gehalten wird, während die seite noch lädt. deswegen wird zum beispiel die facebook seite im hochformat mit fehlern angezeigt.

lg jannis
Irgendwie fehlt mir aber bei dem Ipad was, so gar nicht mehr tippen müssen?!

Derzeit würde ich aber meinen websites nicht speziell dafür optimieren. (eigentlich derzeit noch standard 1024x768 pix), für das Ipad könnte man später einen eigenen CSS anlegen. und / oder altmodisch die Browserweiche.
Als Webbrowser mag es ja geeignet sein, aber gerade das Tippen fehlt mir auch.
Für das IPad gilt in der Regel das Gleiche wie für Smartphones wie das Iphone.
Bei Smartphones existiert auch immer noch das Problem, dass die virtuellen Tasten nicht so genau getroffen werden. Der Mensch ist einfach zu sehr auf das Fühlen der Tasten angewiesen.
Aus diesem und anderen Gründen tendiere ich auch zu einem Handy mit Volltastatur und eben diese fehlt beim IPad.
Gesten mögen das Surfen bereichern, aber dennoch ist eine Tastatur weiterhin eine komfortablere Variante gerade um Webadressen einzugeben.
@webdesigner Zum Lesen ist das IPad schon super. Allerdings wenn es darum geht etwas schnell zu erledigen, finde ich meine gute alte Tastatur auch besser (wie aber auch webdesign damit machen?!?!) Auch verblended mir unser Ipad regelmäßig, besonders jetzt im Sommer befürchte ich, dass ich draußen oder im Park so gut wie nichts sehen kann. Auch verfettet mein Display regelmäßig.

Derzeit teste ich aber trotzdem den Einsatz beim Kunden zu Präsentationszwecken. Mal sehen wie da ankommt.

Hat jemand Erfahrung damit oder gibt es eine APP *GGG*
Auch bei mir geht tippen viel schneller. Aber gut, das ist wie immer Ansichtssache. Der Erfolg gibt dem iPad recht, auch wenn es für Webdesigner eher nicht geeignet ist.
Ich bin von dem Ipad begeistert.... letztendlich ist es nur Spielerei, aber für mich ist es genau das Richtige ^^, aber ich bin auch nicht so der Freund von der Touch-Tastatur. Um richtig schnell schreiben zu können ist es einfach nicht tauglich... deswegen habe ich mich jetzt auch aktuelle bei der Handywahl für ein BB entschieden. Würde mir wünsche das Apple das demnächst auch anbietet, weil ansonsten ist Apple einfach unschlagbar.
Ich hatte mich lange gegen iphone und co gewehrt. Schnickschnack, brauche ich nicht usw. Leider hat es mich dann doch gepackt. Auch das ipad brauche ich nicht wirklich (es gibt, wie beim Iphone auch) wirklich gute und günstigere Alternativen. Aber nun ist es da und es ist halt von Apple :)
Das Ipad ist wirklich Genial! Für viele ist es nur eine "Spielerei" oder "SchnickSchnack". Aber für Präsentationen oder Vorstellungen von Projekten ist das Gerät Perfekt und besser geeignet als ein Laptop!

Kommentar verfassen - oder -

Name

Website (optional)

Bitte geben Sie das verzerrt angezeigte Wort ein