mobile zeitgeist » Webdesign

jQTouch: Bewegungssensor und Touchscreen per Javascript

Patrick Voelcker — Wed, 02 Sep 2009 12:35:42 +0000

Für das Javascript-Framework jQuery gibt es nun das jQTouch-Plugin, mit dem auf Webseiten per Javacript unter Anderem auch auf den Bewegunssensor und den Touchscreen von Smartphones wie z. B. dem iPhone, dem G1 oder dem Palm Pre zugegriffen werden kann. Somit lassen sich die Webseiten so programmieren, dass sie auf Orientierungsänderungen oder (Multi-)Touch-Gesten reagieren.
Ob dieser direkte Zugriff von JavaScript auf die Hardware nicht auch den Sinn einer Skriptsprache innerhalb eines Browsers verfehlt, sei einmal dahin gestellt, zumal man als Webentwickler in letzter Zeit froh sein konnte, dass es inzwischen einigermaßen möglich war, browserübergreifend auf ähnlich hohen Standards zu programmieren.

Mittlerweile aber scheint sich das “echte Web” auf dem iPhone zu einem Subweb zu entwickeln. Nicht nur, dass man als mobiler Webentwickler schon genügend Probleme hat, um seine Webseiten für mobile Endgeräte anzupassen, so stellt einen die Kombination zwischen “echten Web”-Fähigkeiten und kleinem Screen durchaus vor mehr neue Probleme als das sie z. B. durch Zusatz-Meta-Tags gelöst wurden. Schuld daran ist aber das iPhone der ersten Generation, auf dem es damals nur Web Applikationen gab und die deswegen die Grenze zwischen Hardware und Software aufweichten.

Insgesamt eine zu hinterfragende Entwicklung, aber nichtsdestotrotz cool, weil sie Webentwicklern dadurch die leichtere Programmierung von innovativen Diensten erlaubt, ohne gleich die Hürde des AppStores nehmen zu müssen.

Alle mobile zeitgeist SPECIALS in einer App, exklusiv für das iPad im iTunes Store.

Copyright © 2012, Mobile Zeitgeist
Dieser Feed unterliegt einer Creative Commons Lizenz (cc). Die kommerzielle Nutzung ist untersagt.

Umfrage: Sind mobil formatierte Webseiten tot?

Patrick Voelcker — Mon, 11 May 2009 08:39:07 +0000

Da mich das Ergebnis interessiert, die Umfrage aber nur schleppend voran kommt, poste ich einfach mal den Link zu der einfachen Frage: “Sind mobil formatierte Webseiten tot?”
Ohne jetzt auf das Ergebnis Einfluss nehmen zu wollen, nehme ich ja an, dass es tatsächlich nur noch eine Frage der wenigen Zeit ist, bis die zusätzlichen CSS-Styles bei “normalen” Webseiten (also keine Browsergames oder Dergleichen, bei dem man um eine sinnvolle Anpassung nicht herumkommen wird) tatsächlich unnötig geworden sind. Für mich persönlich sprechen da zwei Gründe zwingend dafür:

Der zu ladende Code wird dadurch nicht weniger, er wird bloß nicht komplett dargestellt. Denn rein übertragungskostentechnisch hat man als mobiler Webseitenbesucher somit keinen Vorteil. Wenn also alternative Webseiten, dann bitte komplett alternativ (was einen hohen Aufwand bedeutet) und dann auch nicht so, wie es z. B. bild.de macht, die immer erst die komplette Webseite lädt und dann erst auf die mobile Webseite umleitet.
Viel entscheidender: Wie schon damals beim Erfolg des Palms mit der eigens entwickelten Schrift vermute ich, dass auch diesmal der User schneller als die Maschine lernen wird. Sprich: Wir Menschen werden unser Surfverhalten auf kleinen Displays schneller anpassen bzw uns daran gewöhnen (ich habe mich ja jetzt schon komplett daran gewohnt), als dass die Programmierer die Webseiten anpassen können, denn die letzte Hürde wird IMMER das kleine Display sein.
So: Nun aber zur Abstimmung: Vote!
Alle mobile zeitgeist SPECIALS in einer App, exklusiv für das iPad im iTunes Store.

Copyright © 2012, Mobile Zeitgeist
Dieser Feed unterliegt einer Creative Commons Lizenz (cc). Die kommerzielle Nutzung ist untersagt.

Mobile Werbekampagne Light

Patrick Voelcker — Thu, 27 Nov 2008 09:20:52 +0000

In Frankreich veranstaltet Orange zur Zeit eine Full-Flash-Kampagne, bei der der Rugby-Star Sébastian Chabal und ein mir nicht bekannter Torwart auf einem Straßenfußballplatz eines Hinterhofs in einem Elfmeterduell aufeinander treffen. Mitten im Film wird man dazu aufgefordert, seine Handynummer einzugeben (leider nur mit französischen Nummern möglich). Daraufhin erhält man einen Anruf, in dem Chabal einen bittet, sich für eine Ecke zu entscheiden, in die er den Ball platzieren soll. Über Tasteneingabe teilt man ihm diese mit und voilà, er trifft!
Eine nette, leichtgewichtige interaktive Integration des mobilen Gedankens, aber natürlich noch sehr nah an den klassischen Medien. Ich wollte sie trotzdem mal erwähnt haben.

Alle mobile zeitgeist SPECIALS in einer App, exklusiv für das iPad im iTunes Store.

Copyright © 2012, Mobile Zeitgeist
Dieser Feed unterliegt einer Creative Commons Lizenz (cc). Die kommerzielle Nutzung ist untersagt.

Chocoman Hunter

Patrick Voelcker — Thu, 06 Nov 2008 09:49:09 +0000

Wer die Handyjagd nicht mochte, wird “Chocoman Hunt” verfluchen:
Axe macht seit jeher ungewöhnliche und vor allem unterhaltsame Werbespots. Passend zu einer neuen Duft-Linie, die, man glaubt es kaum, nach Schokolade riecht, gibt es in Japan nun die Chocoman-Kampagne, in der sich in vielen, vielen Trailern völlig durchgedrehte Japanerinnen auf die Suche nach der dazu entworfenen Werbefigur machen und ihn mit ihrem Handy ablichten möchten.

Click here to view the embedded video.

Damit das ganze einen Sinn ergibt, wird passend dazu das Gewinnspiel “Chocoman Hunt” veranstaltet. Ziel des Spiels ist die höchste Anzahl an Punkten, die man anhand QR-Codes sammeln kann. Diese QR-Codes befinden sich auf Hinweisen zu dessen Aufenthaltsort und am Chocoman selbst, einer Person, die (meiner Meinung nach sehr unappetitlich) nach Schokolade aussehen soll und die über die gesamte Insel reist. Hinweise zu dessen Aufenthaltsort gibt es u. a. auf der begleitenden Webseite, die den Begriff eines multimedial völlig überladenen Webauftritts neu definiert. Gesammelte Punkte kann man auch tauschen, insofern ist diese Aktion ein bisschen das Sammeln von Panini-Fußballbildern der Moderne.

Natürlich gibt es auch etwas zu gewinnen und der ausgelobte Gewinn kann sich durchaus sehen lassen, denn der Sieger wird mit einem Prozent am Umsatz des neuen Linie beteiligt.

Alle mobile zeitgeist SPECIALS in einer App, exklusiv für das iPad im iTunes Store.

Buchverlosung: ‘Mobiles Webdesign’

Heike Scholz — Sun, 06 Jul 2008 15:25:08 +0000

Frisch aus der Druckerei kommt das brandneue Buch von Manuel Bieh, “Mobiles Webdesign – Konzeption, Gestaltung, Entwicklung“. Es ist wirklich so neu, dass ich noch gar nicht reinschauen konnte.

Mobiles Webdesing ist ein wichtiges Thema, daher möchte ich unsere LeserInnen bitten, hier in den Kommentaren einmal ihre liebste mobile Webseite vorzustellen. Und damit sich das Ganze auch lohnt, verlosen wir unter allen die mitmachen ein Exemplar des Buches “Mobiles Webdesign” von Manuel Bieh, im Wert von 34,90 Euro.

Wer bei uns leer ausgeht, sollte unbedingt auf Manuels Weblog regelmäßig reinschauen, denn auch er wird noch ein Exemplar verlosen.

Und wer es gar nicht aushält und das Buch sofort haben will, kann es im Mobile Zeitgeist Shop auch gleich bestellen.

Umschlagtext:
Mobiles Internet ist Realität. Jeder, der Websites betreibt, gestaltet, konzipiert oder entwickelt, muss sich mit dem Thema auseinandersetzen. Dabei geht es natürlich um die Fragen, wann ein mobiler Auftritt sinnvoll ist, welcher Content ausgewählt und wie der Auftritt schließlich konzipiert und umgesetzt werden soll. Dieses Buch hilft Ihnen zunächst bei der Beantwortung dieser Fragen und zeigt dann, wie Sie technisch mit den veränderten mobilen Bedingungen umgehen müssen: welche Unterschiede es bei den verschiedenen Modellen und Browsern gibt, wie Sie eine mobile Seitenstruktur anlegen, die Navigation anpassen, für vertikale, kleine Bildschirmauflösungen designen oder Ihre Seiten für verschiedene Geräte testen. Dieses Buch ist eine Investition in die Zukunft.
1. Chancen nutzen
Wann ist es sinnvoll, in einen mobilen Auftritt zu investieren? Lesen Sie hier, welche Möglichkeiten sich für Sie ergeben.
2. Vorplanen, nicht nachbessern
Welcher Content ist relevant? Analysieren Sie Ihre Website und ermitteln Sie die richtige Konzeption für Ihren mobilen Auftritt.
3. Vertikal umdenken
Alle Fragen rund um das Design werden ausführlich beantwortet: Welche Konsequenzen ergeben sich aus der Bildschirmauflösung? Wie sieht korrektes (X)HTML und CSS für mobile Geräte aus?
4. Entwickeln für mobile Endgeräte
Hier wird gezeigt, auf welche Gerätefähigkeiten und Protokolle Sie Rücksicht nehmen müssen, wie Sie UAProf und WURFL nutzen und mit Praxistests Ihre Website wasserdicht machen.
5. Von Best Practices profitieren
Sie finden eine umfassende Darstellung der Mobile Web Best Practices des W3C. Immer mit ergänzenden Erläuterungen und Beispielen aus der Praxis.
6. Das meinen die Experten
Lesen Sie, was Jens Grochtdreis, Terry von Bibra, Udo Jung und Roman Hänsler zum mobilen Web zu sagen haben.

Leseprobe

Alle mobile zeitgeist SPECIALS in einer App, exklusiv für das iPad im iTunes Store.