La conception d'applications mobiles n'est pas comme la conception Web.

Bien sûr, il y a la théorie des couleurs, le type de réglage et le maintien des grilles, mais il y a tellement plus à considérer lorsque l'appareil change.

Pour faire la lumière sur les choses à faire et à ne pas faire en matière de conception d'applications mobiles, Tomas Laurinavicius a présenté ses meilleures pratiques en matière de conception pour les appareils mobiles.

Tomas Laurinavicius est un designer indépendant et le co-auteur de Mobile Design Book.

Comment concevoir une application

(avec de bons exemples de conception)

Entre Tomas :

Dans cet article, je voudrais partager quelques exemples de superbes conceptions d'applications mobiles. Plus précisément, les éléments qui se réunissent pour créer une excellente application.

Exemples d'applications - L'écran de lancement

L'écran de lancement sera vu par chaque utilisateur de l'application et durera quelques secondes, mais il est crucial de faire une bonne première impression et de définir certaines attentes.

Utilisez une image d'arrière-plan qui raconte quelque chose sur l'application, rendez-la propre et bien marquée. Gardez la taille de votre écran de lancement au minimum pour réduire le temps de chargement.

Hyperlapse d'Instagram & Yummly

États vides

Lorsqu'un utilisateur télécharge votre application pour la première fois, il n'a aucune donnée à voir. C'est ce qu'on appelle un écran vide.

À ce stade, vous devez expliquer le but de votre application et les guider vers l'utilisation de votre application pour la première fois. Sinon, ils partiront confus et pourraient ne jamais revenir.

Airbnb et Flipboard

Exemples d'applications - écrans de connexion

Oubliez les noms d'utilisateur. Utilisez plutôt une adresse e-mail.

Facilitez le processus de connexion en leur donnant la possibilité de se connecter avec des plateformes existantes. Selon votre audience, il peut s'agir de Google, Facebook ou même LinkedIn.

SoundCloud et Foursquare

Exemples d'applications - Flux d'activités

Lors de la conception d'un flux d'activités engageant et immersif, tenez compte du contexte et utilisez les principes de gamification.

Fournissez des données essentielles telles que la date, l'heure et le lieu, le cas échéant. Pour que cela ressemble plus à un jeu, utilisez des chiffres, des boutons d'appel à l'action et de petites icônes pour rendre l'interface plus attrayante.

Swarm par Foursquare & Behance

Exemples d'applications - Écrans d'inscription

Si votre processus d'inscription est complexe, les utilisateurs partiront.

Simplifiez-le au maximum. N'incluez que les informations nécessaires et suggérez même d'utiliser d'autres réseaux qui stockent les informations des utilisateurs comme Facebook ou Twitter.

Spotify et Cirqle

Vérifier

Le paiement est une fonctionnalité délicate à concevoir dans les applications mobiles.

Il doit présenter beaucoup d'informations en un coup d'œil et permettre quelques conseils vers l'étape suivante. Hiérarchisez les données et décomposez-les en morceaux qui peuvent être présentés en groupes.

Par exemple, l'adresse de livraison et les informations de paiement peuvent constituer deux groupes, les prix et les remises un autre groupe et ainsi de suite. Organisez votre processus afin de ne pas submerger vos clients.

Ciblez et continuez à magasiner

commentaires

Les commentaires sont bons pour créer une communauté ou simplement pour montrer aux autres utilisateurs que votre application vaut la peine d'être rejointe.

Lors de la conception des commentaires, la lisibilité et le contexte (c'est-à-dire les photos de profil, les noms et les dates) sont les facteurs les plus importants pour fournir un écosystème de communauté d'applications "en direct".

Chemin & Trajet

Recherche

La recherche est une fonctionnalité essentielle pour le contenu généré par l'utilisateur et d'autres applications gourmandes en données.

Fournissez un contexte et des suggestions intelligentes pour améliorer l'expérience utilisateur et ravir l'utilisateur. L'ajout d'options de filtrage pertinentes peut améliorer considérablement le processus de recherche et conduire au bonheur des clients.

Boîte de réception par Gmail & Lovely

Partage

Le partage est une fonctionnalité importante pour toute application car il permet aux utilisateurs de faire connaître votre produit.

Facilitez le partage de votre application ou de son contenu en ajoutant des icônes de partage évidentes et en permettant un partage rapide sur différents réseaux.

Printemps et juillet

Lisibilité

La lisibilité est délicate sur les petits appareils. Il est facile de rendre les caractères trop gros ou trop petits.

Concentrez-vous sur le contraste, la taille des caractères et la hauteur des lignes. Assurez-vous que votre type est de taille optimale et qu'il est facilement lisible. Le texte noir sur fond blanc est bon.

Lisibilité et Feedly

La navigation

La navigation est extrêmement importante pour tout type d'application.

Rendez-le facile et compréhensible pour différents segments de votre public. Utilisez une copie simple pour que les utilisateurs se familiarisent avec le jargon de navigation des autres applications. Utilisez des icônes et des espaces négatifs pour donner du contexte à votre navigation et n'incluez que les liens nécessaires.

Facebook et LinkedIn connectés

Réglages

Les écrans de paramètres sont souvent négligés car ils ne sont pas passionnants, mais ce sera l'un de vos écrans les plus utilisés.

Utilisez des icônes, séparez différents groupes de paramètres avec des séparateurs ou des espaces négatifs et aidez les utilisateurs à naviguer rapidement pour décider quoi faire ensuite. Fournissez également des options rapides en utilisant des boutons à bascule natifs afin que les utilisateurs puissent économiser des taps.

Coche 2 & YPlan

Avis

Les notifications sont la raison pour laquelle les utilisateurs reviennent sans cesse sur votre application.

Rendez ces notifications évidentes mais pas trop ennuyeuses. Les gens ont besoin de savoir ce qui se passe mais ne veulent pas être submergés. Fournissez des indicateurs de couleur et des chiffres subtils pour représenter les choses qui sont nouvelles.

Gogobot & Highlight

messages

Les fonctions de messagerie ou de chat sont également une caractéristique commune. Lors de la conception d'un système de messagerie, tout est question de communication et de contexte.

Optimisez la taille des caractères afin que les utilisateurs puissent lire des messages plus longs et inclure la date, l'heure de publication, le lieu et d'autres informations pertinentes.

La messagerie est une question de multimédia de nos jours. Offrez aux utilisateurs la possibilité de communiquer en ajoutant des photos, des vidéos, des sons, des smileys et du texte à l'ancienne.

Facebook Messenger et Path Talk

Profil

De nombreuses applications permettent aux utilisateurs de créer un compte et de stocker des histoires ou des activités autour de ce profil.

Qu'il s'agisse de réseaux sociaux, de shopping ou de toute autre application, il est essentiel de rendre les pages de profil claires et attrayantes pour les utilisateurs.

Mettez l'accent sur la photo du profil de l'utilisateur et son nom. Fournissez également des informations et des statistiques pertinentes afin que les gens puissent voir à quel point l'utilisateur est actif ou respectable.

Avant-arrière et Quora

Conclusion

Comme vous pouvez le voir sur toutes les applications que j'ai répertoriées, il y a beaucoup à considérer et à maîtriser lors de la conception d'une application gagnante.

Bien que n'importe qui puisse concevoir une application, il est important d'embaucher un concepteur qui a de l'expérience dans le domaine et qui peut appliquer toutes les connaissances et les meilleures pratiques.

De petites choses peuvent faire ou défaire votre application. Ne risquez pas votre temps et votre argent en embauchant quelqu'un qui ne comprend pas les subtilités de la conception d'une application géniale.