23 Inspirations de Design d’Application Mobile

23 Inspirations de Design d’Application Mobile
4.9 / 5 (9 votes)

Comment définir le design de votre application ? Quels sont les meilleurs designs d’application en 2018 ?

Vous êtes en pleine rédaction de votre cahier des charges. Vous devez créer les maquettes de votre application mobile (smartphone et tablette).

Ou au contraire, vous avez créé les maquettes brutes, schématiques de votre application mobile et vous souhaitez « enjoliver » le tout.

Les tendances évoluent vite : cette liste est là justement pour vous aider à trouver des idées, inspirations et exemples pour finaliser le design de votre application mobile : de l’ergonomie générale aux détails (boutons, police, couleurs…).

Si vous avez besoin d’aide pour créer vos maquettes, rédiger votre cahier des charges, ou pour du conseil concernant votre design mobile, sachez qu’AxioCode vous propose une offre de rédaction de votre cahier des charges en béton.

Les Pré-Requis pour Optimiser le Design de votre Application Mobile

Avant de chercher de l’inspiration, il existe 7 pré-requis à connaître pour optimiser votre design.

Afin que votre application soit ergonomique et design à la fois.

1. Diviser vos contenus

Il serait gênant que votre utilisateur soit distrait par du contenu “indésirable” et se perde à chercher le fonctionnement de votre application mobile, n’est-ce-pas ?

D’autant plus qu’un smartphone vous apporte des contraintes, notamment par son petit écran.

Afin d’amener de la fluidité dans sa navigation et amener votre utilisateur cible dans un tunnel très précis, il est important que votre contenu soit découpé en petites parties.

De ce fait, posez-vous les bonnes questions. Dans quel ordre devez-vous organiser ces différentes sections ?

S’il s’agit par exemple d’un tunnel de vente, il est essentiel de l’amener au but final “passer une commande”.

Ainsi, vous devez simplifier chaque étape de commande et les organiser afin que votre utilisateur n’ait pas de multiples opérations à faire au même moment.

L’important n’est pas de réduire les étapes mais bien de les simplifier. L’utilisateur est plus enclin à passer par 10 étapes simples que 5 très complexes.

2. Avoir une application maniable à une main ET à deux mains

Où placez-vous vos doigts sur l’écran ? Utilisez-vous vos deux mains ? Dans quelle situation ? Prêtez attention à l’utilisation de votre propre smartphone ou tablette.

Ces questions ont un impact direct sur le placement de vos boutons, de vos textes, de vos médias, etc.

Un bouton “Supprimer” mal placé sur l’écran peut amener à des manipulations maladroites et frustrer votre utilisateur lorsqu’il supprimera du contenu accidentellement.

Soyez donc prudent et réfléchissez bien au contenu approprié dans les zones les plus utilisées par l’utilisateur.

3. Illuminer les couleurs de votre application mobile

Il est toujours conseillé d’utiliser des couleurs lumineuses qui mettent en valeur votre application.

Mais attention de ne pas en exagérer. Des couleurs trop vives agressent votre utilisateur.

Oubliez les dégradés et les arrières-plans trop sophistiqués.

4. Grossir votre texte et vos boutons

Toujours dans cette même idée de rendre la navigation de votre utilisateur plus fluide et plus simple, pensez à grossir vos éléments dans l’application mobile.

Il est essentiel de s’adapter à vos utilisateurs cible et non l’inverse.

En effet, ces derniers n’ont pas la même dextérité, la même vue, la même manipulation de l’application, etc. Certains utilisent simplement leur smartphone avec leur pouce et d’autres avec les deux mains.

En bref, ils sont très différents les uns des autres bien qu’ils aient le même objectif et le même besoin.

D’autant plus que le contexte d’utilisation peut également jouer sur son humeur. Que ce soit en votre faveur ou non.

Exemple : si l’utilisateur est en situation de mobilité, un petit bouton lui demandera de la précision et de la concentration. Il abandonnera rapidement.

5. Simplifier vos icônes et boutons

Allégez et rendez votre application beaucoup plus performante et rapide en simplifiant les objets de votre application – icônes, boutons, illustrations…

Ajoutez des espaces “vides”. N’ayez pas peur d’épurer vos écrans en enlevant tous les éléments superflus.

6. Ajouter de l’auto-complétion

Vous devez réduire au maximum l’écriture et simplifier la tâche à votre utilisateur.

En effet, il est impatient et impulsif. Il est moins enclin à écrire des romans sur son smartphone.

Pour cela, ajoutez des systèmes d’auto-complétion ou encore la possibilité de créer un compte.

En lui permettant de s’inscrire, vous gardez en mémoire des informations cruciales pour votre business : sa localisation géographique, son sexe, son âge, ses goûts, etc.

Attention à raccourcir vos formulaires d’inscription et de connexion. Nous nous répétons : divisez vos contenus !

7. Optimiser votre typologie

La police doit être nette et claire. Privilégiez des polices d’écriture simples et classiques (exemple : Arial, Times New Roman, Calibri).

Elle doit presque se suffire à elle-même. Un fond uni et un texte blanc ou noir passent votre message bien plus efficacement.

Attention aux contrastes illisibles. Faites des tests sur le site WebAIM.


Pour télécharger cette infographie récapitulative et commencer à optimiser votre design d’application mobile, cliquez sur ce lien

Inspirations de Design d’Applications Mobiles Tablettes Android & iOS

Tab Patterns, des designs spécialement conçus pour les tablettes

Découvrez des inspirations de design spécialement conçu pour les tablettes Android ou Apple sur Tab Patterns.

tab-patterns

Site internet Tab Patterns

Inspirations de design d’Applications Mobiles iOS (iPhone/iPad)

iOSpirations, le meilleur pour mixer visuels de pages de vente, icônes et captures d’écrans d’applications iOS

Alliant icônes, pages de vente et exemples d’applications mobiles iOS, iOspirations est un site très complet.

iospirations

Site internet iOSpirations

Mobile Mozaic, le meilleur pour vous exposer des captures d’écran originales

Les meilleurs design d’applications mobiles Apple sont regroupés sur Mobile Mozaic.

mobile-mozaic

Site internet Mobile Mozaic

UX Archive, le meilleur pour des designs d’applications mobiles iPhone métiers

Sur UX Archive, inspirez-vous d’applications mobiles iPhone d’entreprises reconnues dans le monde entier : Facebook, Air BnB, Expedia…

ux-archive-inspirations-design-application-mobile-ios

Site internet UX Archive

Inspirations de Design d’Applications Mobiles Android

Android Niceties, le meilleur pour des designs d’applications Android épurés

Sur Android Niceties, découvrez exclusivement des exemples d’applications Android.

android-niceties

Site internet Android Niceties

Android UX, le meilleur pour les petits détails de votre application Android

En plus des exemples d’applications Android, sur Android UX, vous consulterez des exemples de widget, claviers, navigations, etc.

androidux

Site internet Android UX

Inspirations de Design d’Applications Mobiles iOS & Android

Awwwards, le meilleur pour des exemples d’applications mobiles originaux

Awwwards a écrit un article intéressant en vous listant 30 inspirations d’applications mobiles, sortant de l’ordinaire.

awwwards-inspiration-mobile-ui-applications

Article Awwwards

Collect UI, le meilleur pour réaliser l’interface utilisateur de votre application mobile

Collect UI ne vous propose pas uniquement des designs d’applications mobiles. Néanmoins il reste un site incontournable pour y trouver des idées originales.

collect-ui-inspiration-design-ui-application-mobile

Site internet Collect UI

Designspartan, un choix de ressources designs à télécharger

Designspartan vous propose une liste de 25 kits de ressources de design d’applications mobiles à télécharger sous format .PSD. Celle-ci vous aidera à trouver quelques idées.

designspartan-design-application-mobile-liste-ressources

Ressources Designspartan

Dribbble, le meilleur pour partager et consulter des designs avec une communauté

Dribbble est un site communautaire similaire à Pinterest. Il vous permettra grâce à la recherche avancée de vous inspirer de visuels partagés avec la communauté.

dribbble-inspirations-design-applications-mobiles

Site internet Dribbble

Hongkiat, un article avec des interfaces utilisateurs inspirantes

Hongkiat vous liste 20 interfaces utilisateurs colorées, dynamiques et inspirantes pour une application mobile.

hongkiat-interfaces-utilisateurs-inspirations-design-application-mobile

Article Hongkiat

Innovationm, des designs complets avec boutons, icônes et captures d’écrans

Innovationm vous offre une galerie d’exemples d’applications mobiles mais également d’icônes, de boutons, etc.

innovationm-application-mobile-design

Site internet Innovationm

Inspired UI, le meilleur pour l’UI de votre application mobile smartphone ou iPad

Trouvez sur Inspired UI des exemples d’applications mobiles pour smartphones et iPad.

inspired-ui

Site internet Inspired UI

Lovely UI, le meilleur pour consulter des captures d’écrans ciblées

Des écrans de connexion, de partage, de boutons, de calendriers… En bref, un contenu riche pour iOS et Android sur Lovely UI.

lovely-ui

Site internet Lovely UI

Mobile Design Inspiration, le meilleur pour des idées de designs d’applications smartphone et tablette

Mobile Design Inspiration est un site très complet d’inspirations d’applications mobiles smartphones et tablettes Android et Apple.

mobile-design-inspiration-application-mobile

Site internet Mobile Design Inspiration

Mobile Patterns, le meilleur pour des modèles d’applications mobiles iPhone et Android

Mobile Patterns vous offre des exemples d’écrans pour des applications iPhone et Android.

mobile-patterns

Site internet Mobile Patterns

Pttrns, le meilleur pour rechercher le design de votre choix

Avec des filtres par date, par type d’écrans, par système d’exploitation… vous trouverez forcément votre bonheur sur Pttrns.

pttrns

Site internet Pttrns

Speckyboy, le meilleur pour télécharger des kits de designs d’applications Android et iOS

Speckyboy vous propose 50 Kits gratuits de modèles d’applications mobiles iOS et Android. Le site est par ailleurs une vraie mine d’or pour trouver des icônes, boutons gratuitement.

speckyboy-inspiration-modeles-design-application-mobile-android-ios

Site internet Speckyboy

Timoa (Pinterest), un profil aux multiples inspirations de designs d’applications

Un profil Pinterest très riche en captures d’écrans d’applications mobiles diverses et variées.

timoa

Profil Pinterest Timoa

UI Garage, le meilleur pour la dernière tendance design du moment

Des modèles et des inspirations mis à jour quotidiennement sur UI Garage.

ui-garage-inspirations-design-mobile-application

Site internet UI Garage

UltraUI, des designs d’applications mobiles Android, iOS et Windows

Dans un style très épuré et simple, UltraUI vous donnera des idées de design iOS et Android. Mais également Windows.

ultra-ui

Site internet Ultra UI

Autres Ressources de Design d’Applications Mobiles Android & iOS

Webdesign Inspiration, le meilleur pour présenter votre application mobile

Bien qu’il propose beaucoup de design web, Webdesign Inspiration vous offrira une belle collection d’inspirations d’applications mobiles Android et Apple.

webdesign-inspiration-design-site-internet-application-mobile

Site internet Webdesign Inspiration

Web Designer Trends, les tendances d’applications mobiles

Sur Web Designer Trends, 26 sites originaux d’applications mobiles sont référencés pour votre plus grand plaisir.

Site internet Web Designer Trends

« La confiance passe par le design », la vidéo que vous devez regarder

C’est ce que déclare Joe Gebbia, le co-fondateur de Airbnb dans ce TED Talks. Une vidéo qui vous inspirera certainement dans votre choix de design.

 

 

Besoin d’aide ? N’hésitez pas à nous contacter nous sommes là pour vous aider et vous accompagner dans la réalisation de vos maquettes et la rédaction de votre cahier des charges.

Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site. Si vous continuez à utiliser ce dernier, nous considérerons que vous acceptez l'utilisation des cookies. Ok