Mobile Website entwerfen

datePosted on 17:07, September 19th, 2007 by Stefan

Wer immer noch nicht genug von Googles Adsense hat, der kann die Werbung jetzt auch auf Mobile Webseiten pappen. Google unterstützt dies durch Ihr neues Angebot “AdSense für mobile Seiten“.

Bevor wir jedoch eine mobile Website erstellen, sollte diese jedoch gut geplant werden. Auch wenn Handy-Displays immer größer werden, und PDAs sich immer mehr zum surfen eignen: Das Browserfenster ist sehr viel kleiner als auf dem Desktop. Die Regeln für das Design sollten sich also eher an den Webseiten von vor 10 Jahren orientieren.

Eine Webpage, die für mobile Geräte optimiert ist sollte meiner Meinung nach folgende Kriterien erfüllen:

  • Liquid Design - also nicht auf eine bestimmte Größe des Browserfensters angewiesen sein
  • Kleine Grafiken - die nicht unnötig viel Platz auf dem kleinen Display einnehmen. (Größenangabe in % oder em, siehe oben)
  • Hohe Informationsdichte - das bedeutet hier, dass die wichtigen Informationen auf den ersten 3-4 Zeilen untergebracht werden sollten. Denn der Rest könnte schon unter dem “Fold” sein.
  • (Auch) lange Seiten mit viel Text - das Handy oder der PDA könnte so zum tragbaren E-Book werden. Diese müssten dann aber als Text und nicht als PDF vorliegen, damit der Bildschirm voll genutzt werden kann. (siehe oben, Liquid Design)

Und genau in der hohen Informationsdichte sehe ich das Hauptproblem des neuen Google-Angebots: Je kleiner der Bildschirm, desto mehr nervt die eingeblendete Werbung. Hoffen wir also, dass die Anzeigen auch in Ihrer Größe optimiert sind.

Moderne Webtechniken wie CSS sind in diesem Umfeld noch wichtiger als auf dem Desktop. Doch darum kümmern wir uns im nächsten Beitrag.

Habe ich noch Punkte vergessen, die Ihr für mobile Websites wichtig findet? Die Kommentar-Bar ist geöffnet :)

Related Posts:

Comments:

stefan.waidele.info » Mobile Website erstellen on September 19th, 2007 at 6:30 pm

[...] Nachdem wir unsere mobile Website nun entworfen haben, wollen wir sie dann auch erstellen. Google selbst empfiehlt nach Begriffen wie “mobile Website erstellen” oder “mobile Website entwerfen” zu googlen, was dann auch schnell eine noch ziemlich kurze Liste von Seiten ergibt, welche sich auf diese hochoffiziellen Suchbegriffe gestürzt haben - und zu denen meine hoffentlich auch bald gehört [...]

Maria on November 6th, 2007 at 9:31 pm
Gravatar for 'Maria

danke für diese infos. werde mal schauen, ob was es mit den adsense fürs Handy auf sich hat.

Georg on September 15th, 2008 at 11:45 pm
Gravatar for 'Georg

Dann werde ich mein Glück auch mal versuchen und eine mobile Website zusammenkleistern…

mobile Blog Website on October 7th, 2008 at 11:47 pm
Gravatar for 'mobile Blog Website

Hallo,

leider scheint es ein Problem mit dem Zeichensatz in Deinem Blog Beitrag zu geben. Zumindest werden bei mir gerade die Umlaute felhlerhaft dargestellt.
Inzwischen wird ein kostenloses Blog im mobilen Format und inkl. mobilem Administrationszugang angeboten.

Hoffe, blog.mobile-website.mobi gefällt Euch bzw. erleichtert das Bloggen vom Handy aus. Werbefrei ist es übrigens auch noch ;-)

Stefan on October 8th, 2008 at 10:29 am
Gravatar for 'Stefan

Die Umlaute gingen beim Server-Umzug verloren. Ich repariere das von Hand - bei den Seiten, die am meisten abgerufen werden zuerst. Bzw. dort wo Leser sich darüber “beschweren”.

Dieser hier ist hiermit erledigt - alle Umlaute und einen Grammatikfehler sind korrigiert :)