Que ce soit pour la conception d’applications mobiles natives sous iPhone ou Android, ou celle d’applications web et adaptation de sites web mobiles, on peut trouver sur le web aujourd’hui beaucoup de ressources très utiles aux webdesigners.
Je vous partage donc une liste non exhaustive de sites, patterns, et fichiers qui me servent souvent.
Patterns GUI pour applications mobiles
androidpatterns.com
androidpatterns.com un site en anglais qui propose différents patterns en fonction de ce que l’utilisateur cherche à faire.
Android UI patterns
Android UI Patterns est un blog en anglais qui propose des exemples de pattern android, prodigue des conseils en matière d’UI et UX . Le blog à suivre pour tous ceux qui font du design d’applications android.
cocoacontrols.com
cocoacontrols.com vous propose différents patterns et éléments de contrôle pour iOs. En plus d’en fournir le graphisme, vous pourrez également y trouver des codes tout faits. Pourquoi réinventer la roue ?
mobile-patterns.com
mobile-patterns.com propose un large choix d’exemple de patterns, classé par types d’écran ou actions.
Ressources photoshop et illustrator pour applications mobiles
50 fichiers psd pour le design et développement mobile
50 Free PSD Files for Mobile Design and Development « , 50 fichiers psd à télécharger : des kits d’ui iOs et Android, des icônes et des templates pour créer des éléments pour vos applications mobiles
iPhone 4 GUI PSD
iPhone 4 GUI PSD (Retina Display), un kit graphique pour photoshop avec les différents éléments de l’ui de l’iPhone 4.
iPhone Sketch Elements AI
iPhone Sketch Elements AI, un kit d’éléments de l’ui de l’iPhone 4 pour illustrator.
Inspiration et showcase d’applications mobiles
TapFancy
TapFancy est un site en anglais qui propose une sélection de designs d’applications iPhone et iPod touch classées par dates, avec une possibilité de recherche.
iOs inspires me
iOs inspires me est un site en anglais qui propose des éléments d’interface iOs classés par catégorie : icônes d’application, interface d’application, site web présentant des applications. Le site propose également une partie « ressources » avec une liste de fichiers à télécharger.
Make better apps
Make better apps est un site en allemand qui propose un showcase d’applications iPhone et iPad (mais également applications mac osx). Pour les plus germanophones d’entre vous, le site propose un classement pas type d’appareil mobile, et par catégorie, mais également une fonction de recherche par mots clés.
App.itize.us
App.itize.us est un site autre site en anglais qui propose un showcase d’applications iPhone et iPad, avec une fonction de recherche
Dribble, tag app / android
Dribble est un site où les designers peuvent poster des « snaptshots » (entendez par là petit morceau de design) de ce sur quoi ils travaillent. Il est possible de chercher des snapshots par tags. Vous pourrez pas exemple rechercher les tags App, iPhone ou encore Android
jQuery Mobile Gallery
jQuery Mobile Gallery est un site dédié à des applications construites avec le framework jqueyrmobile .
Sites webs et webapps pour mobile : tester son application
Mobilizer
Mobilizer est une application windows et mac en flex, qui vous permet d’avoir un aperçu de votre site web/ web app dans différents appareils mobiles. Le gros avantage de mobilizer : il est possible de tester des sites sur un serveur localhost sur sa machine.
Emulateur pour tester les sites en responsive
Lancez l’émulateur, et vous pourrez tester votre site sur différents appareils mobiles et tablettes. Point bonus : il fonctionne avec un site en local aussi. Merci @ Remi Grumeau
html5test
Lancer html5test sur un mobile permet d’avoir la liste des fonctionnalités html5 disponibles pour ce mobile. Très utile pour tester par exemple la prise en charge ou non de certains codecs audio / vidéo, etc.
Miscellaneous, exemple à ne pas suivre et ux
WTFmobileweb
WTFmobileweb est un tumblr qui répertorie des screenshots de site qui donnent l’exemple à ne pas suivre dans le domaine du site web orienté mobile. Le but n’est pas d’être méchant ou blessant, mais de mettre le doigt sur les mauvaises pratiques.
Maintenant c’est à vous, si vous avez des ressources utiles dans le domaine du design d’applications mobiles, n’hésitez pas à les partager en commentaire. Je n’ai d’ailleurs pas trouvé ennorment de ressources spécifique Android, donc si vous en avez ça m’intéresse d’autant plus.
credits : cet article utilise le plugin WordPress Snap par Valentin Brandt pour générer automatiquement les screenshots des sites.
Souscrire au flux des articles 
Me suivre sur Twitter
