NATIVE APP USER INTERFACE ELEMENTS

Profile Pictures

Profile Pictures

Overview

Profile pictures are a great way to add customization to your app. Profile pic allows users to edit it using their own image and/or photo. In absence of the user's image/photo placeholder icon/avatar/initials can be used based on your app requirements.

Variations

Usage

Variations

Depending on the location, profile picture can have various sizes and extensions. For example, within a card we use small profile pic circle without any additional information, while in detail page that profile pic is enlarged with additional details as well as a link. Depending where a user can edit their profile pic there has to be a clear CTA to indicate that pic is editable.

Profile Picture

Profile Picture

Profile Picture With edit

Profile Picture With edit

Profile Picture with detail

Profile Picture with detail

Usage

Profile Picture

Profile Picture

Profile Picture with Detail

Profile Picture with Detail

Profile Picture with edit

Profile Picture with edit