Tuesday, March 3, 2015

Mobile Chat UI - Color of the bubbles


I'm wondering why in most mobile chats the message I write has a color background and white text (example: blue background and white text, like facebook) and the response is on grey background with black text.



The bubble with blue background and white text stand out more than the response which is what the user is going to read.


I leave an example of what I'm talking about.


Screenshot of chat with coloured text and backgrounds



Answer



With respect to contrast on the White background of the application, the Gray background offers low visibility. However, in order for your texts to be legible, the contrast is bumped up again with a Black textColor.


In order for you to text, you need to type the text in the message box and then hit send. So you already know what's present in the text. Hence, it offers you a gray background which doesn't catch the eye so often juxtaposed to the Blue background which is a new text sent by someone else.


This is simply colored differently for the fact that the texts that are incoming to you are more important than the ones you have sent after typing them out.


For the same reason, few messengers also happen to tone down the color of the incoming texts which you have already read and keep the newer texts in a brighter tone.


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...