Unter dem Namen »More @ Less« veröffentlichte der Designer ein Konzept, bei welchem dem iPhone mehr Funktionalität bei kleinerer Größe versprochen wird. Entgegen der meisten Designkonzepte hat das iPhone 5 hierbei kein größeres Display bekommen, sondern wurde einfach nur komplett verkleinert. Dabei entfällt auch der Homebutton, der allerdings sinnvollen Ersatz bekommt. Oh und eine Touch-Rückseite gibt es auch.

Hier mal die komplette Galerie:

Das war es dann auch schon wieder!
Euer Wishu

(via)

Genau das taten einige Leute auch. Sie schrieben den Song um und nannten ihn “TWEET IT”. Die Hintergrundmusik blieb die gleiche. Da das Ganze allerdings nur halb so amüsant ohne Video ist, haben sie natürlich auch daran gearbeitet. Im Original-Video von Beat It treten 2 Gangs gegeneinen an, welche scheinbar Meinungsverschiedenheiten haben. Letztendlich versammeln sich beide Gangs in einem Lagerhaus, wo es zu einem harmlosen “Messer-Kampf” kommt. Dann taucht wie aus dem Nichts Michael Jackson aus, und alle tanzen fröhlich miteinander.

Was in der Erzählung etwas wie ein Hippie-Video klingt, ist an sich recht gut gemacht – unrealistisch, aber ich mag es. Und genau an diese Story lehnt auch das Video von TWEET IT an. Nur sind die beiden Gangs hier keine Straßengangs, sondern eher Nerds. Die beiden Gangs heißen die iPhones und die iPads. Ich hätte es persönlich besser gefunden, wenn die iPad die Androids wären, aber was soll man machen. Das Video ist schon etwas älter und da war Android noch nicht so groß wie jetzt.
Und bevor ich euch hier noch einen Knopf an die Backe laber, kommt hier das Video:

Da das Original-Video von Beat It von Michael Jackson etwas schwieriger zu finden ist, habe ich mir mal die Mühe gemacht, ein funktionierendes Video zu suchen, denn auf YouTube gibt es leider keines.
Hier der Link: Michael Jackson – Beat It | Sevenload

Das war es dann auch schon wieder!
Euer Wishu

Der Kampf mit den Webriesen

Die mobile Umsetzung von engadget läd zwar schneller, ist jedoch stark reduziert.

Mit Webriesen sind hier allerdings nicht unbedingt die großen Firmen gemeint, sondern eher die Websites, welche wohl davon ausgehen, dass jeder eine 6000er Leitung oder mehr hat. Seiten wie engadget sind zwar vorbildlich ohne unnötigen Einsatz von Flash entwickelt worden, doch leider hat die Website im unkomprimierten Zustand eine Dateigröße von 2015KB oder auch 2MB. Im komprimierten Zustand sind es immernoch 1241KB also etwas mehr als einen MB.

Dies macht nicht nur im mobilen Web eine schlechte Figur, sondern auch am PC oder Laptop. Zwar hat auch engadget eine mobile Website (endlich), doch hat diese nicht alle Funktionen, wie der große Bruder. Somit warte ich ganze gerne mal etwas länger als eine Minute, bis die Website geladen ist. Zum Glück surfe ich engadget nur selten mal an, doch denke ich, dass es da andere Punkte gibt.

Es gibt natürlich auch noch andere Beispiele, wie eBay. Hier wird zwar auch eine mobile Variante angeboten, doch ist diese kaum wert angesehen zu werden, da sie laut der Adresse noch zu WAP-Zeiten entwickelt wurde. Die vollständige Version von eBay schlägt unkomprimiert mit 845KB zu Buche.

Umsetzung per Stylesheet oder Umleitung?

Jetzt gibt es zwei Möglichkeiten das Ganze umzusetzen. Einmal kann man die einfache und schnelle Möglichkeit nehmen, welche einem CSS bietet oder man nimmt die etwas schwierigere Variante, welche eine Umleitung zu einer speziell angepassten mobilen Website führt

Umsetzung per CSS

CSS bietet glücklicherweise Möglichkeiten um von Gerät zu Gerät verschiedene Stylesheets auszuliefern. Hierbei gibt es verschiedene Medientypen. Darunter auch der Medientyp handheld. Durch diesen kann man gezielt mobile Geräte wie Smartphones, Organizer oder auch Spiele-Handhelds wie die PSP ansprechen.

Damit ist es einem erlaubt zumindest das Erscheinungsbild von Websites gezielt für das mobile Internet anzupassen. Dies kann unter anderem davor schützen, dass man allzu viel horizontal scrollen muss. Dies ist man als Nutzer des mobilen Internets zwar gewohnt, doch ist es immer angenehmer nur vertikal scrollen zu müssen.

Somit lässt sich schnell ein passendes Ergebnis erzielen. Die Site sieht gut aus, Background-Grafiken kann man leicht anpassen, sodass die Ladezeit kürzer wird – aber Moment, was ist mit dem Rest?

Genau! Bilder, welche auf der Website eingebunden sind werden nicht komprimiert. Ebenso der HTML-Code kann bei nicht optimierten Websites zum Flaschenhals werden.
Aus diesem Grund ist es nicht selten, dass eine Umleitung zu einer speziell angepassten mobilen Website wesentlich mehr Sinn macht.

Umsetzung per Umleitung

Bei der Umleitung auf eine speziell angepasste mobile Website hat man viel mehr Möglichkeiten die Ladezeit zu reduzieren. Hier kann man per PHP die Bilder herunterechnen lassen, sodass Abmessungen und/oder Qualität zugunsten der Ladezeit reduziert werden.

Ebenso kann man komplette Teile von HTML und JavaScript weglassen, welche auf der mobilen Variante keinen Sinn machen würden und somit nur unnötig Ladezeit in Anspruch nehmen würden. Hierbei hat man also wesentlich mehr Optimierungspotential, welches man ausschöpfen kann.

Hier gibt es die Möglichkeiten allgemein zwischen mobilen und nicht-mobilen Geräten zu unterscheiden oder direkt nach Gerät/Browser. Ich würde wahrscheinlich die einfache Variante nehmen und würde abfragen ob es sich um ein mobiles Endgerät handelt. Hierbei muss man dann zwar allgmein optimieren, hat allerdings auch weniger Arbeit.

Wenn man allerdings nur zum Beispiel ROMs für Android anbietet, macht es keinen Sinn dies auch für das iPhone zu optimieren und kann sich so auf die verschiedenen Android-Browser und -Auflösungen konzentrieren.

Portrait oder Landscape?

Bei Communitys ergibt die Landscape-Ansicht mehr Sinn als die Portrait-Ansicht

Zudem sollte man überlegen, wie die Präsentation am besten gelingt. Für einen Blog würde es keinen Sinn machen für die Landscape-Ansicht (Wenn man das Phone um 90° nach links dreht – horizontal) zu optimieren, sondern sollte dem Nutzer die Freiheit lassen ob er nun die kurzen Zeilen in der Portrait-Ansicht (So wie man ein Phone für gewöhnlich hält – vertikal) bevorzugt oder lieber alle Bilder im Beitrag sehen kann.

Dann ist mir durch meine Frau allerdings auch ein konkretes Beispiel begegnet, bei welchem es Sinn macht ausschließlich die Landscape-Ansicht zur Verfügung zu stellen. Bei Communitys! Bisher haben wenige Communitys gemerkt, dass das mobile Web immer weiter wächst und bieten deswegen nur sehr rudimentäre mobile Websites an. (Siehe schülerVZ/meinVZ und Facebook)
Eine Jugendcommunity aus Deutschland hingegen macht es richtig. Gemeint ist die kleine Plüschcommunity Jappy. Man mag über diese Plattform denken wie man will (ich bevorzuge es, davon gar nicht erst zu wissen), doch die mobile Website von Jappy ist die beste, die ich bei einer Community je gesehen habe.

Wenn ich mein Gedächtnis abrufe, dann würde ich Jappys mobilen Internetauftritt allgemein als beste mobile Umsetzung einer Website betiteln. Hier wurde alles durchdacht, keine Funktion fehlt (was sehr oft bei mobilen Umsetzungen gemacht wird) und es sieht einfach schick aus (zumindest nicht der 90er-Jahre-Stil, welcher im mobilen Web oft zu finden ist).

Ok, aber ich schweife ab. Auf jeden Fall sollte man sich überlegen, ob man wirklich auf die Portrait-Ansicht optimieren sollte oder ob es bei manchen Auftritten nicht mehr Sinn macht etwas mehr Platz zu nutzen und somit die Landscape-Ansicht vorauszusetzen.

Fazit

Es gibt also einiges zu beachten im mobilen Internet. Viele meinen vielleicht, dass es keinen großen Sinn macht ihre Website für das mobile Web anzupassen (und das sieht man leider auch noch oft), doch der Trend geht in die richtige Richtung.

Auch im mobilen Web oder gerade dort, sind Ladezeiten sehr wichtig. Die Nutzer von Smartphones oder ähnlichem sind es zwar gewohnt etwas länger auf ihre Inhalte zu warten, doch kann ich aus eigener Erfahrung sagen, dass eine gute mobile Umsetzung zum wiederkommen einläd.

Auf jeden Fall kann ich schon mal sagen, dass ich vor habe in Zukunft öfters auch über das mobile Web zu schreiben.

Was haltet ihr davon? Habt ihr noch Tipps zum Thema? Und surft ihr mit euren mobilen Endgeräten lieber auf mobilen Websites oder auf den Versionen, welche man auch auf dem Rechner zu Gesicht bekommt?

Das war es dann auch schon wieder!
Euer Wishu

Diese Woche geht es um technische Neuheiten, eine Neue Art von Product Placement, eine neue Art das iPhone zu benutzen, Googles eigenen Short-URL-Service und Werbung in eigener Sache.

Die USB-Steckdose

Viele Geräte werden heutzutage am PC per USB aufgeladen. Oft fehlt sogar ein Adapter für eine handelsübliche Steckdose. Diese Erfindung aus den USA könnte tatsächlich Erfolg haben. Ich persönlich würde mir das Ding zulegen.

Zum Artikel

Die Zukunft des Product Placement

Auf CREATE OR DIE habe ich einen interessanten Artikel gefunden, welcher eine Neuentwicklung in Sachen Product Placement zeigt. Objekte auf Bildern werden “getagged” und führen direkt zu den Produkten. Besser erklärt es allerdings Jürgen Telkmann:

Zum Artikel

Das digitale Touchscreen-Klavier

Eigentlich dürfte ich das als Android-Anhänger gar nicht posten, aber es ist vielleicht sehenswert für die EiPhone-Sklaven iPhone-Besitzer:

Nun will auch Google kurze URLs

Nachdem tr.im, bit.ly und Co. ja immer bekannter und vor allem bedeutsamer werden, hat sich Google jetzt gedacht mit zu mischen. Goo.gl heißt der neue Service und ist derzeit nur über die Google-Toolbar und Feedburner erreichbar. Das lässt etwas Spekulation zu, die Andreas von WordPress-Zone übernimmt.

Zum Artikel

WishuLoad unterstützt weitere Formate

Lange hat WishuLoad nur GIF, JPEG und PNG unterstützt. Nun sind aber noch weitere Formate dazu gekommen. Und das nicht nur für Bilder. Die Bild-Formate BMP, TIF und TGA sind nun auch dabei. Zusätzlich gibt es für registrierte Nutzer nun auch die Möglichkeit PDF-Dateien hoch zu laden.

Zu WishuLoad

Schlusswort

Da war es nicht nur die Woche über still bei mir, sondern auch die Links halten sich in Grenzen der nächste Samstag ist nach Heilig Abend, vielleicht gibt es da wieder mehr zu berichten.

Das war es dann schon wieder!
Euer Wishu