Mobile Web Design

Wenn es um Webdesign für bzw. das XHTML/CSS - Rendering auf BlackBerry Devices geht, gibt es ein paar Dinge zu beachten, die hier “irgendwie anders” sind. Ich arbeite gerade an ein paar mobilen Testcases, die ich asap hier posten werde. Das wichtigste über BB-Besonderheiten (vor allem in Punkto CSS) in Kürze:

1. Vergiß margin und padding, Workaround: Border setzen mit Farbe wie Hintergrund oder Old-School Tabellenkonstrukte
2. Abstände zwischen Überschriften und Absätzen (überhaupt zwischen Textelementen) sind nicht kontrollierbar
3. Die Default Blackberry Schrift entstammt der Familie “BBMillbank”. Die ist eher sehr weitlaufend und nicht wirklich gut leserlich - nutzbare Schriftgrößen muß ich noch auschecken
4. float:left auf Blockelementen geht (bei Nokia S40 z.B. offenbar nicht)

Abgesehen davon, daß verschiedene Devices natürlich eigentlich auch verschiedene Arten von Navigationen bräuchten (bzw. sinnvoll darstellen können), werde ich nun schon auch bei “einfachen” Mobile-Web-Sites zumindest eine serverseitige Styles-Weiche einbauen, um die verschiedenen Fähigkeiten (oder Bugs) zu umschiffen. Zwar noch keine Content-Adaption (zwischen verschiedenen Mobilgeräten), aber doch - ich nenne es mal - “Style-Adaption”.

Entweder so:

1. Wenn du ein BlackBerry bist: nimm blackberry.css
2. wenn du ein Windows Mobile bist: nimm winmobi.css
3. wenn du ein Nokia S40 bist: nimm nokias40.css
4. wenn du ein Opera-Mini bist: nimm operaminni.css
5. …
6. Wenn nichts von obigem auf dich zutrifft, dann nimm default.css

Oder etwas anders, fast umgekehrt:

1. nimm default.css
2. wenn du xy bist, addiere zudem xy.css
3. …

Ich weiß noch nicht, was besser pflegbar ist. Komplett unterschiedliche Styles oder Devicegruppen-specifische Zusätze.

Die nächsten Posts: Habe zwei neue Bücher zum Thema, darüber möchte ich berichten - und die Testcases für BlackBerry etc…

Update:
Meldungen zum Thema BlackBerry-Verbreitung auf Golem.de: “Die BlackBerry-Welle - Insgesamt lieferte RIM im Geschäftsjahr 2007/2008 rund 4,4 Millionen BlackBerrys aus. …”

dotMobi
Die neue Berlinkampagne “be Berlin/sei Berlin” der Berlin Partner GmbH hat auch eine Mobile Site im Portfolio: http://sei-berlin.mobi/

Über die Kampagne:
“Geschichten von Menschen, die hier leben und die Stadt bewegen, kombiniert mit dem selbstbewussten Aufruf be Berlin/sei Berlin sind Inhalt und Leitmotiv der Kampagne.” Quelle: be Berlin - Die Hauptstadtkampagne - Kampagne

Und hier gibt es Informationen zur Technik, Hintergründe, Daten und Fakten zum Kampagnenportal sei-berlin.de

Wie mir scheint, arbeiten derzeit einige Autoren an deutschsprachigen Werken zum Thema “Mobile Web”. So bin ich kürzlich über einen Blogeintrag von Tom Alby gestoßen, der sein Buch “Das mobile Web” noch Mitte 2008 veröffentlichen will.
Mehr zum Buch hier: “Das mobile Web”, von Tom Alby

In diesem Zusammenhang läuft auch bis zum 15. März 2008 eine Umfrage: “Wie nutzt ihr das mobile Web?” - inklusive Gewinnspiel. Bitte zahlreich teilnehmen. Für Anbieter und Produzenten mobil-optimierter Websites ist das ja die Frage schlechthin.

Über weitere Neuerscheinungen zum Thema werde ich natürlich berichten sobald ich davon erfahre.

Hier nochmal der Link zu Cameron Molls englisch-sprachigen Werk “Mobile Web Design” vom Herbst 2007.

Update / Neuerscheinung (07/2008):
Mobiles Webdesign: Webseiten für mobile Endgeräte von Manuel Bieh

Interview mit dem Autor Manuel Bieh
Mobiles Webdesign: Webseiten für mobile Endgeräte bei Amazon