web-dev-qa-db-fra.com

Mobile Chat UI - Couleur des bulles

Je me demande pourquoi dans la plupart des chats mobiles, le message que j'écris a un arrière-plan de couleur et du texte blanc (exemple: fond bleu et texte blanc, comme Facebook) et la réponse est sur fond gris avec du texte noir.

La bulle avec un fond bleu et un texte blanc se démarque davantage que la réponse, ce que l'utilisateur va lire.

Je laisse un exemple de ce dont je parle.

Screenshot of chat with coloured text and backgrounds

4
Jaime De Ascanio

En ce qui concerne le contraste sur le fond blanc de l'application, le fond gris offre une faible visibilité. Cependant, pour que vos textes soient lisibles, le contraste est à nouveau augmenté avec un TextColor noir.

Pour que vous puissiez envoyer un SMS, vous devez taper le texte dans la boîte de message, puis appuyer sur Envoyer. Vous savez donc déjà ce qui est présent dans le texte. Par conséquent, il vous offre un fond gris qui n'attire pas l'attention si souvent juxtaposé au fond bleu qui est un nouveau texte envoyé par quelqu'un d'autre.

Ceci est simplement coloré différemment du fait que les textes qui vous parviennent sont plus importants que ceux que vous avez envoyés après les avoir tapés.

Pour la même raison, peu de messagers arrivent également à atténuer la couleur des textes entrants que vous avez déjà lus et à conserver les textes les plus récents sur un ton plus lumineux.

1
Swapnil Borkar

Pour moi, les bulles ne sont que pour le rendre attrayant et visible. Utilisez n'importe quelle couleur correspondant au thème de votre application, assurez-vous simplement que cela ne cause pas de problèmes de lisibilité à l'utilisateur.

2
Fasih

Il n'y a pas de raison solide. Hangouts est le seul à avoir une approche logique sur ce sujet, en utilisant un fond gris pour vos messages vs un fond blanc pour la réponse, de sorte que les messages que vous devez lire ont plus de poids visuel que vos propres messages, que vous devrez lire très rarement .

enter image description here

1
Marc

Étant donné que les messages du répondant sont alignés à gauche, je dirais qu'ils sont plus susceptibles d'attirer l'attention de ceux qui lisent de gauche à droite. Je pense que la sélection d'une couleur primaire et d'une nuance de gris pour les couleurs de fond est probablement effectuée pour maximiser le contraste visuel entre les groupes de messages. Mais il y a aussi un équilibre à cela. Les messages de l'expéditeur sont alignés plus en évidence, mais ont une couleur d'arrière-plan moins importante, tandis que l'inverse est vrai pour les messages du répondant. Les messages du répondant sont alignés de manière moins visible mais ont une couleur d'arrière-plan plus visible.

La couleur de la police est probablement arbitraire puisque la populaire application WhatsApp Android utilise la police noire pour les deux ensembles de messages.

1
Andre Dickson