Der iPhone-Fan in guter Gesellschaft. Neben Spiegel, FAZ und Kicker, führt MacLife (7/2009, S. 66) iPhone-Fan.de als eins von 15 guten Beispielen für  iPhone-optimierte Webseiten auf. Vielen Dank, zu viel der Ehre. Hier sei verraten, ich nutze das WordPress-Plugin WPtouch führt die Darstellung der Seite auf dem iPhone.

Ich will nicht versäumen, hier noch mal auf meine Linksammlung iPhone-optimierter Seiten zu verweisen. Dort habe ich 90 Beispiele aufgeführt, die ihr Angebot auf 480 x 320 Pixel zurechtgestutzt haben. Natürlich gibt es diese Sammlung auch für unterwegs und zwar iPhone-optimiert unter: mobiler.iphone-fan.de.

Eigentlich stellt der Safari-Browser im iPhone oder im iPod Touch alle Webseiten so dar, wie sie vom Gestalter gedacht waren. Ok, manchmal muss man wild rauf, runter oder zur Seite navigieren, um alles zu sehen, aber es funktioniert. Dennoch erfreuen sich iPhone-optimierte Webseiten großer Beliebheit, wie auch meine kleine Linksammlung zeigt.

Wer nun seine eigene Webseite oder Blog in iPhone-optimierter Form präsentieren möchte, für den habe ich zwei Tipps:

1.) Der britische Entwickler Jon Wheatley zeigt in dem Video, wie man in vier Schritten aus dem RSS-Feed seiner Webseite eine iPhone-optimierte Darstellung macht.

intersquash demo from jon on Vimeo.

2.) Wer WordPress verwendet, kann das Plugin WP Touch der kanadischen Webagentur Brave New Code verwenden. Bei einem Seitenaufruf von einem iPhone wird die Webseite in einem iPhone-optimierten Layout dargestellt. Der Nachteil: Das persönliche Gestaltungsbild geht verloren. Je mehr Leute das Plugin nutzen, umso mehr Seiten sehen auf dem iPhone absolut identisch aus.

Der amerikanische Reiseführer Schmap.com hat eine wirklich coole iPhone-Version hingelegt. Nach der Auswahl der Stadt, kann mann zwischen Touren, Attraktionen, Restaurants und neun weiteren Kategorien wählen. Hat man beispielsweise die Liste der Attraktionen aufgerufen, sieht man Fotos der Orte. Wenn man nun das iPhone dreht, wechselt die Darstellung zu einer Kartenansicht. Rechts sieht man die durchnummerierten Sehenswürdigkeiten und links stehen die Nummern in der Stadtkarte. Wenn man mit dem Finger durch die Liste blättert, aktualisiert sich automatisch die Kartendarstellung. Schwer beeindruckend.

Schmap wurde 2004 gegründet und ist in Carrboro, North Carolina zuhause. Es gibt 200 beschriebene Orte in Nordamerika, Europa und Australien. Europa ist mit Spanien, Frankreich, Italien, Deutschland und einige Metropolen vertreten. In Deutschland sind Köln, Frankfurt, München, Hamburg und Berlin beschrieben – natürlich in Englisch. Da kann der Urlaub ja kommen, wären da nicht hohe Roaminggebühren für Datenübertragungen. Schmap ist mir auf alle Fälle einen Eintrag unter mobiler.iphone-fan.de wert.

Angenommen Ihr besitzt noch kein iPhone oder wollt einfach mal eine iPhone-optimierte Seite in Eurem Firefox-Browser anschauen, dann geht das so:
1.) Den User-Agent-Switcher bei Firefox AddOns herunterladen und installieren.

2.) In Firefox unter “Extras”, “User Agent Switcher” die “Options” aufrufen.

3.) Einen neuen User-Agent für das iPhone einrichten. Mit folgenden Daten:

4.) Firefox auf den iPhone-Agent einstellen und entsprechende URL aufrufen.

Der Browser gibt sich beim Aufrufen jeder Seite zu erkennen. Ist eine Webseite speziell für den Safari-Browser auf dem iPhone gestaltet, wird sie im Firefox oder im Internet Explorer nicht richtig dargestellt. Darum der User-Agent. Iphone-optimierte Seiten zum Testen gibt es hier: mobiler.iPhone-Fan.de.

Wer meint, die Early-Adopter sitzen nur in hippen Agenturen, die aussehen wie ein iMac von Innen, der täuscht sich. Sie wohnen in WGs. Damit man WG-Zimmer aber auch Wohnungen als Student leichter findet, bietet Studenten-WG eine iPhone-optimierte Seite.

Nach der Auswahl des Bundeslandes und der Stadt, kann man in den Angeboten stöbern. Dabei wird es dem akademischen Nachwuchs leicht gemacht: Neben allen Angaben zu Größe, Lage und Preis, gibt es auch einen Link zu Google-Maps – und schwups – schon zeigt die Stecknadel in der Straßenkarte an, wie weit entfernt die Wohngemeinschaft vom Audimax oder dem Kneipenviertel ist. Ist eine Telefonnummer angegeben, kann der Suchende direkt auf “Anruf” klicken. Also Hut ab, da nutzt mal wirklich jemand die Möglichkeiten des Smartphones. Das wird sofort in meiner Liste iPhone-optimierter Seiten aufgenommen.

Eine A bis Z-Linksammlung iPhone-optimierter (deutschsprachiger) Seiten habe ich hier ja bereits begonnen. Nun steht die Seite auch unter mobiler.iphone-fan.de online, so dass man die Links bequem auf seinem iPhone anschauen, ansurfen und als Bookmark speichern kann. Viel Spaß damit. Tipps für weitere Einträge sind natürlich immer willkommen.

Ich habe zwar hier an einer schönen Übersicht deutscher iPhone-Webseiten gearbeitet, aber jemand anders hat das noch viel besser und schöner gemacht. Die iPhonesSites sind auch iPhone-optimiert und somit unterwegs überaus nützlich. Danke an Heiko für den Tipp.

Apple-Chef Steve Jobs betont zwar, dass man mit dem iPhone das “richtige Internet” in der Tasche hat, dennoch ist es praktisch, dass etliche Anbieter iPhone-optimierte Seiten anbieten. Hier kleine Auswahl, die gibt es natürlich auch direkt auf´s iPhone unter mobiler.iphone-fan.de:

	1822 direkt pda.1822direkt.com Mobile-Banking
	Amazon www.amazon.de Online-Warenhaus
	AOL Search mobile.search.aol.com/iphone Suchmaschine
	Apothekennotdienst dev.apotheken.de/iphone Apothekensuche & -notdienst, Ärztlicher Bereitschaftsdienst, Giftnotruf
	Bild mobile-bild.de Boulevard-Zeitung
	Billiger.de mobile.billiger.de Preisvergleich
	BMW www.bmw.mobi Automobilhersteller
	Börsen-Zeitung www.investor-facts.mobi/iPhone Investor-Facts Finanzinformationen
	Börse online iphone.boerse-online.de Anlegermagazin
	Brigitte iphone.brigitte.de Frauenzeitschrift
	Capital iphone.capital.de Finanzmagazin
	Cellity iphone.cellity.com Least-Cost-Routing für Telefonate
	Cnet iphone.cnet.com Technik-Nachrichten
	Compendium iphone.coium.eu Kombinierte Nachschlagewerke: Wörterbuch, Wikipedia, Dictionary
	Deutsche Bahn mobile.bahn.de Bahnreisen: Verbindungen suchen, Ankunft in Echtzeit. Kein Handy-Ticket, da Versand nur per MMS
	Deutsche Bank www.deutsche-bank.mobi Mobile Banking
	Die Bibel www.die-bibel.de/iphone Auswahl zwischen “Luther-Bibel 1984″, “Gute Nachricht Bibel” und “Menge-Bibel”
	Dogs Magazin iphone.dogs-magazin.de Magazin für Hundebesitzer
	eBay wap.ebay.de Auktionsplattform
	Essen und Trinken iphone.essen-und-trinken.de Rezepte, Hotel- und Gastroguide
	Eurosport m.eurosport.de Sportnachrichten
	Facebook iphone.facebook.com Kontaktenetzwerk
	Financial Times Deutschland mobil.ftd.de Wirtschaftszeitung
	Finanzen www.finanzen.net/iphone Finanzportal
	Focus wap.focus.de Nachrichtenmagazin
	Frankfurter Allgemeine Zeitung m.faz.net Tageszeitung
	Frankfurter Rundschau mobile.fr-online.de Tageszeitung
	Frazr www.frazr.com/iphone Micro-Blogging
	Freie Fahrt iphone.freiefahrt.info Staumeldungen Lokalisierungs-App Alocola
	Fussball mobil.fussball.de Fussballergenisse
	GelbeSeiten iphone.gelbeseiten.de Branchenverzeichnis
	Golem golem.mobi Nachrichten für IT-Profis
	Hahlo hahlo.com Twitter Web-Client
	Hamburg.de mobil.hamburg.de Stadt-Portal
	Hamburg to go www.hamburg-to-go.de Veranstaltungen in Hamburg Heute und Morgen
	Handelsblatt pda.handelsblatt.com Wirtschaftszeitung
	Haspa - Hamburger Sparkasse mobil.haspa.de Mobile Banking
	Hiogi iphone.hiogi.de Wissens-Guide Unterwegs Fragen stellen
	HVV mobil.hvv.de Hamburger Verkehrsverbund Fahrplanauskunft
	IMDb – Internet Movie Database nolanbrown.org/imdb US-Fimdatenbank
	ImmobilienScout24 iphone.immobilienscout24.de Immobiliensuche
	ING Diba mobile.ing-diba.de Automatensuche, kein Mobile-Banking
	Jajah iphone.jajah.com Günstige Telefonate (VOIP)
	Jamba www.jamba.de Klingeltöne, Musik, Videos, Spiele
	Jameda www.jameda.mobi Arztsuche
	Kicker www.kicker.mobi Sportnachrichten
	Kino.de pda.kino.de Kino-Programm
	Leo.org pda.leo.org Wörtbuch: D, Eng, Itl, Fra, Chin.
	Lieferservice.de www.lieferservice.de Essen suchen & bestellen
	Lifesensor www.sos-lifesensor.com Medizinische Notfallinformationen
	LinkedIn m.linkedin.com Kontaktenetzwerk
	Lufthansa mobile.lufthansa.com Check-In, An- und Abflugzeiten, Flugplan
	Meebo www.meebo.com Instant Messaging über Meebo, AIM, MSN, Yahoo, Google Talk
	Mercedes-Benz www.mercedes-benz.mobi Automobilhersteller
	MobileCrunch mobilecrunch.com Technologie- & Start-up-Blog
	Motorsport Total mobile.motorsport-total.com Motorsport-Nachrichten
	Mr. Wong iphone.mister-wong.mobi Online-Bookmarks
	MSN mobile.de.msn.com Mail, Nachrichten
	N24 wap.n24.de (Text-) Nachrichten
	Netvibes iphone.netvibes.com Individualisierte Startseiten
	n-tv mobil.n-tv.de (Text-) Nachrichten
	PayPal mobil.paypal.com Bezahlsystem
	Playboy iphone.playboy.com Erotikmagazin
	PocketTweets www.pockettweets.com Twitter-Client fürs iPhone
	Postbank ibanking.postbank.de Mobile Banking
	Pownce m.pownce.com Mini-Blogging
	Qype.com i.qype.com Lokale Empfehlungen
	Reisebank iphone.reisebank.de Währungsrechner, Filial- und Automatensuche
	Schmap www.schmap.com Reiseführer
	SeeqPod www.seeqpod.com/m Linkliste zu MP3-Dateien
	Sixt mobil.sixt.de Autovermietung
	Skoda mobil.skoda.de Skoda Auto Deutschland
	SmartShopping iphone.smartshopping.de Preisvergleich
	Spiegel www.spiegel.mobi Nachrichtenmagazin
	Spotigo iphone.spotigo.net Hotspot-Suche: WiFi, WLAN
	Stern wap.stern.de Illustrierte
	Studenten-WG iphone.studenten-wg.de Wohnungs- und WG-Zimmer-Suche
	Suchbox suchbox.net Lastminute Auktionen bei eBay finden
	Süddeutsche mobil.sueddeutsche.de Süddeutsche Zeitung
	Techniker Krankenkasse m.tk-online.de Krankenkasse
	Tagesschau wap.tagesschau.de (Text-) Nachrichten
	Telefonbuch www.dastelefonbuch-mobil.de Telefonbuch
	Turi2 turi2.mobi Mediendienst
	TV Today iphone.tvtoday.de TV Programm-Tipps
	Twitter m.twitter.com Mini-Blogging
	Twitter for iPhone twitterforiphone.com Twitter Web-Client
	Urbin – Raumfahrt www.urbin.de/imobil Urbin – Faszination Raumfahrt
	Vanity Fair wap.vanityfair.de Jahrmarkt der Eitelkeiten-Magazin
	Wallstreet Online m.wallstreet-online.de Börsenkurse
	Web.de web.de/iphone Mail, Nachrichten
	Welt mobil.welt.de Tageszeitung
	Wetter 24 www.wetter24.de Wettervorhersage, Satellitenbilder, Regenradar, Wetterfilm
	Wirtschaftswoche pda.wiwo.de Wirtschaftsmagazin
	Xaleo m.xaleo.de Fußballergebnisse 1. und 2. Bundesliga
	Xing iphone.xing.com Kontaktnetzwerk
	Yahoo beta.m.yahoo.com Katalog, Mail, Nachrichten

… to be continued.

Insbesondere für Seiten mit Schwerpunkt Suche, ist eine iPhone-Version praktisch. So gibt es die Gelben Seiten in optimierter Version für das Smartphone. In die abgespeckte Eingabemaske gibt man den gesuchten Namen, einen Branchen- oder Gattungsbegriff ein.

Unter der Suchzeile findet man die Top-Kategorien wie Restaurant, Kino oder Hotel. Hier kann man die weitere Suche nach PLZ, Ort und Straße eingrenzen. Auch eine maximale Entfernung zum Suchort kann man festlegen.

Beim Test, einer Suche nach Restaurants in Köln, gab es eine Trefferliste, die sehr übersichtlich angeordnet wurde. Ein Klick auf die Telefonnummer und das iPhone wählt. Wird eine URL angegeben, kann man sie direkt aufrufen. Gleiches gilt für eMails. Leider fehlt noch eine Verbindung zu Google-Maps. Wäre es doch praktisch, die Treffer direkt im Stadtplan zu sehen bzw. sich dort hinführen zu lassen.

Die Bookmark-Community Mister Wong ist im iPhone-Fieber. Für das Smartphone, dass es in Deutschland frühestens ab Herbst 2007 gibt, existiert bereits eine Mister Wong-Version. Damit man eine Idee davon bekommt, wie es auf dem Handy aussehen wird, geht es hier zur Simulation.