Xema App Experience

So far, I have been able to get the Xema app reasonably working with functionalities such as Google Sign-in, LLM Chat, the eczema trigger page, and ongoing eczema feedback.

Finally, I am able to provide a glimpse of what the Xema App UX looks like so far:

      Home/Landing Page                          Trigger Page                                   Chat Page

Home/Landing Page

The home/landing page provides the user with a few different things:

1. A place to navigate to other app pages such as the chat page, eczema trigger page, or the sign-in page, by clicking the logo in the top left.

2. Provides a quick glance at the user’s current location’s weather parameters like temperature and relative humidity that may affect their eczema.

3.      It is also the page where the app shows the UX to seek user feedback about their daily eczema experience as shown above.

4.      Finally, the three vertical dots at the top right of the home page allow users to change their temperature settings from Fahrenheit to Celsius.

Trigger Page

This page quickly allows the Xema app to understand about a user’s eczema triggers, which helps Xema AI to understand the user better, and provide more personalized responses as shown on the Chat Page.

Chat Page

The chat page provides a simple and intuitive page to allow users to chat with Xema AI, to ask about eczema or any other health-related topics. As you can see, through other contextual information such as the user’s eczema trigger, ongoing eczema feedback, and forecasted or historical weather, Xema AI is able to respond to queries such as:

I am traveling to Los Angeles in January. What can I expect my eczema symptoms to be while I am there?

Sign-in Page

The sign-in page, as shown above, provides a simple and clean way for users to sign into the Xema app, using their Google account. With the app’s basic functionality working, I am now in the process of adding the app to Google’s Play Store.