Pour bien démarrer dans la conception d’interfaces mobiles

Je n’ai eu de cesse ces deux dernières années de vous mettre en garde contre la spécificité des interfaces mobiles : smartphones, feature phones et tablettes ne s’utilisent pas dans le même contexte qu’un ordinateur et correspondent à des contraintes bien particulières. Si vous souhaitez vous lancer dans la conception d’une application ou interface mobile, il va donc vous falloir prendre le temps de vous familiariser avec ces terminaux et surtout de vous documenter sans modération. Ne pensez pas être prêt à concevoir votre première application mobile parce que vous êtes un utilisateur de la première de l’iPhone. L’important n’est pas l’expérience en tant qu’utilisateur, mais l’approche en tant que concepteur.

Heureusement pour vous, que l’on vous demande de concevoir, d’encadrer ou de valider le travail d’un autre, il existe quantité de ressources (articles, livres, référentiels, outils…) pour vous aider dans cette tâche et vous éviter de faire fausse route. Je vous propose donc une petite compilation de sources pour bien démarrer dans la conception d’interfaces mobiles, testées et approuvées par votre serviteur. Cette liste n’est pas complète, n’hésitez pas à rajouter vos sources dans les commentaires.

Dans un premier temps, je peux vous proposer une série d’articles à imprimer, lire et annoter :

• Avant toute chose, il convient de bien appréhender la particularité des terminaux mobiles (UX Concerns Across Mobile Platforms et A Framework for Designing for Multiple Devices), à prendre en compte toutes les contraintes (Speed, Dimensions et Behavior) et à repenser votre façon de travailler (Stop Designing Pages And Start Designing Flows et Mobile-First Responsive Web Design) ;
• Il faut dans un second temps s’intéresser aux terminaux cibles, c’est-à-dire aux spécificités du format (7 Limitations When Designing For Mobile et Ten Things To Think About When Designing Your iPad App) et aux directives fournies par les constructeurs / éditeurs (Apple, Android, BlackBerry, Nokia) ;
• Enfin, regardez de près les aspects techniques (How to Design a Mobile Responsive Website) et les meilleures pratiques (Mobile Design Strategy: Home Page Tips, Mobile Commerce: Category Page Design Tips et Mobile Cart Page Design and Testing Tips).

Dans un second temps, je vous recommande cette série de livres :

• Tapworthy, Designing Great iPhone Apps où il y est principalement question d’applications iPhone, mais le livre est très bien argumenté et illustré ;
• Mobile Design Pattern Gallery, un ouvrage moins verbeux, mais extrêmement riche ;
• Designing Mobile Interfaces, qui s’intéresse à de nombreux formats de terminaux mobiles et alternatifs ;
• Mobile First, le livre de référence de Luke Wroblewski.

Ensuite il sera temps de passer de la théorie à la pratique avec cette série d’outils :

• Consultez autant de bibliothèques de composants d’interfaces mobiles que vous pouvez pour trouver de l’inspiration ;
• Exercez-vous sur du papier, notamment avec les formidables kits de chez UI Stencils ;
• Concevez vos premières interfaces avec des outils de prototypage rapide en ligne comme Proto.io ou Wireframe Sketcher (cf. 12 Best Website & Mobile Wireframe Tools) ;
• Passez aux choses sérieuses avec des outils de prototypage plus puissants comme Balsamiq et Axure, avec des frameworks comme Sencha Architect ou PhoneGap, ou directement en HTML (Rapid Prototyping For Any Device With Foundation).

En respectant toutes ces étapes, surtout les deux premières, vous serez bien mieux préparé à la lourde tâche de concevoir (et optimiser) une interface ou application mobile. Certes, cela demande un minimum de temps et d’attention, mais la compétition est tellement rude que vous ne pouvez pas vous permettre de déléguer à l’aveugle.

Prochaines étapes : appliquez les méthodes du web aux supports mobiles (SEO, tests utilisateurs, mesure d’audience…).