Etat de l’art des sites Internet mobile Thomas Brault

Les résolutions d’écrans Résolutions différentes selon les mobiles. Résolutions correct pour consulter Internet depuis son site mobile: 176x220 320x240 Soit un ratio de 1/3

Résolutions différentes selon les mobiles.

Résolutions correct pour consulter Internet depuis son site mobile:

176x220

320x240

Soit un ratio de 1/3

Technologie Les sites mobiles sont composés principalement d’HTML et CSS JavaScript déconseillé afin de ne pas ralentir les appareil souvent limite en fréquence de processeur Navigateurs: Internet explorer mobile, Opera mobile, NetFront

Les sites mobiles sont composés principalement d’HTML et CSS

JavaScript déconseillé afin de ne pas ralentir les appareil souvent limite en fréquence de processeur

Navigateurs: Internet explorer mobile, Opera mobile, NetFront

Analyse de l’existant http://m.youtube.com/ Contenu largement allégé Informations principales mises en avant Format des vignettes : 40x30px Menu vertical en bas de page On peut regretter la présence de la pagination uniquement en bas de la page ainsi que l’impossibilité de modifier le nombre de vidéos par page

http://m.youtube.com/

Contenu largement allégé

Informations principales mises en avant

Format des vignettes : 40x30px

Menu vertical en bas de page

On peut regretter la présence de la pagination uniquement en bas de la page ainsi que l’impossibilité de modifier le nombre de vidéos par page

Analyse de l’existant Page de consultation de vidéo simple, avec le contenu principal : description de vidéo, vote, catégorie, et lien de visionnage Les numéros devant les items de menus permettes des accès direct, avec le clavier numérique du téléphone

Page de consultation de vidéo simple, avec le contenu principal : description de vidéo, vote, catégorie, et lien de visionnage

Les numéros devant les items de menus permettes des accès direct, avec le clavier numérique du téléphone

Analyse de l’existant http://iphone.facebook.com/ Menu de navigation à l’horizontal Trois niveaux de navigations, dont un principal Des boutons large (adapté pour l’iPhone, qui est tactile) Interface graphique plus travaillée

http://iphone.facebook.com/

Menu de navigation à l’horizontal

Trois niveaux de navigations, dont un principal

Des boutons large (adapté pour l’iPhone, qui est tactile)

Interface graphique plus travaillée

Analyse de l’existant http://m.netvibes.com/ Trois niveaux de navigation contextuel: Navigation du haut permet de naviguer entre les TAB ou entre les articles Navigation du bas permet de sélectionner une TAB Le contenu central permet d’acceder aux articles

http://m.netvibes.com/

Trois niveaux de navigation contextuel:

Navigation du haut permet de naviguer entre les TAB ou entre les articles

Navigation du bas permet de sélectionner une TAB

Le contenu central permet d’acceder aux articles

Analyse de l’existant http://m.flickr.com/ Affichage simple du menu sur la Home Accès direct aux rubriques via pavé numérique Affichage du contenu principal simplifié Interactivité possible : envoi de commentaire et de photo

http://m.flickr.com/

Affichage simple du menu sur la Home

Accès direct aux rubriques via pavé numérique

Affichage du contenu principal simplifié

Interactivité possible : envoi de commentaire et de photo

Conclusion Interfaces pauvres graphiquement Navigation et contenus prennent une place différentes La totalité de l’espace écran est usité Un adaptation de sites très riches de contenus en espace très restreint bien pensé et mis à l’œuvre: On ne manque d’aucune informations La quasi-totalité des rubriques sont retranscrites L’interactivité est aussi présente : Upload de fichier Envoi de commentaire Notation d’article

Interfaces pauvres graphiquement

Navigation et contenus prennent une place différentes

La totalité de l’espace écran est usité

Un adaptation de sites très riches de contenus en espace très restreint bien pensé et mis à l’œuvre:

On ne manque d’aucune informations

La quasi-totalité des rubriques sont retranscrites

L’interactivité est aussi présente :

Upload de fichier

Envoi de commentaire

Notation d’article