Your app's user interface (UI) should focus on articulating the benefits of
using Health Connect, and explain key concepts in a way that enhances user
knowledge of what an integration entails.

Your user experience (UX) should adhere to three guiding principles:

1. **Consistency**: Verify that flows are aligned throughout the integration process.
2. **Transparency**: Be up front in explaining how Health Connect works alongside your app.
3. **Clarity**: Help users access Health Connect through your app.

At a high-level, the UX flow can be broken down into the following stages:
![Health Connect UX flow](https://developer.android.com/static/health-and-fitness/health-connect/images/hc_ux_flow_stages.png) **Figure 1**: Health Connect UX flow

## Assets

Product icons should be used on a white or a very light gray background.
You may also use the icon on a black background if necessary.
| **Note:** All product icons should have a transparent background when placed on a solid background.
![Guidelines for Health Connect assets](https://developer.android.com/static/health-and-fitness/health-connect/images/health_connect_logo_guidelines.png) **Figure 2**: Guidelines for Health Connect assets

Download the following icons:

- Health Connect logo

  [Download](https://developer.android.com/static/downloads/assets/health_connect_logo.png)
- Health Connect logo white

  [Download](https://developer.android.com/static/downloads/assets/health_connect_logo_white.png)