web-dev-qa-db-fra.com

Carte de couleur blanche au sommet d'un fond blanc

Je construis un iOS only application qui aide les utilisateurs à comprendre leurs données Twitter.

Je ne sais pas quelle est la meilleure pratique en termes d'expérience utilisateur et d'exception utilisateur. J'utilise des cartes blanches pouvant être pressées , qu'en appuyant sur la carte, cela l'amènera à un nouvel écran avec plus d'informations sur la carte pressée.


Quelques questions:

1) Ai-je abordé la bonne façon?

2) Les utilisateurs comprendront-ils que la carte est cliquable?

3) Est-il trop difficile de numériser en raison du montant/de la commande des cartes?


Question bonus:

Conception/interface utilisateur, est-ce acceptable?


Merci!

enter image description here

2
Roi Mulia

Je trouve que l'approche est correcte et je pense que c'est ok d'avoir des éléments interactifs qui peuvent être cliqués dans une disposition de carte. Utiliser le même style que dans le reste de l'application pour les éléments cliquables devrait suffire à suggérer le lien. Vous pouvez changer la couleur des éléments en bleu au survol et au curseur. Vous pouvez ajouter une flèche après le titre cliquable.

Pour la dernière question, est important le contenu des cartes .

Même s'il s'agit d'une application IOA, le style semble être Material Design.

Vous pouvez trouver plus d'informations sur les cartes ici: Material Design - Components - Cards .

Quand utiliser

Utilisez une présentation de carte lorsque vous affichez du contenu qui:

  • En tant que collection, comprend plusieurs types de données, tels que des images, des films et du texte

  • Ne nécessite pas de comparaison directe (un utilisateur ne compare pas directement des images ou du texte)

  • Prend en charge le contenu de longueur très variable, comme les commentaires
  • Contient du contenu interactif, tel que des boutons +1 ou des commentaires
  • Serait autrement dans une liste de grille mais doit afficher plus de contenu pour compléter l'image

Vous pouvez trouver sur Material Design - Components - Cards un exemple similaire, mais veuillez noter que les cartes ne sont pas nécessaires si vous avez un contenu homogène. enter image description here

Le fond blanc des cartes est correct avec l'ombre sur un fond clair si vous avez besoin d'un effet subtil.

enter image description here

1
Madalina Taina