TransWikia.com

How can I better convey the idea of "message sent"?

Graphic Design Asked on October 27, 2021

Currently, I am designing a mobile screen where the user can send a message to their friends.

enter image description here

In order to show that their message has been sent, the upper right hand corner check-mark goes from black to a greyed out double check-mark (i.e. from a pressable button to a non-pressable icon).

However, I am not really that happy with this design – I feel that it is not intuitive enough. I am wondering what I can do to improve it and better convey the idea of "message sent" to the user.

CLARIFICATION EDIT:

I have already used ✗ to represent "back/cancel", ✓ to represent "okay/confirm", and ✓✓ to represent "message read" – in other parts of my application design. Also this is not mean’t to be a modal popup.

One Answer

Keeping it simple, and without any actual text....

...a black, right-pointing, arrow (intuitively meaning "next")...
...... and a grey check mark (intuitively meaning "done")...

enter image description here

Although.. I'd also maybe want to alter the text at the top and screen that back as well....

enter image description here

As for "other areas" outlined in the question.. I'd change the "message read" from √√ to simply √. If an "unread" icon is needed, then an empty square or circle.

Answered by Scott on October 27, 2021

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP