Webdesign für mobiles Internet

Verfasst am: 26. 03. 2010 [09:42]
Beitrag hilfreich?
MatthiasHuehr
Themenersteller
Dabei seit: 30.11.2009
Beiträge: 730
 Da wir gestern in einem anderen Thread etwas abgeschweift sind, mache ich einen neuen zu diesem Thema auf. Der Anteil an mobilen und handlichen Endgeräten nimmt ständig zu und daher ist es auch meim 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.

Ich habe meine Seite für Netbbooks optimiert und wie ich bemerkt habe unbewusst auch so gestaltet, daß sie für Handys optimal ist. Wie ist es so mit euren Seiten?


MV-Trip - mein Reiseführer für Mecklenburg-Vorpommern
MV-Trip - Blog mit Tipps für interessante Veranstaltungen
Profil
WWW
 
Verfasst am: 26. 03. 2010 [12:39]
Beitrag hilfreich?
Raptor
Dabei seit: 10.05.2009
Beiträge: 1174

Opera-Mini tut's schon recht gut.
Meine Developer-Website mit den Web-Entwickler-Tools.
Meine Web-Entwicklungs-Dienstleistungen

Signatur-Regel: max. 4 Zeilen und 2 externe Links
Profil
WWW
 
Verfasst am: 26. 03. 2010 [12:54]
Beitrag hilfreich?
MatthiasHuehr
Themenersteller
Dabei seit: 30.11.2009
Beiträge: 730
 Das Tool hat irgendwie eine Macke, die Margins der Bilder in den Artikeln stellt es nicht richtig dar ...
MV-Trip - mein Reiseführer für Mecklenburg-Vorpommern
MV-Trip - Blog mit Tipps für interessante Veranstaltungen
Profil
WWW
 
Verfasst am: 26. 03. 2010 [16:10]
Beitrag hilfreich?
gerard
Dabei seit: 12.05.2009
Beiträge: 1276
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? ( http://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: http://mobil.tagesschau.de/ als Originalseite und den Emulator dazu http://emulator.tagesschau.de/emulator/tagesschau . Es gibt aber noch einen Haufen weiterer: https://mobile.postbank.de/ , die sich aber leider nicht alle in einem normalen Browser anschauen lassen.

Für statische Seiten kann der Aufwand für eine "extra" Site recht umfangreich werden, wenn für jede Seite für den normalen Browser eine 2. für die Mobiles angeboten werden soll. Allerdings lässt sich über ausgefeilte css-Regeln hier auch einiges machen. Bei dynamischen Seiten sollte das alles etwas einfacher werden.

Für das Optimieren der eigenen Site hilft auch ganz gut das hier weiter:

http://validator.w3.org/mobile/

Gérard


[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 26.03.2010 um 16:17.]
http://bretagne-virtuell.de
Profil
WWW
 
Verfasst am: 26. 03. 2010 [17:38]
Beitrag hilfreich?
hansen
Dabei seit: 18.05.2009
Beiträge: 1312
der_booker schrieb:



Habe mir erlaubt, Heikos Beitrag hier mit rein zu nehmen.


Geringe Leistung

Nur geringes Angebot an Software, die auf Netbooks laufen.



hansen
Nepal Rundreisen
Profil
WWW
 
Verfasst am: 26. 03. 2010 [17:54]
Beitrag hilfreich?
gerard
Dabei seit: 12.05.2009
Beiträge: 1276
hansen schrieb:









[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 26.03.2010 um 17:59.]
http://bretagne-virtuell.de
Profil
WWW
 
Verfasst am: 26. 03. 2010 [18:53]
Beitrag hilfreich?
lwulfe
Dabei seit: 02.10.2009
Beiträge: 803
 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?
Coaching-Kompass - die intuitive Coach-Suche
Meine Seite
Profil
WWW
 
Verfasst am: 26. 03. 2010 [19:03]
Beitrag hilfreich?
georg123
Dabei seit: 31.05.2009
Beiträge: 527
gerard schrieb:

hansen schrieb:










http://georg-hh.freimaurerei.de
 
Freiheit-Gleichheit-Brüderlichkeit, Toleranz und Humanität:
Dafür stehen und danach streben Freimaurer
Profil
WWW
 
Verfasst am: 26. 03. 2010 [22:41]
Beitrag hilfreich?
bhvmedia
Dabei seit: 04.06.2009
Beiträge: 151
 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
Meine-Stadt-Bremerhaven.de
Vieles rund um die Seestadt Bremerhaven
BHV-media.de Meine kleine Agentur
Profil
WWW
 
Verfasst am: 26. 03. 2010 [23:29]
Beitrag hilfreich?
der_booker
Dabei seit: 11.06.2009
Beiträge: 2855
 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.
Heiko Jendreck
personal helpdesk & webdesign
http://www.phw-jendreck.de
http://www.seo-labor.com
Profil
WWW
 




Du bist nicht eingeloggt. Bitte beachte, dass Du eingeloggt sein musst, um Themen zu erstellen oder auf Beiträge zu antworten.

RSS Feed abonnieren

Werde in Echtzeit über neue Foren-Beiträge informiert:

RSS Feed abonnieren »


15 Mitglieder Mitglieder waren innerhalb der letzten 15 Minuten (313 heute gesamt) online:
70hi70, anjstr, blacksquadron, Borschti, BrautstudioTimm, MatthiasHuehr, metalfriedi, metaphysic, mosaik_dresden, Noahndertaler, ralf_rd, Rosenkranz, StrokeSport, topgeschenkewelt

Administratoren und Moderatoren:
seitenreport

Seitenreport hat 16338 registrierte Mitglieder, 2862 Themen und 28000 Beiträge.
Seitenreport hat einen Mitgliederzuwachs von durchschnittlich 24 bestätigten Neuregistrierungen pro Tag.
Pro Tag werden im Seitenreport Forum durchschnittlich 3 neue Themen und 17 Beiträge erstellt.
Die Durchschnittszahlen berechnen sich aus den letzten 7 Tagen.

SEO und Website-Analyse

Seitenreport ist eine der bekanntesten Website-Analyse-Dienste im WEB. Über 9.200 registrierte Mitglieder (keine Freemailer-Accounts), 1/4 Millionen Seitenaufrufe pro Monat, über 100 Premium-Kunden und namhafte Referenzen sprechen für sich. Seitenreport gibt es seit 2007. Wie Du davon profitierst? Hier kannst Du sicher sein, dass es um Qualität und Beständigkeit geht!

Seitenreport auf Facebook!

238 unserer Mitglieder sind bereits Seitenreport Fan auf Facebook. Dein Vorteil: Schnellere Kenntnis von neuen Features, News in Echtzeit, Tipps und Tricks für SEO und Web. Du kannst unsere Beiträge auch kommentieren und dadurch Deine Besucherzahlen und das Interesse an Deinem Account erhöhen. Folge Seitenreport auf Facebook!

Seitenreport Partnerprogramm

Eines der wenigen Partnerprogramm im Bereich SEO und WEB. Erhalte 12% Lifetime Provision auf alle Buchungen von Dir geworbener neuer Mitglieder! Jedes von Dir geworbene Mitglied wird dauerhaft mit Deinem Partnerkonto verknüpft und bei jeder kostenpflichtigen Buchung mit 12% provisioniert. Lifetime - so lange es Seitenreport gibt!
Seitenreport Partnerprogramm

* = Partnerlinks