Quelques petites faveurs : si vous aimez l’article partagez le avec vos amis. Si vous aimez les chiots, gardez-en au moins un. Si vous aimez la mayonnaise, mettez-la au réfrigérateur.
Donc, nous oublions tous de concevoir quelque chose de temps en temps. Tout va bien!
Eh bien, ce n’est pas génial… mais, comment dire… ça va. Cette liste vous aidera à vous améliorer. Ou du moins être au courant. Ou peut-être applaudir plusieurs fois simplement parce que quelqu’un a pris le temps de faire ce travail. Pensez-y. J’adore quand tu applaudis. Vous savez, Megan Trainor est tout au sujet de cette base et je suis tout au sujet de ces applaudissements. Eh bien, avec Meghan en tête et de bonne humeur, commençons !
Ceci est juste une liste de choses que vous avez peut-être oublié de concevoir. Parfois, nous regardons Instagram ou Snapchat et nous nous demandons : quelle application simple ! Et, bien sûr, nous ne tenons pas compte du nombre de captures d’écran, d’états et de toutes sortes de choses qui sont réellement responsables de cette expérience utilisateur simple et cool.
- Connexion : connexion, inscription
- Première expérience d’utilisation
- Toutes sortes de petites choses
- Matériel de lancement
- Tout dans le profil
- Des tonnes de scripts personnalisés
Alors lisez cet article, réfléchissez-y et… eh bien… ne bouleversez pas votre produit.
Connexion : connexion et inscription
1. Écran de démarrage
Cet écran s’affiche lors du lancement de l’application mobile ou lors de la connexion à l’application Web pendant le chargement.
2. Itinéraire “mot de passe oublié”
Comment était-ce : “abcd1234” ou “1234abcd” ? C’est important. N’oubliez pas. majo puterka ne laisse pas les usagers au huis clos sous la pluie.
3. Merci pour votre page d’inscription
Habituellement, cet écran apparaît au moment où l’utilisateur a déjà créé un compte, et nous lui demandons de confirmer l’adresse e-mail. Et après? Demandez à Hayley Ca
4. Lettre de bienvenue
Nous chevauchons ici la frontière entre la conception de produits et le marketing, car un e-mail de bienvenue est littéralement la PREMIÈRE impression que vous faites sur un utilisateur. Ne manquez pas votre chance. Il est temps de soudoyer l’utilisateur avec votre ton plein d’esprit. J’aime beaucoup.
5. Conditions d’utilisation et confidentialité (abeille)
Faites-le juste pour les gars de la justice. Ils essaient de s’assurer que nous ne serons pas poursuivis. J’aime beaucoup la façon dont Marko Prljic a essayé de rendre les conditions d’utilisation plus compréhensibles.
Première expérience d’utilisation
6. Intégration des utilisateurs
Il existe de nombreuses méthodes différentes. Voici cinq de mes favoris :
5 façons délicieuses d’intégrer de nouveaux utilisateurs
7. États vides lors de la première utilisation
Imaginez que vous emménagez dans une maison sans meubles. Vide, non ? Aidez vos utilisateurs – poussez-les dans la bonne direction. « Mettez le canapé ici .
8. Rubrique d’aide
Si vous êtes une grande entreprise, toute une équipe est sûrement engagée dans cette section. Mais même dans ce cas, ils vous demanderont des illustrations et des captures d’écran. La section d’aide nécessite autant de temps et d’efforts que, par exemple, la page de connexion ou le flux d’activité.
9. Avatar utilisateur par défaut
Maintenant que les applications sont accessibles via des comptes de médias sociaux ou des services comme Gravatar, il y a plus de visages souriants dans l’interface. Mais il y a encore un mec qui n’a pas téléchargé de photo de profil. C’est votre chance de pimenter votre design et de vous exprimer en tant que marque.
10. Bouton de déconnexion
Malheureusement, vous devez donner aux utilisateurs la possibilité de partir. Imaginez qu’ils se connectent à l’application à partir d’un ordinateur de la bibliothèque et qu’ils doivent absolument se déconnecter du compte, sinon quelqu’un changera leur nom en «M. Cela ne peut pas être autorisé.
Toutes sortes de petites choses
11. Pied de page de l’application
Je pense généralement que les pages ne finissent jamais. C’est comme avant que les gens croyaient que la terre était plate, et qu’ils vivaient avec et c’est tout. Mais attention : la terre n’est pas plate.
12. Favicon dans le navigateur
Vous savez… cette petite icône qui s’affiche sur un onglet du navigateur. Je continue à perdre mes onglets moyens car ils ont changé leur icône du vert au noir. Mais c’est devenu plus joli !
13. Page 404
14. Différents états d’entrée : normal / survolé / en surbrillance / au clic / inactif / etc.
Brr, tant d’états différents. Mon préféré/mystérieusement incompréhensible est “Mise en évidence + survolé”. La capture d’écran ci-dessous provient de l’ article UX Power Tools Design System .
15. L’ordre de commutation avec le bouton Tab
Le changement d’onglet est une fonctionnalité qui permet aux utilisateurs handicapés de naviguer dans la page en appuyant sur le bouton Tab. Je n’ai trouvé aucune image pour ce sujet, j’ai donc pris une capture d’écran de la spécification, qui a été écrite en 2007 par Christian Beck . Il a écrit dans le tableau l’ordre de commutation des différents éléments de l’interface utilisateur en appuyant sur Tab (j’en ai même assez d’écrire à ce sujet … SnoozeFest 2017™ ). Il vaut la peine d’écrire cet ordre pour s’assurer que les actions principales viennent en premier, puis les actions secondaires. Considérez cela comme un défi de conception.
16. Défilement
Il est important non seulement de savoir comment la page défile et où le contenu se déplace, mais aussi ce qui bouge et ce qui est épinglé. Un bouchon? Sous-sol?
17. Bouton de rétroaction
Choisissez au moins une couleur qui correspond à votre palette. Que faites-vous les gars, ce n’est pas de la physique nucléaire !
18. Boutons avec numéros de page
Disons que vous n’utilisez pas le défilement infini et que les utilisateurs doivent accéder à la page 27. Alors laissez-leur cette opportunité !
19. Curseurs
Lorsque vous survolez le bouton, le curseur doit se transformer en stylo. Pour les éléments non interactifs, il existe un curseur par défaut – une flèche. Il existe un curseur de texte spécial pour le texte. Les développeurs ne le savent pas toujours. Je compilais juste une liste de notes sur les écrans et à un endroit, le développeur a défini le curseur de texte pour l’état de survol du bouton. Mon Dieu
20. Mécanisme(s) de tri/filtrage/recherche dans les tableaux
Par exemple, lorsqu’une personne étudie un grand tableau “Groupes avec barbes”, il faut qu’elle puisse rapidement arriver à la lettre “I”.
French 
English