Conception d'une carte de score dynamique dans une application mobile
Défi: Comment puis-je insérer plus de texte dans le curseur de partition et rendre la fonctionnalité de partition plus visible sans trop perturber?
Décomposer l'écran actuel:
Action de l'utilisateur: télécharge une photo/clique sur une photo à l'aide de l'application
Réponses sur le même écran:
une. Une barre de score glisse vers la gauche depuis le côté supérieur droit de l'écran. Recule en 4 secondes. b. Charge trois tableaux pour les filtres de transformation qui sont des dénominations dynamiques: 1.Vibe transfer 2.Art transfer 3. Alike.
La fonctionnalité de la fonction Score:
Cornea Score: dynamique dans la nature, vous donne un score de votre photo en utilisant l'apprentissage automatique. En termes simples, c'est votre prédicteur de likes/score de viralité. Continue de changer à chaque filtre/transformation.
Ma caractéristique clé sur cet écran est le score, mais il ne se démarque pas. Comment puis-je repenser cet écran pour que la partition soit plus visible?
Faites ressortir les éléments en ayant une hiérarchie visuelle claire dans votre conception.
Vous pouvez le faire en utilisant par exemple un contraste très clair entre l'élément que vous souhaitez faire ressortir et le reste de la conception. Les autres options sont l'animation, la taille et le positionnement. Il y en a bien sûr plus.
Voici quelques options auxquelles j'ai pensé;
- Donnez à la carte de score une couleur avec plus de contraste par rapport au gris UI, par exemple vert ou rouge.
- Utilisez davantage les animations . Vous dites que la carte de score glisse sur l'écran. Vous pouvez peut-être le laisser rebondir, ou utiliser animations secondaires.
- Augmentez la taille . Vous pouvez agrandir le cercle et y mettre du texte. Cela résout également votre problème concernant le texte supplémentaire.
- Changer la position de l'élément qui doit se démarquer. Voulez-vous que les utilisateurs interagissent avec la carte de score? Dans ce cas, vous souhaiterez peut-être le placer près du pouce d'un utilisateur (moitié inférieure de l'écran).