Je travaille sur un petit projet pour iOS. J'ai mis en place une page où l'utilisateur peut voir les tendances actuelles de Twitter. Actuellement, mon interface utilisateur ressemble à ceci:
Je pense que cela semble plutôt terne, mais je ne peux pas penser à une meilleure façon de le faire. Tout conseil sur ce sujet serait grandement apprécié.
Afin de répondre à votre propre question, demandez-vous comment fonctionne cette interface utilisateur et approfondissez ce qui est communiqué à l'utilisateur.
Que fait chaque ligne?
La ou les fonctions des lignes doivent dicter leur apparence. Sont-ils cliquables? Font-ils quelque chose dans la même page ou un lien ailleurs? S'ils sont cliquables et accèdent à une nouvelle page, vous souhaiterez peut-être l'indiquer visuellement.
Comment fonctionne la page?
L'en-tête reste-t-il fixe tandis que la liste indique fixe? Si c'est le cas, différencier l'en-tête des éléments de la liste l'indiquera. En tant qu'avantage marginal, cela pourrait aider à rendre la liste moins "fade".
Quels sont les hashtags?
Cela peut sembler une question stupide, mais cela vaut la peine d'être évalué. Les hashtags sont-ils extraits d'un sous-ensemble de tous les hashtags? S'il est important pour vos utilisateurs de voir la "tendance dans le temps", la catégorie ou la portée géographique, vous pouvez le communiquer quelque part, potentiellement dans chaque hashtag ou dans l'en-tête, surtout si vous avez un mécanisme de filtrage.
Considérations supplémentaires
D'un point de vue purement visuel, un texte aligné à gauche comme celui-ci (dans les langues LTR) améliorera la lisibilité. L'adhésion à une grille alignée à gauche vous permettra de visualiser des indices pour des fonctionnalités supplémentaires d'une manière plus simple qu'une grille alignée au centre.
C'est une mauvaise pratique d'ajouter du bruit visuel. S'il y a des fonctionnalités supplémentaires, elles peuvent réduire le sentiment que la vue est "fade". Si ce n'est pas le cas et que la fadeur visuelle est quelque chose que vous voulez éviter, envisagez de déplacer ce flux dans une vue plus complexe. Il est probablement judicieux de styliser vos autres entrées avant de travailler sur cette liste. À quoi ressemblent et fonctionnent les boutons et la pagination? Vous pouvez remplacer "Paramètres" par l'icône understood bien comprise. Enfin, existe-t-il d'autres listes avec des types de contenu similaires dans votre application? Si tel est le cas, essayez de concevoir des listes en tant que composant cohérent.
Bonne chance!
Eh bien, il semble que toutes vos informations importantes soient disponibles de manière claire pour l'utilisateur.
Quant à le rendre moins "terne", vous pourriez envisager d'utiliser différentes couleurs pour le texte et l'arrière-plan. Mais je ne pense pas qu'il y ait de problème.