portaldacalheta.pt
  • Principal
  • Science Des Données Et Bases De Données
  • Conception Mobile
  • Design De Marque
  • Personnes Et Équipes Produit
Conception Mobile

Principes de conception Mobile UX



Un bon design est un bon design, non? C'est vrai, mais il y a des considérations spécialisées qui entrent en jeu en fonction du support de cette conception. Les principes de conception pour quelque chose comme une application conçue pour fonctionner sur un ordinateur de bureau sont généralement légèrement différents des conventions de conception UX mobiles les plus efficaces.

commandes de bot discord c#

Même dans une catégorie parapluie telle que «conception UX mobile», il existe des différences entre la conception d'une application et la conception d'un site Web mobile. Lorsque les utilisateurs téléchargent une application, ils ne veulent pas seulement la version mobile du site Web. Ils veulent une expérience unique qui justifie le temps qu'ils ont passé à télécharger l'application (ainsi que l'espace qu'elle prend sur leur téléphone). Les utilisateurs n'hésitent pas à supprimer une application qu'ils ne trouvent pas utile - 75% des applications les téléchargements ne sont ouverts qu'une seule fois.



La conception mobile, en général, ne peut être négligée. Dans le monde, plus de personnes accèdent à Internet à partir de leurs appareils mobiles et tablettes qu'à partir d'ordinateurs de bureau. Ignorer ces utilisateurs n'est plus quelque chose qui Concepteurs UX peut justifier. C'est important pour concepteurs mobiles prendre en compte les meilleures pratiques UX mobile à chaque étape du processus de conception.



Mettre l'utilisateur en premier

Cela devrait aller de soi, mais dans tout projet de conception, l'utilisateur doit toujours passer en premier et les besoins des utilisateurs sont encore plus importants (et plus spécifiques) sur les appareils mobiles. Si les concepteurs ne répondent pas aux besoins des utilisateurs mobiles, ces utilisateurs passeront très rapidement à d’autres sites Web, applications ou distractions.



Voici quelques mesures que les concepteurs peuvent faire pour répondre aux besoins spécifiques des utilisateurs mobiles.

Meilleures pratiques Mobile UX: privilégiez l

Mettez toujours l'utilisateur en premier dans la conception de toute expérience mobile.



Rendre la navigation intuitive

La navigation sur les sites et applications mobiles doit être plus intuitive que sur les sites de bureau. Les utilisateurs doivent être en mesure d'identifier immédiatement comment se déplacer dans une application mobile ou un site Web. Ceci peut être réalisé grâce à des modèles de conception reconnaissables (tels que des menus de hamburgers) ainsi que des icônes reconnaissables (une icône «Accueil» pour l'écran d'accueil, une bulle de discussion pour la messagerie, etc.).

Modèles de conception mobile: icônes intuitives

L'utilisation d'icônes intuitives (une lune pour «dormir», des mains en prière pour «méditer», etc.) est encore plus conviviale lorsque des étiquettes d'icônes sont incluses.



Si les utilisateurs doivent réfléchir à la façon de naviguer, ils sont plus susceptibles de se désengager du site Web ou de fermer l'application et de rechercher une solution plus simple.

Créez une expérience transparente sur tous les appareils

Qu'un utilisateur accède au contenu d'une application, d'un site Web mobile ou d'un site Web pour ordinateur de bureau, la transition entre leur utilisation doit être transparente. Les éléments de conception doivent se refléter (les concepteurs ne doivent pas utiliser le bleu pour l'application et le rouge pour le site Web, par exemple).



Non seulement une expérience transparente facilite les choses pour les personnes qui utilisent un site Web ou une application, mais elle renforce également la confiance avec la marque.

Principes de conception Mobile UX: transition transparente entre les appareils

La transition entre l'utilisation d'une application ou d'un site Web sur différents appareils doit être transparente.



Focus sur les objectifs de l'utilisateur

Les objectifs d'une personne sur une application mobile ou un site Web sont probablement différents de ceux qu'elle a sur un site de bureau complet. Par exemple, sur une application de restaurant, un visiteur ne voudra probablement faire qu'une poignée de choses: afficher le menu, faire une réservation ou obtenir un itinéraire. Dans la plupart des cas, ils ne consultent pas l'historique complet de l'entreprise sur leur téléphone mobile. Ce type de contenu peut être masqué dans des menus ou des sous-menus.

Pensez à ce qu'un utilisateur souhaite réellement faire sur une application mobile. Une chose importante que les concepteurs négligent souvent est d'exiger une connexion pour les tâches de base. Les applications bancaires, par exemple, demandent souvent une connexion pour faire quoi que ce soit sur l'application. Mais des tâches telles que la recherche de l'emplacement du guichet automatique le plus proche n'ont pas vraiment besoin que l'utilisateur se connecte. Rendre ces fonctionnalités faciles d'accès est un excellent moyen d'améliorer l'expérience utilisateur.



Principes de conception d

Cette coopérative de crédit locale permet aux gens de rechercher des emplacements sans avoir à se connecter au préalable.

Autoriser la personnalisation

Pour les applications mobiles, la personnalisation est essentielle pour améliorer l'expérience utilisateur. La personnalisation peut également aider à atteindre les objectifs marketing. C'est une solution gagnant-gagnant pour toutes les parties prenantes concernées.

La personnalisation doit pousser les utilisateurs vers le contenu qu'ils recherchent et s'éloigner du contenu qui n'est pas pertinent pour eux. Il peut également éliminer les distractions sur le site, rationaliser les composants tels que le processus d'achat et s'assurer que les messages marketing sont synchronisés avec ce que le visiteur souhaite réellement.

Principes UX: autoriser la personnalisation de l

L'application de fitness Strava charge automatiquement le type de sport le plus récemment utilisé pour l'utilisateur, mais facilite également le changement de sport (en plaçant les options les plus probables vers le haut).

Cependant, trop de personnalisation peut être un piège facile à tomber. Le niveau de personnalisation doit correspondre au niveau de confiance d'un utilisateur avec l'application et l'entreprise. À quelle fréquence les internautes se sentent-ils déconcertés ou étranges lorsqu'un site Web affiche des annonces pour quelque chose auquel ils pensaient (ou dont ils parlaient) mais qu'ils n'avaient même pas recherché? Bien sûr, il s'agit simplement de la nature prédictive des algorithmes publicitaires avancés, mais ce niveau de personnalisation peut toujours donner aux visiteurs un sentiment d'appréhension.

Rendez toujours les choses plus faciles

Lorsqu'une personne visite un site Web ou une application sur un appareil mobile, elle souhaite effectuer la tâche à accomplir le plus rapidement possible. Il appartient au concepteur de rendre l'exécution des tâches nécessaires aussi simple que possible. Éliminer tout ce qui n'est pas absolument vital pour chaque tâche est un excellent point de départ. Simplifier les tâches nécessaires sur une interface mobile est également essentiel.

entrepreneur vs salaire à temps plein

Par exemple, de nombreuses applications et sites de commerce électronique proposent désormais une option d'appareil photo pour saisir les informations de carte de crédit. Plutôt que de saisir un numéro de carte, les acheteurs peuvent viser leur appareil photo sur leur carte de crédit et l'application lira automatiquement le numéro.

D'autres choses comme la spécification du type d'entrée dans les champs de formulaire (de sorte que, par exemple, lorsqu'une adresse e-mail est l'entrée attendue, le symbole @ et «.com» apparaissent sur l'écran principal du clavier).

Bonnes pratiques d'intégration

Bon accueil est essentiel pour les applications mobiles. Mais la définition de «bon» varie considérablement entre les différents types d'applications. Les applications simples à utiliser, telles que les listes de tâches ou les navigateurs Web, nécessitent une intégration minimale. Quelques écrans de démarrage qui soulignent des fonctionnalités uniques sont tout ce dont la plupart des utilisateurs auront besoin pour commencer.

Principes de conception d

Masterclass a un excellent flux de travail d'intégration pour les nouveaux utilisateurs, montrant quelques-unes des fonctionnalités clés tout en donnant aux utilisateurs la possibilité d'en voir plus ou de se connecter.

Mais les applications plus complexes, comme celles des services financiers ou de la gestion de projet, nécessitent une intégration plus complète.

Utiliser les gestes établis

Celui-ci devrait aller de soi, mais les concepteurs mobiles doivent prendre en compte les gestes établis que les gens ont déjà l'habitude d'utiliser sur leurs appareils. Des choses comme pincer pour zoomer ou faire glisser sont devenues intuitives pour la plupart des utilisateurs et devraient être utilisées dans la mesure du possible.

Meilleures pratiques Mobile UX: utilisez des gestes établis

Les concepteurs doivent utiliser des gestes établis avec lesquels les gens sont déjà familiers lorsque cela est possible.

Dans les cas où un concepteur décide de s'écarter d'un geste établi, il est important d'indiquer aux utilisateurs cet écart, soit pendant le processus d'intégration, soit lorsque le cas d'utilisation apparaît pour la première fois.

Conception de disposition mobile

La conception de mises en page mobiles n'est pas entièrement différente de la conception de tout autre type de mise en page, mais les concepteurs doivent prendre en compte certaines considérations.

L'une des plus grandes considérations est la taille des cibles de l'écran tactile. Alors qu'une souris ou un trackpad peut cliquer avec une précision extrême, le bout des doigts est beaucoup moins précis. Idéalement, les cibles doivent être de 7 à 10 mm sur l'écran d'un appareil mobile. Cela permet au bout du doigt de toucher la cible sans avoir à viser trop soigneusement.

comment trouver des fuites de mémoire en java

Les commandes de position des mains et le ' zone du pouce »Sur les appareils mobiles: zone de l'écran d'un téléphone facilement accessible avec le pouce lorsqu'une personne tient son téléphone d'une main. Placer la majorité du contenu interactif (et en particulier les appels à l'action) dans cette zone est essentiel pour créer une expérience utilisateur positive.

Design UX mobile: prenez en compte la zone du pouce

La «zone du pouce» est un aspect important de la conception UX mobile à prendre en compte. (Image par LukeW )

Il est important que les conceptions mobiles réduisent le plus possible l'encombrement. Le minimalisme est l'ami du designer en matière d'applications mobiles. Essayer de tout entasser dans une interface utilisateur de bureau dans un écran qui est une fraction de la taille donne l'impression que le design est exigu et peut être accablant.

En se concentrant sur les objectifs, en minimisant les options de navigation (les menus et sous-menus peuvent y contribuer), et en éliminant généralement tout élément qui n'est pas essentiel pour que les utilisateurs fassent ce qu'ils doivent faire, on créera une interface utilisateur plus rationalisée et conviviale.

Modèles UX mobiles: conception minimaliste

L'application mobile de Google a un design minimaliste qui élimine tous les éléments inutiles.

Tout en supprimant l'encombrement à l'écran, les concepteurs doivent s'assurer de ne pas négliger certaines considérations de conception clés. L'une de ces considérations est de s'assurer que les différents éléments de conception ont un contraste suffisant. Les gens regardent souvent leurs appareils mobiles dans des conditions loin d'être idéales. Des choses comme la lumière du soleil peuvent rendre les éléments d'un écran difficiles à voir, mais un contraste élevé contribue à rendre les éléments plus visibles.

La typographie est une autre considération clé. Il est important d'avoir une hiérarchie typographique claire dans une conception mobile. Les titres et les en-têtes doivent être faciles à repérer et les polices, en général, doivent être plus grandes. Personne n'aime plisser les yeux sur son écran pour essayer de lire de gros blocs de texte sur son téléphone. Des en-têtes clairs, des listes à puces ou numérotées et des paragraphes courts rendent le texte mobile plus lisible.

Une dernière considération de l'interface utilisateur est l'utilisation de transitions et d'animations. Une animation peut être un signal important pour un utilisateur que quelle que soit l'action qu'il vient de prendre, elle a fait quelque chose. Les animations et les transitions claires entre les écrans ou les fonctions d'une application mobile sont des éléments clés de commentaires qui créent une expérience utilisateur plus satisfaisante.

Meilleures pratiques UX mobile

Tous les éléments ci-dessus sont des considérations importantes lors de la conception d'applications mobiles et de sites Web. Mais il y a d'autres meilleures pratiques UX mobile à suivre pour garantir la meilleure expérience utilisateur possible.

Focus sur la vitesse

Malgré la disponibilité généralisée des données 4G, les réseaux mobiles restent généralement plus lents que les services wifi ou haut débit. Et dans de nombreuses régions du monde, la 4G n’existe pas et les utilisateurs mobiles sont bloqués avec des vitesses de données 3G ou plus lentes.

Conception UX mobile: tout le monde n

Toutes les personnes utilisant une application mobile ou un site Web n'auront pas la connexion réseau la plus rapide ni même les appareils les plus récents.

Cela signifie que les sites Web mobiles et en particulier les applications mobiles doivent être rapides. L'inclusion de contenu dans une application qui n'a pas besoin d'être téléchargée à chaque chargement de l'application accélérera l'application. De même que le chargement du contenu au fur et à mesure que cela devient nécessaire (bien que l'anticipation du contenu qui sera nécessaire et le préchargement puisse faire apparaître une application plus rapidement pour l'utilisateur).

Il s'agit d'un équilibre entre ne pas charger du contenu qui ne sera pas utilisé (et utiliser des données) et créer la perception de la vitesse en préchargeant le contenu dont les utilisateurs auront probablement besoin ensuite.

Une façon de créer l'illusion de la vitesse et d'apaiser les utilisateurs impatients consiste à utiliser des espaces réservés jusqu'au chargement du contenu. L'application mobile de Facebook fait cela, avec ce qui semble effectivement être un chargement filaire poli dès que l'application s'ouvre, contenant de l'espace pour les publications qui se chargent au fur et à mesure de leur téléchargement. Cet écran de transition signale aux utilisateurs que quelque chose se passe avec le contenu avant qu'il ne se charge réellement.

Fournir des commentaires aux utilisateurs

Donner des commentaires aux utilisateurs lorsqu'ils effectuent des actions sur une application mobile est un aspect important d'une expérience utilisateur positive. Comme mentionné précédemment, les animations et les transitions sont un moyen de donner des commentaires.

Un retour tactile et audio est également possible avec les appareils mobiles. Fournir un retour tactile lorsque certaines actions sont effectuées est particulièrement populaire avec les jeux mobiles, ainsi qu'avec les messages d'erreur. Le retour audio est populaire avec les fonctions de toutes sortes d'applications. Néanmoins, les concepteurs ne devraient pas se fier aux commentaires audio, car de nombreuses personnes gardent leur téléphone silencieux à tout moment.

Minimiser l'entrée de données

Une autre bonne pratique clé de l'UX mobile consiste à minimiser la quantité de données d'entrée requise. Cela a été évoqué précédemment, mais plus une personne doit saisir de données dans une application mobile, plus elle est susceptible d'abandonner la tâche.

Remplir un formulaire avec quatre ou cinq champs peut ne pas être un gros problème sur un ordinateur de bureau ou un ordinateur portable, mais sur un appareil mobile, ces quatre ou cinq champs peuvent suffire à détourner un utilisateur, surtout s'il ne peut pas voir son objectif. Assurez-vous que chaque champ d'un formulaire rempli sur un appareil mobile est nécessaire. Éliminez tous ceux qui ne le sont pas.

C'est un domaine dans lequel donner aux gens la possibilité d'utiliser l'un de leurs comptes existants (comme un compte Facebook, Google ou Twitter) plutôt que de s'inscrire à partir de zéro peut grandement améliorer les conversions. Lorsqu'un utilisateur n'a qu'à cliquer pour autoriser l'accès au lieu de remplir un formulaire pour une nouvelle inscription, il est plus susceptible de le faire. Ne vous fiez pas uniquement à ces applications secondaires: certains utilisateurs hésitent encore à associer leurs comptes et prendront le temps de remplir un formulaire.

Mobile UX: simplifiez l

L'application de gestion de projet Podio permet aux nouveaux utilisateurs de s'inscrire facilement avec un compte Google ou ShareFile.

Conclusion

Le respect de ces principes de conception UX mobiles établis créera une meilleure expérience utilisateur globale pour les personnes visitant un site mobile ou utilisant une application mobile. Les concepteurs ne disposent que de quelques secondes pour attirer l’attention des utilisateurs avant d’abandonner une application ou un site au profit d’une application plus conviviale, intuitive ou simplifiée.

Les grandes conceptions mobiles sont de plus en plus courantes et la barre a été encore élevée en termes de ce que les utilisateurs attendent de leurs applications mobiles. Les concepteurs ne peuvent plus considérer la conception mobile comme une réflexion après coup, et doivent plutôt y consacrer autant de temps, de considération et de ressources que pour des conceptions sur d'autres formats.

• • •

Lectures complémentaires sur le blog ApeeScape Design:

  • Mobile UX Design - Meilleures pratiques, contraintes et collaboration avec les développeurs
  • Fidélisez les utilisateurs grâce à ces inspirations d'intégration d'applications mobiles
  • Le guide fondamental de l'utilisabilité mobile
  • Principes heuristiques pour les interfaces mobiles
  • eCommerce UX pour l'expérience mobile

Comprendre les bases

Pourquoi avons-nous besoin de l'UX?

UX fait simplement référence à l'expérience utilisateur. L'expérience utilisateur existe, que les concepteurs suivent activement les principes et les modèles UX ou non. Mais suivre les processus de conception UX établis et les principes de conception UX mobile permet aux concepteurs de créer des expériences utilisateur qui laissent leurs visiteurs ravis et satisfaits.

Quelle est la différence entre UX et UI?

UX fait référence à l'expérience utilisateur, tandis que UI signifie interface utilisateur. La conception de l'interface utilisateur a un impact direct sur l'expérience utilisateur. Les bonnes pratiques UX intègrent la conception d'interface utilisateur, la recherche utilisateur, la convivialité, la marque, la fonctionnalité et les principes de conception UX mobile, entre autres aspects de la conception.

Qu'est-ce qu'une approche mobile first?

Les meilleures pratiques UX mobiles exigent une approche axée sur le mobile. C'est quand un concepteur UX commence par la version mobile d'un site Web et crée ensuite la version de bureau comme une extension de celui-ci, plutôt que l'inverse. La plupart des modèles UX mobiles fonctionnent bien sur les sites de bureau, mais l'inverse n'est pas toujours vrai.

valeur de la formule d'option d'achat

Qu'est-ce que l'UCD dans UX?

La conception centrée sur l'utilisateur (UCD) est un cadre de résolution de problèmes pour la conception qui se concentre sur les besoins des utilisateurs à chaque étape du processus de conception. Tout, des tâches et du flux de travail d'un produit aux objectifs d'utilisabilité et aux caractéristiques de l'utilisateur, est pris en compte à chaque étape. Il est particulièrement utile dans les projets UX mobiles.

Pourquoi la conception centrée sur l'utilisateur est-elle importante?

La conception centrée sur l'utilisateur est un cadre important pour créer des conceptions avec une expérience utilisateur efficace (UX). UCD dans les meilleures pratiques UX mobile se concentre sur la façon dont les utilisateurs utilisent réellement un produit (y compris les applications mobiles et les sites Web), plutôt que d'attendre des utilisateurs qu'ils adaptent leur comportement au fonctionnement d'un produit.

Les meilleurs outils UX (avec infographie)

Conception Ux

Les meilleurs outils UX (avec infographie)
ApeeScape offre son talent de programmation d'élite à un coût réduit aux entrepreneurs en démarrage

ApeeScape offre son talent de programmation d'élite à un coût réduit aux entrepreneurs en démarrage

Autre

Articles Populaires
Explorer la fonctionnalité Get & Transform d'Excel
Explorer la fonctionnalité Get & Transform d'Excel
Comment aborder les wrappers pour les propriétés Swift
Comment aborder les wrappers pour les propriétés Swift
ApeeScape s'associe à Guidant Global pour offrir un accès à la demande au réseau Elite de pigistes
ApeeScape s'associe à Guidant Global pour offrir un accès à la demande au réseau Elite de pigistes
Tutoriel Apache Spark Streaming: Identifier les hashtags Twitter tendances
Tutoriel Apache Spark Streaming: Identifier les hashtags Twitter tendances
Conception accessible vs conception inclusive (avec infographie)
Conception accessible vs conception inclusive (avec infographie)
 
L'intégration continue d'iOS avec le serveur Xcode expliquée
L'intégration continue d'iOS avec le serveur Xcode expliquée
Meilleurs éditeurs de programmation? Une bataille sans fin sans vainqueur clair
Meilleurs éditeurs de programmation? Une bataille sans fin sans vainqueur clair
Comment GWT déverrouille la réalité augmentée dans votre navigateur
Comment GWT déverrouille la réalité augmentée dans votre navigateur
Webpack ou Browserify & Gulp: quel est le meilleur?
Webpack ou Browserify & Gulp: quel est le meilleur?
Business Analyst - Stratégie & Analytics
Business Analyst - Stratégie & Analytics
Articles Populaires
  • python qu'est-ce qu'un attribut
  • erreur de panda triste lors de l'analyse de la page de résultats de connexion
  • quel type d'attaques d'application de serveur Web introduisent une nouvelle entrée pour exploiter une vulnérabilité
  • quel langage de programmation les robots utilisent-ils
  • migrer le serveur sql vers oracle
  • ressources d'apprentissage c++
Catégories
  • Science Des Données Et Bases De Données
  • Conception Mobile
  • Design De Marque
  • Personnes Et Équipes Produit
  • © 2022 | Tous Les Droits Sont Réservés

    portaldacalheta.pt