Fermer

décembre 5, 2019

5 tendances de la conception d'applications mobiles à connaître pour 2020


Vous êtes ici parce que vous voulez savoir ce qui sera nouveau dans la conception d’applications mobiles en 2020. Le fait est que la plupart de nos activités seront les mêmes que par le passé. Plutôt que de discuter des tendances que vous connaissez déjà, nous allons examiner celles qui aideront votre application mobile à concurrencer efficacement la montée en puissance des PWA. Et si vous ne pouvez pas concurrencer ou battre les PWA, ces tendances vous aideront à les rejoindre.

Je ne sais pas trop où 2019 s’est passé, mais nous en sommes à parler des tendances en matière de conception d’applications mobiles pour une autre année. Cependant, voici la chose:

En général, je n'aime pas lire les prévisions ou les récapitulatifs des tendances de conception.

C'est parce qu'ils ont tendance à dire la même chose d'année en année.

  • «La réalité virtuelle et la réalité virtuelle seront partout!
  • «Les dégradés et les couleurs vives sont indispensables!»
  • «Utilisez des animations pour améliorer les taux de conversion!»

Pour moi, il n'est pas vraiment utile de répéter les mêmes choses concernant les palettes de couleurs, la typographie et les technologies. . Vous lisez ces récapitulations pour avoir une idée de ce qui va changer dans l’année à venir. Donc, aujourd’hui, voici ce sur quoi je veux me concentrer:

Les applications Web progressives ont fait d’énormes vagues sur le mobile depuis deux ans. En tant que tel, nous devons réfléchir à ce que cela va faire pour l'état des applications natives, car, en toute honnêteté, je pense que les PWA vont forcer les développeurs d'applications à améliorer leur jeu.

Nous allons examiner Il existe deux types de tendances de conception:

  • Ceux qui vous aident à créer une expérience supérieure aux PWA.
  • Ceux qui vous aident à créer une expérience plus comparable aux PWA (pensez-y comme: «Si vous ne pouvez pas les battre , join 'em ").

Commençons par:

Je reconnais que les interfaces de conversation sont une tendance en vogue depuis quelques années, mais je Je ne sais pas à quel point elles sont viables pour les applications mobiles.

Vos utilisateurs veulent que vous développiez vos applications avec une technologie qui accélère et améliore leur expérience. C’est la raison pour laquelle je vois des développeurs concentrer leurs efforts sur les technologies de conversation qui améliorent de manière plus substantielle les interactions des utilisateurs avec les applications. En particulier, je pense que nous verrons beaucoup plus de recherches vocales en 2020.

Les applications de commerce électronique, en particulier, bénéficieraient réellement de cette fonctionnalité, comme le montre l'exemple de Chewy : [19659018] chewy-microphone-search "src =" https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/chewy-microphone-search.png?sfvrsn=9f85374f_0 "data-displaymode =" Original "/ >

Le microphone situé à gauche de la barre de recherche permet aux utilisateurs d'activer la recherche vocale. Tout ce qu'ils ont à faire, c'est de cliquer une fois sur le microphone et cet écran encourageant les aide à activer la fonction:

 chewy-enable-voice (002)

C'est un choix judicieux de Chewy. Plutôt que d’afficher l’une de ces horribles fenêtres pop-up indiquant «Chewy veut accéder à votre microphone», Chewy explique rapidement ce que fait l’icône du microphone avec un écran de démarrage personnalisé.

 Chewy-voice-search (002)

Une fois que l'accès au microphone est activé, il suffit à l'utilisateur de cliquer sur l'icône du microphone et de lancer une courte requête de recherche telle que «collier de martingale» pour affiner rapidement les résultats de la recherche. Cela va être un gros problème pour les utilisateurs d'applications mobiles qui n'auraient peut-être pas la commodité d'un méga menu ou de catégories profondes pour magasiner comme ils le feraient sur un site Web ou un PWA.

Une autre application mobile qui utilise la recherche vocale aujourd'hui est Google Maps .

 googlemaps-microphone-search "src =" https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/googlemaps-microphone-search.png?svvn = dc93c980_0 "data-displaymode =" Original "/></p><p> Pensez aux histoires que vous entendez au sujet d'accidents dus à des accidents, car ils tapaient quelque chose dans leur téléphone plutôt que de regarder la route. Ou encore sur le nombre de personnes que vous avez presque rencontrées en vous promenant en ville, au centre commercial ou dans un autre espace encombré, car elles ne pouvaient pas être dérangées par la détour des yeux.</p><p> Les consommateurs passent plus de temps, collés à leur mobile. appareils et applications, vous devez tenir compte de la manière dont les choix de conception que vous faites affectent de tels scénarios du monde réel. Et en ajoutant la recherche vocale à n'importe quel composant de recherche d'une application, vous pouvez aider vos utilisateurs à ne pas perdre de vue leurs appareils lorsqu'ils en ont besoin.</p><p> Maps n'en est qu'un exemple. Envisagez de faire cela sur les applications de productivité pour les professionnels en déplacement ou sur les applications de réseaux sociaux pour les influenceurs qui doivent répondre à leurs messages en temps réel.</p><h2 id= Tendance 2: Mode sombre

Chaque fois qu'un appareil ou une application populaire se déplace vers le côté obscur (c.-à-d. le mode sombre), c'est toujours une grande nouvelle. Apple a récemment activé la fonctionnalité sur ses iPhones en octobre 2019. Instagram l'a ajoutée à peu près au même moment. Les gens sont devenus fous.

Apple attire même maintenant l’attention sur les applications compatibles ou pour lesquelles une fonctionnalité de mode sombre est déjà activée:

 apple-app-store-dark-mode "src = "https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/apple-app-store-dark-mode.png?sfvrsn=87a472d2_0" data-displaymode = "Original" /></p><p> Que vous aimiez ou non le mode sombre ou les jeux de couleurs sombres, force est de constater l’enthousiasme des utilisateurs de l’application. C’est la raison pour laquelle je pense que de plus en plus de développeurs vont devoir ajouter une fonctionnalité Dark Mode à nombre de leurs applications en 2020 et au-delà.</p><p> <a href= Breaker une application de podcast sociale, a déjà fait le saut. Voici à quoi ça ressemble quand un utilisateur entre pour la première fois dans l'application:

 breaker-app "src =" https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/breaker-app.png?sfvrsn= 74c1cab_0 "data-displaymode =" Original "/></p><p> Cela ressemble à de nombreuses applications, avec son jeu de couleurs noir sur blanc. Un contraste de couleur inversé apparaît uniquement lorsque du texte blanc est placé sur une image sombre.</p><p> Lorsque le mode sombre est activé, toutes les couleurs sont inversées:</p><p><img title= trois études effectuées sur le sujet au milieu des années 2010 qui montraient que le texte blanc sur fond sombre était le type de polarité de contraste le plus difficile à lire.

c'est bien de donner à vos utilisateurs la possibilité d'activer le mode sombre [jenevoudraispasencouragerlesutilisateursàlefairesivotreapplicationnécessitebeaucoupdelectureVousdevezfairedemêmelorsquevousconcevezdesapplicationsavecdesthèmessombres

Par exemple, l'application Insomniac Events est conçue avec un thème sombre:

 insomniac-dark-theme "src =". https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/insomniac-dark-theme.png?sfvrsn=e6392db2_0 "data-displaymode =" Original "/></p><p> Une application comme celle-ci conviendrait pour un thème sombre. Les utilisateurs ne passeront probablement pas beaucoup de temps à rechercher des événements. Le thème de la couleur inversée ne devrait donc pas causer de fatigue oculaire. Mais pour un média social, un divertissement ou une application d'actualités où les utilisateurs sont collés à leurs écrans pendant de longues périodes, vous voudrez bien vous tenir au clair.</p><h2 id= Tendance 3: une meilleure intégration

On pourrait soutenir que les applications mobiles sont beaucoup plus faciles. à utiliser que des sites Web surchargés de contenu. Cependant, l'hypothèse selon laquelle les utilisateurs mobiles savent quoi faire lorsqu'ils accèdent à une application ou même en comprennent la valeur réelle peut être problématique. Parce que si vous avez l'impression que l'application est une évidence, vous allez la concevoir de cette façon, ce qui empêchera peut-être certains utilisateurs de savoir vraiment à quel point ils peuvent en faire.

Etant donné que vous n'avez pas le luxe de partager autant d'informations avec les utilisateurs que vos homologues PWA, je pense que des intros compressibles sont la solution. Nous commençons à voir un certain nombre d'applications qui les utilisent avant même d'inviter les utilisateurs à s'inscrire ou à se connecter et je pense que davantage d'applications adopteront cette approche plus conviviale pour l'intégration des utilisateurs dans les années à venir.

Voici un exemple de . ] MealPrepPro :

 mealpreppro-step1 "src =" https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/mealpreppro-step1.png?sfvrsn=27065a99_0 " "Original" /></p><p> MealPrepPro ne demande pas aux utilisateurs de créer un compte dès le départ. Au lieu de cela, il les invite doucement à se familiariser avec l'expérience en trois étapes simples.</p><div class=

Cela permet aux utilisateurs de voir à quel point l'application est développée et à quel point l'expérience de la planification des repas sera facile une fois qu'ils seront à l'intérieur. C'est un bon moyen de faire une première impression positive auprès des utilisateurs qui pourraient craindre une application telle que celle-ci (par exemple, la santé et le bien-être).

Une autre application utilisant un processus d'intégration pré-inscription est Trello :

 trello-step1 (002)

C'est la première carte que les utilisateurs voient lorsqu'ils installent l'application Trello. C'est une salutation chaleureuse et originale qui donne le ton à l'application qu'ils sont sur le point d'utiliser.

Les quelques cartes suivantes mettent en évidence les fonctionnalités de l'application, comme celle-ci qui leur montre comment organiser leurs tâches dans les conseils Trello: [19659049] trello-step2 (002)  » src= »https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/trello-step2-(002).png?sfvrsn=404ec11a_0″ data-displaymode= »Original »/>

Les deux autres utilisateurs de cartes qui voient quand ils glissent leur expliquent comment ajouter des notes, télécharger des fichiers, créer des listes de contrôle et collaborer avec d'autres, le tout gratuitement.

Pour les applications SaaS, en particulier, ce processus d'intégration est essentiel. . Vous pouvez supposer que l’application est suffisamment intuitive pour que les utilisateurs puissent bouger tout de suite, mais vous savez par vous-même à quel point la technologie des utilisateurs peut être différente. Certains clients s'adressent tout de suite à Asana et à Trello, tandis que d'autres éprouvent de grandes difficultés, par exemple.

Si vous souhaitez que votre application mobile devienne une chose à laquelle tous les utilisateurs se sentent confiants. – ce qui contribue finalement aux taux de rétention des utilisateurs – commencez à ajouter des processus d'intégration avant de leur demander de vous inscrire.

Tendance 4: demandes de notification push personnalisées

Voilà une autre façon de voir les applications mobiles «se réchauffer» en 2020

Ce n'est pas comme si une application mobile était dépourvue de vie. Eh bien, vous n'avez pas beaucoup de marge de manoeuvre, alors la concision est la clé.

C'est comme si vous alliez à une soirée où vous ne pouvez rester que 20 minutes parce que vous avez un engagement professionnel. ne peut pas sortir de. Alors, votre ami vous présente rapidement ses autres amis. Mais à quel point pouvez-vous vraiment parler de vous alors que vous vous baladez d’une personne à l’autre? Cela ressemble un peu à ce qu'une application mobile essaie de faire.

Quelque chose que j'ai commencé à voir cette année et je pense que nous allons certainement en voir davantage, c'est s'éloigner des messages de notification à froid comme celui-ci sur l'application FOX Sports :

 foxsports-push-notifications (002)

Il n’ya rien de mal à cette demande de notification push proprement dite. Les utilisateurs se sont habitués à voir ce type de fenêtres pop-up leur demander s’il est acceptable d’envoyer des notifications push ou de leur donner accès à leur caméra ou à leur microphone. Mais c’est tout: vos utilisateurs ont vu ces pop-ups un million de fois auparavant.

Et si on en avait marre de se faire demander: «Puis-je avoir accès à vos photos personnelles?» Ou «Puis-je vous envoyer des photos? des notifications que vous pourriez ne pas vouloir lire? ”Au lieu de cela, une bannière aveugle (et la frustration) les envahit et ils cliquent automatiquement sur“ Ne pas autoriser ”.

Si vous voulez que votre application puisse rivaliser Avec les applications Web et les sites Web progressifs qui peuvent prendre plus de temps et plus de courtoisie, pensez à donner à vos demandes de notification push une touche plus conviviale. Duolingo en a un bel exemple:

 duolingo-push-notifications (002)

Cela va sûrement attirer l’attention des utilisateurs de Duolingo. Avec un grand graphique de la mascotte de l'application et un message personnalisé expliquant l'intérêt de l'activation des notifications push, il est difficile de dire non à cela.

L'application de Leo AR Magic Camera en est une autre. qui utilise une notification pop-up personnalisée:

 leoar-push-notifications "src =" https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/leoar-push-notifications.png? sfvrsn = 55abb491_0 "data-displaymode =" Original "/></p><p> Bien que minimalement conçu, il se démarque nettement plus que les demandes de notification push traditionnelles – en particulier avec le graphique «like» des médias sociaux en haut de celui-ci. De plus, Leo AR explique ce que les utilisateurs obtiennent lorsqu'ils autorisent les notifications au lieu de simplement publier un message vague sur l'utilisation des notifications push.</p><p> Vous savez déjà à quel point les notifications push sont utiles pour garder les utilisateurs engagés. En fusionnant certaines des parties les plus chaudes d'un PWA (la capacité d'être plus personnalisable, dans ce cas) avec votre application mobile, vous pourrez peut-être capturer plus de ces "Autoriser les notifications" qu'auparavant.</p><h2 id= Tendance 5 : PWA et Native App Companions

La dernière tendance que nous verrons plus souvent est la création d’un PWA et d’une application native pour les entreprises. Je sais qu’il peut sembler insensé de se donner tant de peine pour créer les deux, mais réfléchissez-en aux avantages.

En premier lieu, vous améliorerez la possibilité de découverte, car votre application sera placée dans les moteurs de recherche et les magasins d’applications. En outre, il s'agit d'une excellente opportunité de générer plus de revenus car vous disposez d'un plus grand bassin d'utilisateurs et car vous n'êtes pas obligé de céder 30% de vos revenus aux magasins d'applications.

Nous Vous opérez dans un monde où tout est mobile et, lorsque cela vous semble judicieux et que vous en avez les moyens, je pense que les développeurs et les entreprises devraient tenter de le dominer avec un PWA et une application native.

Twitter est un bon exemple. Si les utilisateurs le recherchent sur le Web et rencontrent sa PWA Twitter Lite:

 twitter-pwa-home "src =" https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/twitter- pwa-home.png? sfvrsn = e5230a49_0 "data-displaymode =" Original "/></p><p> Ou ils le trouvent dans l'un des magasins d'applications:</p><p><img title= Target :

 target-pwa-home "src =" https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/target-pwa-home.png?sfvrsn=d439908e_0 "data-displaymode" d'origine "/></p><p> Target adopte cependant une approche légèrement différente avec ses compagnons d'applications PWA et d'applications mobiles. Bien qu'ils donnent tous deux aux utilisateurs un accès complet au magasin, ils le font de différentes manières.</p><p> Par exemple, le PWA place ses catégories dans le menu.</p><p><img decoding=

L’application mobile, quant à elle, détermine ce qui est le plus important à voir pour les utilisateurs. La page d'accueil de l'application leur propose trois options à explorer dès le départ:

 target-app-home "src =" https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/target-app -home.png? sfvrsn = 13953358_0 "data-displaymode =" Original "/></p><p> Alors que les utilisateurs pourront éventuellement consulter la même page d'accueil que celle affichée sur le PWA, l'application mobile tente de ne pas perdre de temps ici.</p><p> Cette décision de conception a probablement été prise après avoir examiné comment les visiteurs du PWA et les utilisateurs d'applications mobiles interagissaient avec chaque application. Faites de même pour la conception de vos applications compagnons.</p><h2 id= Wrap-Up

Comme je l’ai dit plus tôt, il n’est pas utile de rappeler ce que nous savons déjà sur la bonne et moderne conception des applications mobiles. Si vous souhaitez rester à la pointe de la technologie et vous assurer de fournir une expérience dont vos utilisateurs tireront de nombreux avantages, il est temps de sortir des sentiers battus lorsque l’on examine les tendances futures. Et si le PWA fait des vagues (et peut potentiellement voler des affaires à vos applications), il est temps de concevoir quelque chose qui puisse concurrencer ou le compléter efficacement!





Source link

Revenir vers le haut