Conception d'un processus d'intégration qui aide réellement les utilisateurs à apprendre

Sauter dans une nouvelle application vient généralement avec une lutte pour apprendre comment cela fonctionne. Vous pouvez comprendre rapidement, mais il y a toujours un processus d'apprentissage. L'objectif de embarquement est de introduire de nouveaux utilisateurs sur un site Web, un programme ou une application. Avec l’intégration, vous devriez enseigner caractéristiques individuelles, leur fonctionnement, et comment l'application offre de la valeur à l'utilisateur.

Dans un post récent, nous avons couvert écrans d'accueil mobiles qui se concentre sur dessins et styles de contenu. Dans cet article, je souhaite partager des conseils sur l'expérience utilisateur et le processus marketing de guider un utilisateur dans le processus d'intégration.

Utiliser des images et des diagrammes

Éléments graphiques et visuels peut expliquer une expérience utilisateur bien mieux que des mots. Comptez sur les visuels pour vous aider guider les utilisateurs tout au long du processus comme requis. Cette stratégie est précieuse car elle attire l'attention sur le processus d'intégration et clarifie l'intention. Avec les visuels, votre objectif est de montrer plutôt que dire.

Vous pouvez le faire de différentes manières avec captures d'écran complètes, petites icônes ou illustrations / graphiques vectoriels qui s'inscrivent dans le flux de travail de conception. Prenons par exemple cet écran d'accueil du designer Salman Shah.

Il utilise des icônes vectorielles pour repérer visuellement chaque diapositive. Les icônes fonctionnent comme métaphores pour chaque point, et aide vendre les fonctionnalités à l'utilisateur.

Si vous n’avez pas les compétences nécessaires pour concevoir des icônes à partir de rien, vous pouvez toujours utiliser packs d'icônes gratuits à votre avantage. De nombreux designers publient leur travail gratuitement, et vous pouvez facilement incorporer ces icônes dans vos écrans d'accueil.

Vous pouvez aller au-delà des icônes statiques pour inclure l'animation ainsi que. Prenons par exemple le processus d'intégration basé sur la finance créé par Iaroslav Zhmak.

Il utilise beaucoup d'icônes mais aussi place des animations dans chaque section. Vous apprenez ce que l'application fait grâce à des indices visuels qui anime pour attirer votre attention.

Notez que chaque glissière d’introduction a aussi une description textuelle. C’est la vraie substance du message car il indique aux utilisateurs ce qu’ils peuvent fait réellement avec l'application. Parfois, une page ne contenant que du texte peut se sentir comme un manuel collégial étouffant bien que. Utilisez des visuels et des animations pour pimenter chaque partie du processus d'intégration.

Fonctions d'affichage en action

Essayez de éviter de mentionner les caractéristiques évidentes ou forcer les utilisateurs à mémoriser toutes les parties individuelles de l'application. Essayez aussi de éviter les déclarations de base qui guident les utilisateurs dans l'application comme “c'est le menu principal, c'est l'écran d'amis”, etc. Au lieu de cela, essayez de vous concentrer sur ce que ces choses peut faire, et comment l'utilisateur peut interagir avec ces zones.

Cette stratégie rappelle le vieil adage marketing “ne vendez pas le steak, vendez le grésillement”. Vous voulez vendre l'application par ses avantages pour l'utilisateur, pas à travers des fonctionnalités et des éléments de menu arbitraires.

Par exemple, ce modèle créé par Prakhar Sharma vous guide tout au long du processus de travail dans votre compte bancaire..

La conception offre un flux naturel pour vous aider à démarrer et vous guider à chaque étape. Ce processus d’intégration oblige les utilisateurs à passer à l'action qui est finalement l'objectif principal.

Tu peux soit montrer les fonctionnalités en action via une démo, ou vous pouvez aider les utilisateurs prendre des mesures tout au long du processus d'intégration. Quelle que soit la méthode encourage l'action sur la consommation ce qui conduit généralement à des utilisateurs plus engagés.

J'ai trouvé un autre bon exemple d'écran d'accueil intégré dans le style YouTube créé par Riko Sapto Dimo. Il utilise des éléments visuels et des icônes pour transmettre un message, mais aide également l'utilisateur à prendre des mesures avant de plonger dans l'application.

Après le “Comment ça marche” écran, vous pouvez choisir de mettre en place des notifications avec le clic d'un bouton. C'est un excellente stratégie parce que de nombreux utilisateurs vont complètement oublier l'application, mais avec notifications apparaissant ils vont éventuellement utiliser à nouveau (ou désactiver les notifications).

Vous pouvez aussi ajouter boutons pour activer ou désactiver des fonctionnalités à tout moment du processus d'intégration. Ces fonctionnalités pourraient concerner les inscriptions à la newsletter, la suite d’autres comptes, voire la s'abonner aux mises à jour. Juste obtenir les utilisateurs engagés, et les aider commencer à agir. De là, il devient plus facile de garde-les accrochés.

Afficher une fonction à la fois

La plupart des écrans d'intégration affichent certaines fonctionnalités et vous guident tout au long d'un processus.. Ne précipitez pas les utilisateurs, et certainement ne bouscule pas un tas d'informations sur l'écran à la fois.

La clé pour garder les nouveaux utilisateurs intéressés et enthousiastes est de: rester concentré et présenter une caractéristique à la fois. Si vous placez trop de choses à l'écran, les utilisateurs peuvent Se sentir accablé. Si le processus d'intégration est trop ennuyeux, les gens vont s'ennuyer et cesser de fumer..

Chaque écran doit avoir au moins une nouvelle information c'est précieux pour l'utilisateur. Vous pouvez également le faire sur le Web avec un approche modale fenêtre / boîte de dialogue. Cependant, vous devriez toujours garder se concentrer sur un sujet à la fois attirer l'attention là où il appartient.

L'équipe Dropbox prépare actuellement une nouvelle application de bureau avec intégration, et Wes O'Haire a partagé cet exemple sur son compte Dribbble..

Tout sur cet écran d'accueil se sent très naturel. Vous avez une barre bleue indiquant jusqu'où en est le processus d'intégration vous êtes allé. Ensuite, vous avez également des instructions claires pour se déplacer pas à pas à travers le processus. Il y a aussi un bouton de retour au cas où l'utilisateur oublie une étape précédente ou souhaite simplement un récapitulatif.

Concentrer est le nom du jeu, et cette conception garde les utilisateurs concentré sur les actions. À la fin de ce processus d’intégration, les nouveaux utilisateurs devraient pouvoir utiliser confortablement l'application Dropbox sur le bureau pour télécharger, télécharger et effectuer toute autre action nécessaire.

Et souviens toi que les avantages se vendent mieux que les fonctionnalités. Explique ce que l'utilisateur obtient de l'application plutôt que de sa rapidité ou du nombre de profils que vous pouvez avoir.

L'exemple ci-dessus présente quelques écrans d'une application de rendez-vous santé / médecin appelée Qikwell. Chaque diapositive montre une caractéristique majeure ciblé sur le bénéfice de l'utilisateur (disponibilité et nombre total de rendez-vous en ligne).

La dernière diapositive a aussi un petit “Commencer” lié à guider les utilisateurs sur la prochaine étape. Cela augmenterait la visibilité de ce lien pour encourager l'engagement, mais le simple fait de l'avoir, c'est une excellente idée..

N'oubliez pas de tout garder simple et direct. Chaque étape du processus devrait avoir un but soit enseigner à l'utilisateur, soit l'aider à progresser dans l'application.

Terminez avec une action

À la fin du processus d’intégration, vous devriez avoir des utilisateurs qui connaissent ce que l'application offre, ce qu'ils peuvent faire, et pourquoi ils devraient l'utiliser. Pourtant, ils pourraient besoin d'un coup de pouce pour réellement prendre des mesures et faire quelque chose.

Terminez toujours votre intégration avec un type de lien ou de bouton qui conduit l'utilisateur à se lancer quelque part. Cela peut être une page de paramètres, une page de profil, un écran de flux utilisateur, ou quelque chose de similaire..

Le meilleur les actions recommandées varieront en fonction des objectifs de votre application. Une application de nutrition peut encourager les nouveaux utilisateurs à commencer à consigner leurs aliments pour la journée, mais une application de réseau social peut les envoyer à un écran de profil ou à un liste d'utilisateurs recommandée suivre.

Dans cette application conçue par Oktafian Nugraha, vous remarquerez une grosse orange “Commençons!” bouton en bas de la dernière diapositive. C'est super brillant et assez difficile à rater.

Ce dernier bouton d’action peut mener n'importe où, tant que le objectif final est la rétention des utilisateurs. Collez ce bouton dans votre processus d’intégration, et assurez-vous qu'il est visible. Si les utilisateurs terminent l'intégration et ne voient pas de bouton pour conclure, ils risquent de se sentir piégé et va t'en.

C'est assez difficile de tout gâcher, alors planifier un flux d'utilisateur typique, et assurez-vous lien vers une page appropriée à la fin du processus d'intégration. Si l’intégration a fait son travail, les nouveaux utilisateurs devraient déjà savoir quoi faire à partir de là.

Un dernier regard

Chaque nouveau projet devrait avoir un type de guide d’aide ou de processus d’intégration pour les nouveaux utilisateurs. C'est le moyen le plus rapide de guider les nouveaux utilisateurs, et à garder plus de gens engagés avec votre application mobile, site web ou programme de bureau.

Esthétique du design sont importants mais l'expérience utilisateur l'emporte sur tout. Lorsque cela est fait correctement, le processus d'intégration devrait être éducatif et j'espère un peu amusant!