Avatar

Visual representation of a user

When to use an avatar

User Identification

On any platform with user-generated content, avatars help users identify and distinguish between different contributors.

 

Communication

In chat applications, messaging platforms, or collaborative tools, avatars are super helpful in keeping track of conversations and identifying the speakers.

 

 

Behavior

See a person’s status

Avatars can include a presence badge to indicate the status of that person.

 

 

Best practices

Accessibility

Individuals with visibility impairments may encounter challenges in perceiving the icon displayed on medium avatars (32 pixels) and smaller, particularly within presence badges. To enhance accessibility, provide a textual representation of the avatar's status, such as a tooltip, whenever feasible.