In order to give you a better service Airbus uses cookies. By continuing to browse the site you are agreeing to our use of cookies I agree

Avatar

An avatar is a circular image used for representing a unique user.

Usage

An avatar is a photographic representation of a user (usually a portrait). Users themselves generally upload it within the app’s configuration panel or via an enterprise’s directory service. The avatar can stand alone, but is often associated with a username. This allows users to see quickly that they are logged in to the correct account. It is also used to personify users and render them more human for other app users (a face is much easier to recognize by the human brain).  Moreover, contextual information may be displayed with a click on the avatar (profile, account configuration, replacing the photo, etc.). 

 

Image not available

It does happen that some users have not yet uploaded a photo, or no image is available (for a guest user, for example). In these cases, an image placeholder is used by default.

Avatar

Presence

You can add a person’s availability to their avatar (notably when used in a chat). The four available statuses are: available, away, do not disturb, offline.

Avatar_Status

Best practices

- Choose displaying the avatar when the display area is not large enough to show the user’s full name.

- When the avatar is displayed, display the name using a tooltip.

- Do not authorize two different avatars for a sole user.

- Always frame the uploaded image on all sides where it is shown.

 

Placement

The avatar comes into play when it is necessary to visually identify a user, which could be in a login area in the app header, or in a chat post, or in a work group restricted to certain users, for example.

Visual

Appearance

The avatar is displayed as a circle. Two types of avatars exist: photographic or placeholder (when the former has not been provided). 

 

Behavior

Each avatar is accompanied by a status dot. Four statuses are available: available, away, do not disturb and offline.

Avatar_Visual
Back to top