Webdesign für mobiles Internet

Ich habe meine Seite mal entsprechend auf Mobile angepasst. (Mobile Ansicht ist über Menü-Link "Mobil" zu erreichen)
Die Unterscheidung erfolgt serverseitig auf User-Agent-Erkennung. Wenn bei mir ein mobiles Gerät erkannt wird, wird eine zusätzliche CSS-Datei geladen, welche das Design/Layout vereinfacht. Es ist zwar (noch) nicht ganz optimal, aber den Dienst im Opera-Mini tut\'s schon recht gut.

Das Tool hat irgendwie eine Macke, die Margins der Bilder in den Artikeln stellt es nicht richtig dar ...

MatthiasHuehr schrieb:

? Der Anteil an mobilen und handlichen Endgeräten nimmt ständig zu und daher ist es auch beim Design wichtig, an diese User zu denken. In der Webdeveloper Toolbar kann man sich die Seite anzeigen lassen, wie man sie auf dem Handy sehen würde.

Die genannte Toolbar zeigt die Seiten aber leider nur so, wie sie auf einem modernen Handy etc. mit aktueller Browsersoftware meist erst mal nicht zu sehen sind.

Das Thema ist insgesamt recht komplex. Auf der einen Seite stehen die unterschiedlichen mobilen Geräte mit einem breiten Spektrum an Zwängen und Möglichkeiten. Dann gibt es das Thema der Standards, das sich von dem für "normale" Websites unterscheidet. Und es gibt die Frage des erforderlichen Aufwands für die "richtige? Site aus Autorensicht.

Auf der Geräteseite ist zum einen das Thema "Displaygröße" von Bedeutung, aber auch das Thema der eingesetzten Browsersoftware.

Wie groß ist denn das "richtige" Display? Aktuell reicht die Auflösung allein bei den Handys von 176x208px am einen Ende bis zu 480x800px am anderen (und es ist offen, wie es weiter geht) ? und man sollte sich auch gleich klar machen, dass sich ein Handy (und inzwischen auch seine Browserdarstellung) um 90° drehen lässt. Eine Breite von 800px war vor nicht allzu langer Zeit noch die Breite eines "normalen" Bildschirms.

Beim Thema Browsersoftware ist die Entwicklung ebenfalls stark im Fluss. Nach meinem Kenntnisstand kann man zwischen 3 Darstellungsarten unterscheiden. Small screen rendering (das ist das, was Opera schon seit einigen Generationen oder die oben genannte Toolbar machen), einer Verkleinerung der Originalseite passend fürs Display und der Darstellung in Originalgröße. Fall 1 ist normalerweise im Browser einstellbar, die Fälle 2 und 3 hängen wohl vom css (und damit vom Autor) ab.

Beim Thema Standards sei u.a. darauf verwiesen, dass Dokumente für Mobiles in xhtml1.1 verfasst werden sollten. Dann kommt auch noch XHTML Basic 1.1 ins Spiel (http://www.w3.org/TR/2008/REC-xhtml-basic-20080729/ ). Ein weiteres Stichwort ist ?XHTML Mobile Profile? ( users.jyu.fi/~mweber/teaching/docs/xhtml-mp/OMA-XHTMLMP-V1_2-20041222-D.pdf ).

Welchen Aufwand sollten die Autoren nun treiben? Da ist eine spannende Entwicklung im Gange. Es gibt nämlich immer mehr Anbieter, die spezielle Seiten für Mobiles bereitstellen, insbesondere im Bereich der Nachrichten, aber auch bei den Banken. Hier ein Beispiel: mobil.tagesschau.de als Originalseite und den Emulator dazu emulator.tagesschau.de/emulator/tagesschau . Es gibt aber noch einen Haufen weiterer: mobile.postbank.de , die sich aber leider nicht alle in einem normalen Browser anschauen lassen.

validator.w3.org/mobile/

der_booker schrieb:

So sehe ich das auch. Wir müssen wieder umdenken und auf kleinere Auflösungen optimieren. Es gibt immer mehr Handy\'s und eben auch die bereits genannten Netbooks.

Habe mir erlaubt, Heikos Beitrag hier mit rein zu nehmen.
Die Netbooks wird es laut Chip nicht mehr lange geben und waren nur eine Übergangslösung.
Die Gründe dafür sind auch absolut nachvollziehbar:
Geringe Leistung
Miese Auflösung
Nur geringes Angebot an Software, die auf Netbooks laufen.
Abgelöst werden die Netbooks von Subnotebooks, die diese Probleme nicht haben und mittlerweile stark im Preis sinken. Es werden noch dieses Jahr Geräte auf den Markt kommen, die nur noch 500 Euro kosten.
Ob man dann seine Seite nur noch für die Handy\'s extra optimiert, kann dann jeder für sich entscheiden. Ich werde es bei dieser Entwicklung nicht tun.

hansen

hansen schrieb:

Ob man dann seine Seite nur noch für die Handy\'s extra optimiert, kann dann jeder für sich entscheiden. Ich werde es bei dieser Entwicklung nicht tun.

Deine Site - wie auch die meisten meiner Sites - müssen auf einem Handy nicht optimal funktionieren (die Hauptsache, sie funktionieren da überhaupt - und das ist relativ einfach lösbar - und der Mensch, der es will, kann in der U-Bahn auf dem Heimweg nach einem Ferienhaus für den nächsten Urlaub suchen). Bei Nachrichtenseiten (und den Aktienkursen) hab ich den Eindruck, dass es da eine wachsende Nachfrage gibt und entsprechend ist ja auch die Reaktion der Seitenbetreiber. Ob man Onlinebanking nun unbedingt über das Handy machen muss - und dann vielleicht auch noch in der U-Bahn, da sind die Meinungen sicherlich geteilt - ich würde es nicht machen - fahre aber in der Regel auch nicht mit der U-Bahn.

Für so Sachen wie Wikipedia etc. wünsche ich mir manchmal, solche Seiten wären für Handys brauchbar. Dann könnte ich manchmal in einer Sitzung schnell mit einer Antwort helfen, die sonst auf die nächste Sitzung vertagt wird (was aber auch nicht immer schlecht sein muss).

Gérard

Danke Hansen und Gerard,
mit euren Beiträgen habt ihr mich in meiner Meinung bestärkt.
Wichtig für die meisten Seiten ist wohl, dass sie "einigermaßen" auf Netbooks und Kleiner funktionieren. Da gehören auch meine Seiten dazu.
Wenn Handy-Surfer angesprochen werden sollen, wird die Seite auch für diese Zielgruppe geschrieben werden.
Toll ist sicher die "Eier legende Wollmilchsau", da muss man halt Kosten/Nutzen abwägen.
@Gerard: du hast geschrieben "die Hauptsache, sie funktionieren da überhaupt - und das ist relativ einfach lösbar". Was kann verhindern, dass eine Seite gar nicht funktioniert?

gerard schrieb:

hansen schrieb:

Ob man dann seine Seite nur noch für die Handy\'s extra optimiert, kann dann jeder für sich entscheiden. Ich werde es bei dieser Entwicklung nicht tun.

Für so Sachen wie Wikipedia etc. wünsche ich mir manchmal, solche Seiten wären für Handys brauchbar. Dann könnte ich manchmal in einer Sitzung schnell mit einer Antwort helfen, die sonst auf die nächste Sitzung vertagt wird (was aber auch nicht immer schlecht sein muss).

Gérard

Auch Schüler der Oberstufe sind in "Sitzungen": Sie kommen mit Wiki-Infos weiter.
Im Uni-Betrieb, eines Seminars z.B., kann ich mir allerdings nicht vorstellen, dass per Handy Wissen gesucht wird. Aber klar ist: Die Rolle des Handys auch als Schlüssel zum Internet wird sich enorm weiter entwickeln- und Webseiten-Betreiber sind gut beraten, dem potentiellen "Handy-Kunden" technisch entgegenzukommen. Fritz

Moin,

ich denke die Optimierung einer Webseite auf Handy kann man sich eigentlich sparen. Wenn ich mir Webseiten auf dem Smartphone ansehe, muss ich zwar auch scrollen, aber wem stört das? Dafür ist das Display groß genug und die Seite lesbar. Ein extra Aufwand werde ich da nicht betreiben, schließlich kann man nicht wirklich auf jeden Handytyp optimieren.

Gruß Thomas

Ich bin der Meinung, dass man gerade für Handys und Netbooks optimieren sollte, weil diese immer mehr kommen werden. Der normale Stand-PC wird am Arbeitsplatz mit Sicherheit bleiben, doch wie viele User nutzen die mobile Freiheit. Im heutigen Zeitalten von Flatrates mit Sicherheit über 70% und die sollte man nicht verärgern. Eine Optimierung für Safari (IPhone) sollte auf jeden Fall drin sein.

der_booker schrieb:

Ich bin der Meinung, dass man gerade für Handys und Netbooks optimieren sollte, weil diese immer mehr kommen werden. Der normale Stand-PC wird am Arbeitsplatz mit Sicherheit bleiben, doch wie viele User nutzen die mobile Freiheit. Im heutigen Zeitalten von Flatrates mit Sicherheit über 70% und die sollte man nicht verärgern. Eine Optimierung für Safari (IPhone) sollte auf jeden Fall drin sein.

Da gebe ich Dir absolut recht! - Eine Sache die ich völlig aus dem Blickfeld verloren hatte....

Das ist auf jeden Fall eine Aufgabe der ich mich als nächstes Wiedmen werde!

Viele Grüße,

Gabriel