Étiquettes colorées pour une identification rapide sans texte
Je conçois une application mobile qui implique une grande liste de noms d'exercices. Chaque exercice peut être classé par type de muscle principal ou par plusieurs types de muscles - biceps, triceps, épaules, bas du dos, etc. Aujourd'hui, cette liste d'exercices inclut le "type musculaire" comme balises pour chaque exercice. Cependant, si un exercice a de nombreux types de muscles, il enroulera plusieurs lignes ou tronquera, ce qui n'est pas une excellente solution.
La solution et l'hypothèse que je propose actuellement sont d'éliminer le balisage textuel et de les remplacer par des cercles de couleur unique avec des balises abrégées qui pourraient être étendues à la vue complète en cliquant sur l'élément de liste. Cependant, j'hésite car la nature arbitraire du codage couleur ~ 16 types de muscles peut être trop importante pour être mémorisée et traitée même s'il existe des abréviations.
J'adorerais avoir un aperçu de ce sujet des vues de marquage et de catégorisation, merci.
Les couleurs maximales pouvant être utilisées pour le codage des couleurs se situent entre 7 et 9. Pour une efficacité et une capacité d'apprentissage maximales, seules 3 à 5 couleurs doivent être utilisées. Vous devez également considérer qu'environ 4% de la population est daltonienne.
Une autre alternative consiste à utiliser des icônes comme balises. Chaque icône représentera un muscle spécifique. Utilisez des formes simples qui ressemblent autant que possible au muscle représenté. Utilisez seulement deux couleurs, le gris pour représenter la partie du corps et le rouge pour représenter le muscle.
Maximisez la densité de l'information
Les balises sont idéales pour la catégorisation, mais difficiles à analyser rapidement. Si votre objectif est de permettre aux utilisateurs de trouver rapidement un exercice pour sculpter un muscle ou une région spécifique, essayez une approche visuelle.
Créez une carte normalisée du corps qui est suffisamment petite pour s'adapter à votre interface utilisateur, mais suffisamment grande pour que les utilisateurs puissent distinguer les groupes musculaires. Pour chaque exercice, mettez en surbrillance les ares ciblés. Ce modèle pourrait également servir de contrôle de filtrage.
Pas exactement comme ça, mais vous avez l'idée.
Classer en termes de objectifs
Les utilisateurs ayant des connaissances limitées et qui souhaitent démarrer rapidement et voir les avantages peuvent commencer par un objectif à l'esprit. Leur objectif pourrait être "perdre de la graisse autour du ventre" ou "comment obtenir 6 paquets rapidement"
Par conséquent, si cette classification peut être abstraite à des modèles que les débutants peuvent saisir et auxquels ils peuvent se rapporter, elle sera très utile.
Je suggère donc de connaître votre base d'utilisateurs. En dehors de cela, faites également des recherches sur la façon dont la motivation stimule l'utilisation continue des applications de fitness. Cela conduira la conception de l'interface utilisateur de manière appropriée.
Quel est l'objectif de montrer la liste des types de muscles? Vos utilisateurs choisiront-ils potentiellement un exercice en fonction du type qu'il cible? En d'autres termes, les balises doivent-elles être utilisées de concert avec un filtre? Peut-être qu'un utilisateur vient dire "je veux travailler sur mes biceps, quels exercices dois-je choisir?".
Que diriez-vous d'une "carte" de tous les groupes musculaires, avec une zone remplie pour le ou les groupes ciblés par l'exercice particulier. Je pense à une petite silhouette humaine debout, avec des zones de couleur contrastante indiquant le ou les types qu'un exercice cible.
Veuillez vous assurer que cette catégorisation des muscles profonds fonctionnera bien pour vos utilisateurs. Sont-ils vraiment si instruits et ces détails ont-ils du sens pour eux? La plupart des applications de fitness utilisent une catégorisation plus générale des muscles, comme l'ABS, le tronc, le haut du corps, etc.
N'ayant pas de connaissances aussi approfondies dans un domaine, je suggère que chacun des exercices ait pour cible principale (un muscle ou deux d'entre eux) et puisse également affecter certains autres muscles. C'est la raison pour laquelle vous avez autant d'exercices.
Ma suggestion est d'afficher toutes les cibles principales, ainsi que le nombre limité de muscles affectés. Divulguez ensuite toutes les balises à la souris sur l'interaction.
Une telle approche fonctionne bien pour la liste des ingrédients sur l'emballage des marchandises. En effet, ils devraient pointer les principaux ingrédients au début, donc dans la plupart des cas, vous n'avez pas besoin de lire toute la liste (vous voyez l'huile de palme au début de la liste et remettez le produit sur la étagère):