Le guide complet pour tout savoir sur le design d’Android [ADN, UX, typographie, ergonomie, etc.]
![Le guide complet pour tout savoir sur le design dAndroid [ADN, UX, typographie, ergonomie, etc.] droid Le guide complet pour tout savoir sur le design dAndroid [ADN, UX, typographie, ergonomie, etc.]](http://graphism.fr/wp-content/uploads/2012/01/droid.jpg)
Bonjour !
Ice Cream Sandwich (Android 4.0) marque un jalon important pour le design d’Android. Presque tous les pixels du système d’exploitation ont été revus et le design a été pensé pour tous les types d’appareils mobiles fonctionnant sur Android. Un sacré challenge donc, et qui commence par les éléments les plus fondamentaux. Les équipes de designers de chez Android ont donc conçu une nouvelle police, le Roboto, pensée pour les écrans haute résolution. Dans les autres grands changements, nous avons la barre de notifications, et l’interface de navigation.
![Le guide complet pour tout savoir sur le design dAndroid [ADN, UX, typographie, ergonomie, etc.] droidsmall Le guide complet pour tout savoir sur le design dAndroid [ADN, UX, typographie, ergonomie, etc.]](http://graphism.fr/wp-content/uploads/2012/01/droidsmall.jpg)
Un guide a donc été conçu pour résumer et présenter toutes ces nouveautés tout en servant de base de référence pour les designers qui travaillent parfois sur Android – et j’en fais partie -, guide que je vous présente et vous partage donc
L’ADN du design d’Android :
Le design est centré sur trois objectifs primordiaux, d’une part pour les applications de base et d’autre part pour l’OS dans son ensemble. Lorsque vous concevrez des applications sur Android, vous pourrez ainsi considérer ces trois éléments, autrement dit l’ADN d’Android.
L’enchantement :
« La beauté est également celle que l’on place en profondeur de son travail. Les applications Android sont épurées et esthétiques à de multiples niveaux. Les transitions sont rapides et claires; la mise en page et la typographie sont nettes et significatives. Les icônes sont des œuvres d’art à part entière. Tout comme un outil bien fait, votre application doit s’efforcer de combiner la beauté, la simplicité et le but de créer une expérience magique qui est facile et puissante. »
Simplifier la vie :
« Les applications Android facilitent la vie et sont faciles à comprendre. Lorsque les gens utilisent votre application pour la première fois, ils devraient saisir intuitivement les caractéristiques les plus importantes. Le design ne s’arrête pas à la première utilisation. Les tâches simples ne nécessitent des procédures complexes et les tâches complexes sont adaptés à la main et l’esprit humain. Les gens de tous âges et de toutes cultures doivent comprendre chaque application et ne doivent jamais être dépassés par trop de choix ou de messages sans importances. »
L’étonnement :
« Il ne suffit pas de faire une application facile à utiliser. Les applications Android doivent offrir aux gens la possibilité d’essayer de nouvelles choses et d’utiliser des applications inventives. Android permet ainsi aux gens de combiner des applications dans de nouveaux workflows au travers du multitâche, des notifications, et du partage entre applications. Dans le même temps, votre application doit être personnelle, unique et donner aux gens l’accès à la technologie avec le plus de clarté et de grâce. »
Aperçu du guide :
![Le guide complet pour tout savoir sur le design dAndroid [ADN, UX, typographie, ergonomie, etc.] android xl Le guide complet pour tout savoir sur le design dAndroid [ADN, UX, typographie, ergonomie, etc.]](http://graphism.fr/wp-content/uploads/2012/01/android_xl.jpg)
La typographie :
Le langage visuel d’Android s’appuie sur des outils typographiques traditionnelles telle que l’échelle, l’espace, le rythme et l’alignement sur une grille sous-jacente. La réussite du déploiement de ces outils est indispensable pour aider les utilisateurs à comprendre rapidement un écran d’information. Pour soutenir un tel usage de la typographie, Ice Cream Sandwich a introduit un nouveau type de police d’écriture dont le nom est Roboto. Créé spécifiquement pour les exigences de l’interface utilisateur et les écrans haute résolution, voici un petit aperçu du Roboto.
![Le guide complet pour tout savoir sur le design dAndroid [ADN, UX, typographie, ergonomie, etc.] typoroboto Le guide complet pour tout savoir sur le design dAndroid [ADN, UX, typographie, ergonomie, etc.]](http://graphism.fr/wp-content/uploads/2012/01/typoroboto.jpg)
- télécharger le livre de présentation du caractère Roboto [en PDF]
- télécharger le caractère Roboto
- visiter la page sur le Roboto
Les principes d’interaction tactile :
![Le guide complet pour tout savoir sur le design dAndroid [ADN, UX, typographie, ergonomie, etc.] tactile Le guide complet pour tout savoir sur le design dAndroid [ADN, UX, typographie, ergonomie, etc.]](http://graphism.fr/wp-content/uploads/2012/01/tactile.jpg)
La qualité graphique est au rendez-vous et le soucis du détail est là. De par ma propre expérience, la difficulté d’allier l’exigence du design et une bonne application Android se situe au niveau de l’intégration de ses propres composants, de son propre design. En effet, comme pour l’iPhone, créer des applications avec le design « standard » et par défaut est assez aisé, mais lorsqu’il s’agit de concevoir des applications au design particulier, à part entière et avec une esthétique particulière, le challenge est bien plus grand. Mais, comme je le dis pour chaque projet : « On y arrive toujours ». ![]()
Ces articles peuvent aussi vous intéresser:
- Découvrez et téléchargez la police « Roboto » du dernier Galaxy Nexus de Google !
- Pourquoi les applications iPhone sont elles souvent mieux designées que les applications Android ?
- Designer sur téléphone mobile ? Voici toutes les guidelines pour iPhone, iPad, Blackberry, Motorola, Android, Nokia, Symbian, Meego, etc.
- Les 30 esperluettes qui font la beauté de la typographie !
- Designers, à vos Androids ! 9 applications créatives pour Android.
- Designer, comment faire mieux que les interfaces d’Apple ?















17 janvier 2012 à 9 h 05 min
Merci pour ce superbe article, très pratique et qui tombe a pic.
17 janvier 2012 à 12 h 17 min
Quand j’ai vu l’annonce de ce site j’ai été ravi ! Surtout qu’il concerne directement les nouveaux « codes » d’Android. Il y avait bien quelques aides pour les designers sur le site dédié au projet mais il fallait bien fouiller :
)
User Interface Guidelines (attention ce n’est pas le même niveau qu’Android Design
Une autre aide très utile : androidpatterns.com
En passant, la page d’accueil d’android.com pour la promotion d’Ice Cream Sandwich est superbe
Design by sansogm - Pearltrees
17 janvier 2012 à 15 h 01 min
[...] [...]
17 janvier 2012 à 17 h 36 min
J’ai eu la chance de le consulter il y a quelques semaines, et il est très complet.
Il aide vraiment le designer à se plonger et comprendre l’univers graphique Android, le différencier de l’univers Apple (un peu plus glossy, texturé à fond etc), de l’univers Windows Phone (où l’ergonomie et donc l’expérience utilisateur est en général de très grande qualité).
)
A consulter absolument ! (même si je suis pas forcément d’accord avec le double menu du bas sur icescreamsandwich, mais ça, c’est un autre débat