Rester en veille, la base pour être toujours au top en matière de Web design, comme pour tout le reste d’ailleurs. Petite sélection de 30 sources d’inspiration pour vos applications Web mobile.
En tant que développeur mobile (et développeur web en règle générale), la meilleure façon d’être au top de l’innovation, c’est de rester en veille. Je pense ne rien vous apprendre en disant cela mais une piqûre de rappel ne fait jamais de mal.
L’idée, c’est de checker régulièrement ce qui se fait de mieux sur le web, comme sur mobile, et de s’inspirer (sans copier bien sûr) des plus belles performances.
J’ai sélectionné pour vous 30 sites et applications mobile qui devraient vous donner des idées. C’est un choix subjectif mais je suis sûr de ne pas être le seul à les apprécier.
Modèles de notifications dans les applications mobiles
Premier article : les meilleurs travaux de Theresa Neil sur des modèles de notifications sur application mobile. Vous trouverez aussi de multiples cas d’étude de modèles d’interaction dans son livre (que je ne saurais vous déconseiller) Mobile Design Pattern Gallery.
Landing Pad
Une galerie d’applications iPad, à checker régulièrement.
Moobile Frames
Un concentré de wireframes d’applications et de sites mobile.
iOS Inspires Me
Une liste des meilleurs designs d’icône, d’interface et de site d’applications iPhone et iPad.
CSS iPhone
Une galerie de captures d’écran de sites Web mobile réalisées via iPhone (chapeau l’artiste).
Tapp Gala
Une compilation des meilleurs designs d’interfaces pour les utilisateurs mobile.
App Sites
Une galerie spécialisée dans les sites Web d’applications iPhone, iPad et Mac les plus convaincants sur le plan du Web design.
Make Better Apps
Les plus « belles » applications iPad et iPhone (après, chacun ses goûts).
The FWA
Les sélections mobile du FWA (Favourite Website Awards).
Refined Mobile
Une excellente collection de sites Web mobile.
iOS Inspirations
Une anthologie de designs d’applications iPhone, iPad et Mac.
Tap Fancy
Un florilège de designs d’applications iOS.
Dribbble
Dribbble regorge de designs d’interfaces mobile. Ne vous privez pas : jetez-y un coup d’œil !
They Make Apps
They Make Apps concentre la crème (de la crème) des applications mobile.
Creattica
Un concentré de designs d’interfaces mobile (encore).
Mobile Patterns
Mobile Patterns est la galerie de référence sur le Web (oui, oui). Des centaines de captures d’écran d’interfaces mobile classées selon de multiples critères.
Inspired UI
Inspired Ui, encore une excellente liste de designs d’interfaces mobile. Un plus : la consultation est simplifiée par un système de catégorisation très pertinent.
Lovely UI
Une liste centrée sur des éléments d’UI mobile.
Mobile Design Pattern Gallery
Par Theresa Neil : des captures d’écran des interfaces mobile présentées dans son livre Mobile Design Pattern Gallery.
Pttrns
967 UI mobile recueillies par Pttrns.
Patterns Of Design
Patterns of Design : ce sont des designs tendances d’applications iOS.
Android UI Patterns
Une source prodigieuse (que dis-je, merveilleuse) de ressources et d’inspirations spécifiques à l’OS Android.
Android Pttrns
Le petit frère de Pttrns dédié à Android.
Dynamiques de pages responsive design
Luke Wroblewski s’essaie à dépeindre les grands modèles de dynamique des pages d’une application Web responsive (et réussit).
Media Queries
Une liste de sites Web utilisant les media queries et les principes du responsive web design. Une référence.
Android Patterns
Un guide en matière d’interactions au sein des applications Android.
Cocoa Controls
Une plateforme de partage de « bout de codes » pour les développeurs d’application iOS et Mac OS X.
UI Parade
Un catalogue d’éléments UI.
Board Pinterest Mobile User Interface
Danielo Brizola a décidé de présenter ses trouvailles via Pinterest, dans un board constitué de pins axés mobile UI.
7 modèles d’interactions mobiles
Un article sur les différents modèles d’interaction au sein des applications Web et mobile.