Mobile app version of vmapp.org
Login or Join
Frith110

: How to Indicate "offline" in a "send message" icon? I have an icon that looks like a chat bubble to send a message to a user. Now, you can send a message both to an online and offline

@Frith110

Posted in: #Critique #Icon #WebsiteDesign

I have an icon that looks like a chat bubble to send a message to a user. Now, you can send a message both to an online and offline user. I'm trying to have two different icons.

Right now they are only separated by color, where the online icon is filled with green. However, I want a visual indicator that is not dependent on color.

I have considered adding a slash over the icon but then I'm afraid the users will believe that you can't send a message to a offline user. Any suggestions?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Frith110

1 Comments

Sorted by latest first Latest Oldest Best

 

@Jennifer810

You could use filled / empty to differentiate both states. Skype does that: if the user is offline, the icon is empty. Else, it's filled with the color representing the user's status (Away / DND / Online). You can see at a glance who's online and who's not, and that is independent of the colors you choose for your icon' states.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme