# UX Guide

This UX guide is meant to help your team develop an eSIM App. \
It focuses on the user experience and interface components necessary for creating a seamless and intuitive interaction for end-users.

This guide contains essential screens and components of the eSIM App. The components are outlined and linked to the API documentation page.

By following this guideline, developers and designers can align their implementation with best practices in user experience.

#### BUY DATA - Screen Flow 

This diagram illustrates the user's journey to purchase eSIM data within the app. It includes key screens such as the home screen, package selection, country coverage, checkout, payment, installation, and post-installation confirmation. 

<figure><img src="https://744070168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_06ID1EGDSaSa9MhQE%2Fuploads%2FYJmhjzSNNvYmmRRUsHOo%2FScreen%20Flow.%20Buy%20Data.png?alt=media&#x26;token=cb2f4210-433f-434f-80d5-636f09fa0736" alt=""><figcaption></figcaption></figure>

#### MANAGE DATA - Screen Flow

This diagram illustrates the user journey for managing eSIM data. It includes screens for viewing eSIM details, selecting packages, checking coverage, making payments, and accessing support.&#x20;

<figure><img src="https://744070168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_06ID1EGDSaSa9MhQE%2Fuploads%2FLCp2KKABBcO5XoPrbTUJ%2FScreen%20Flow.%20Manage%20Data.png?alt=media&#x26;token=167e3a6f-9aa2-4f74-ac03-8f9a06cbe28b" alt=""><figcaption></figcaption></figure>

{% file src="<https://744070168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_06ID1EGDSaSa9MhQE%2Fuploads%2F8FIernCYsoLdDOjAzP64%2FScreen%20Flow.%20Buy%20Data.pdf?alt=media&token=e98a6fe4-de4a-4e4f-8e8b-f4cf6b039316>" %}

{% file src="<https://744070168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_06ID1EGDSaSa9MhQE%2Fuploads%2FTDOAa45oJpq8iR9fRf3a%2FScreen%20Flow.%20Manage%20Data.pdf?alt=media&token=f3abec03-85bd-4091-ac2c-7bc7e9e95c2c>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.giga.store/guidelines/ux-guide.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.