Créer un site pour Iphone – Smartphone


Depuis la sortie du téléphone Iphone, on ressent une démocratisation du web mobile. De plus en plus d’utilisateurs de téléphones portables profitent  de la facilité de connexion et de sa simplicité.

Il peut donc  être intéressant pour gagner en visibilité et en visiteurs de faire une version mobile de votre site ou partie de votre site.

Plusieurs points sont donc importants à étudier par rapport à un site classique car tous simplement les internautes ou télénautes n’ont pas le même comportement  qu’un visiteur sur un ordinateur de bureau.

Votre site mobile devra donc prendre compte  des critères qui favorisent et donnent un valeur ajoutée à votre site  :

Un contenu simplifié et optimisé pour les téléphones compte tenu de la taille, est indispensable.


Par exemple une agence immobilière peut proposer une version rapide de son site et offrir une recherche rapide , une présentation succincte d’un bien et des galeries photos.

Le site pourra ainsi permettre de composer le numéro de  téléphone du négociateur d’un simple clic ou de géolocaliser une commune par les maps.


Le site mobile doit respecter de nouvelles normes compte de tenu de l’ergonomie et de l’esthétique qu’exige un smartphone.

Nous allons donc souligner les points important à prendre en compte pour la création ou l’adaptation de son site en version mobile.

– Pensez à créer des pages légères en chargement , la connexion mobile est de moins bonne qualité que sur un ordinateur de bureau. Les images et css devront également être optimisés pour raccourcir leur chargement.

– Pas de fichier flash, les Iphones ne les affichant pas du tout simplement.

–  Pensez à créer une navigation facile car tactile : gros caractères , larges et lisibles

– La résolution à prendre en considération pour  un iPhone/smartphone est de 320*480 pixels en portrait, et 480*320 pixels en paysage. Iphone 4 est légèrement plus grand 640 de width.

– Adapter votre contenu aux mobiles , bouton d’appel téléphonique, géolocalisation, blocs superposés des items …


Découvrez sur cette vidéo proposée par http://www.grafikart.fr un tutoriel pour créer un site mobile.

Créer une version mobile avec Jquery Mobile par Grafikart

©VitClic.com 2007/2010 Mentions