Redécouvrez ce blog... sur votre iPhone

Après avoir investi le monde merveilleux des applications Facebook, au moment où c'était encore frais en France, j'explore aujourd'hui celui de l'iPhone.

Ca me trottait dans la tête depuis un moment déjà et je n'avais pas eu le temps de m'y mettre. J'ai profité d'un peu de répit pour développer la version pour iPhone de mon blog disponible ici : www.adrienfelsmann.fr/iphone/ !

Pourquoi ? Simplement parce que c'est LE téléphone adulé par les geeks. Non, plus sérieusement parce que c'est un appareil mobile qui permet vraiment de se lâcher, de faire un mini-site qui tient debout, tant au niveau de la navigation que du design.
Je ne suis pas égocentrique au point de vouloir être accessible tout le temps et depuis n'importe où. Je n'ai pas forcément non plus un lectorat équipé et demandeur. Le but de cette démarche est avant tout d'apprendre à développer des sites sur cette plate-forme, compétence qui pourrait m'être utile à l'avenir tout en découvrant l'iPhone que je ne connais que très peu.



Il suffit de jeter un oeil aux interfaces de Facebook dédiées aux appareils portables par exemple (iPhone à gauche et mobile à droite).
Côté mobile traditionnel, on a une page vraiment pauvre graphiquement et assez foireuse ergonomiquement parlant.
En revanche du côté du téléphone d'Apple, j'ai été surpris de découvrir un site qui tient réellement la route. Du contenu, la possibilité d'en ajouter, une navigation plutôt intuitive et intéressante. Quelque chose qui colle parfaitement à la peau de l'iPhone et qui ouvre sans doute de nouvelles portes en ce qui concerne la consultation web sur mobile.



L'Oréal a opté pour une interface faite d'icones, ce qui simplifie très largement la navigation. C'est une solution à envisager sérieusement quand la situation s'y prête.

Comme vous le savez, l'appareil dispose du navigateur Safari qui lit notamment le CSS et le javascript. Il est donc relativement simple de produire de jolis sites, tout comme on le ferait pour un site web habituel, ce qui n'est pas négligeable.

J'ai donc développé rapidement une interface pour mon blog, spécialement conçue pour l'iPhone grâce à la librairie IUI. On y retrouve, dès la page d'accueil et en tête de gondole, les 3 derniers billets que j'ai publiés suivis des catégories du blog.



En parcourant ces rubriques, vous aurez accès aux différents billets. Ces articles sont volontairement dépossédés de leurs images et de la plupart de leurs contenus flash par souci de poids et de temps de chargement. En effet, dans cet exemple, tout le contenu est chargé en une seule fois à l'ouverture du site et vous n'aurez pas de temps d'attente additionnel.

N'ayant pas d'iPhone, ni de MAC, je ne peux pas tester en direct, ce qui rend l'exercice un peu plus compliqué. J'ai donc du m'outiller un minimum afin d'avoir un petit aperçu du résultat final. Si vous êtes dans la même situation, je vous conseil ceci :

- Récupérez Safari pour Windows (qui au passage est plutôt fun et dont le rendu CSS serait sensiblement identique à Safari MAC d'après ce que l'on m'en à dit).
- Rendez-vous sur un simulateur d'iPhone comme TestiPhone.com.
- Faites vous des amis qui ont des iPhones pour vérifier que tout fonctionne.



Voilà, en espérant que ça vous plaise. En tout cas c'est une expérience intéressante pour des réalisations pas très compliquées à mettre en place.
N'hésitez pas à me faire des retours si quelque chose ne fonctionne pas ou vous paraît à revoir/améliorer.

Vous avez d'autres exemples de site sympas pour iPhone ? Pensez-vous que l'iPhone va démocratiser la navigation web sur mobile, qui pour le moment reste une tâche peu évidente ?