Design d’interface mobile

Comme l’écrit Barbara Ballard dans la préface de son ouvrage Designing the mobile experience, il existe des centaines de terminaux mobiles, autant de technologies à implémenter différemment, et de situations d’usages. Les interfaces mobiles ne sont pas une miniaturisation des interfaces des ordinateurs personnels. Ainsi, écrit-elle, l’espace mobile est-il complexe mais navigable.

Il faut distinguer ici 2 types d’interfaces mobiles : les interfaces web mobiles, et les interfaces du système opératif du mobile (encore plus étroitement lié au design du produit). La tendance actuelle est de réaliser des interfaces web mobiles optimisées pour l’iphone, tandis que le design d’interface web mobile est sensiblement différent et a depuis plusieurs années développé une culture et des conventions spécifiques. A titre d’information, dans Google, la requête inurl:”http://m.” fait ressortir presque 2 millions de pages de sites mobiles ayant dans leur url “m” (exemple : m.flickr.com) versus 199 000 pour les sites optimisés iphone ayant dans leur url “iphone” (requête inurl:”http iphone”). Les concepteurs de sites optimisés pour l’iphone disposent donc d’un recul relativement faible.

Je poste ici une sélection de références utiles pour approfondir plus tard les principes de conception des interfaces web mobiles, et avant tout observer pour comprendre. Tout cela en gardant à l’esprit que ce domaine bénéficie d’une grande expansion actuellement.

Sélection d’interfaces de sites optimisés pour l’iPhone

http://apnews.com

http://reportage-video-iphone.geomagazine.fr

http://iphone.foxnews.com

http://www.renaultsport.ch/iphone

http://iphone.citroen.fr

http://iphone.iht.com

http://iphone.lorealparis.com

http://iphone.boursier.com

http://iphone.lci.fr

http://m.nbc.com/iphone

Sites optimisés pour les terminaux mobiles

• Une liste de sites mobiles
• La catégorie “Mobile” des Webby Awards

Sélection de blogs

• Small Surfaces
• Sender 11
• Services Mobiles
• Iphon.fr
• Idlemode
• Engadget Mobile
• MobileCrunch

Ressources sur le design d’interface mobile

• Little Spring
• Nokia Usability Resources
• Mobile UI design resources
• Mobile Community Design
• Yahoo! Design Stencil

Références bibliographiques

• Designing for Small Screens, Carola Zwick, Burkhard Schmitz, Studio 7.5, AVA Publishing, 2006
• Mobile Interaction Design, Matt Ones, Gary Marsden, Wiley, 2006
• Mobile Usability: How Nokia Changed the Face of the Mobile Phone, Christian Lindholm, Turkka Keinonen, Harri Kiljander, McGraw-Hill Professional, 2003
• Handheld Usability, Scott Weiss, Wiley, 2002
• Understanding Mobile Human-Computer Interaction, Steve Love, Butterworth-Heinemann, 2005
• Information Appliances and Beyond, Eric Bergman, Morgan Kaufmann, 2000
• Designing the Mobile User Experience, Barbara Ballard, Wiley, 2007
• Mobile Internet For Dummies, Michael J. O’Farrell, John R. Levine, Jostein Algroy, James Pearce, Daniel Appelquist, Wiley, 2008
• Handbook of Mobile Communication Studies, James E. Katz, The MIT Press, 2008
• Designing Software for the Mobile Context: A Practitioner’s Guide, Roman Longoria, Springer, 2004
• Mobile Web Developer’s Guide, Brian Fling, E-book
• Mobile Web Book, Cameron Moll, E-book

Billet originellement publié sur interface/interaction.

Commentaires

Un commentaire pour le moment.

1. PH Langlois, 27 août 2008 à 9:35 :

   Hello,

   Ces ressources sont très intéressantes et je voulais ajouter un exemple concret de design d’interface mobile, multi-plateforme (java, windows mobile, symbian, iPhone, bientôt Brew & Androïd) sur lequel cette année : http://www.storexperience.net

   Je ne vous fais pas de laïus marketing sur l’intérêt de la solution, là je vous encourage juste à aller voir et/ou tester l’application sur votre mobile, et si vous en avez envie, n’hésitez pas à nous faire part de vos commentaires sur l’interface, ici ou par mail: ph@hotmail.fr

   J’en profite pour féliciter *designers interactifs* pour ce nouveau site

   PH

Laisser un commentaire