Arizona Water Chatbot

Arizona Water Chatbot

Arizona Water Chatbot

Arizona Water Chatbot

Role

UX Researcher



UX Researcher




UX Researcher

Timeline

Jan-Feb 2023



Jan-Feb 2023

Skills

Interaction Design

User Research
UX Design
Visual Design

Interaction Design

User Research
UX Design
Visual Design

Tools

Figma

Spline

Adobe AfterEffects

Figma, Spline, Adobe After Effects

Arizona Water Chatbot

The Arizona Water Innovation Project leverages funding grants to incorporate OpenAI's GPT-3 into a custom-made chatbot. This uses generative AI and nature-inspired language processing to disseminate water-centric information to inhabitants

My Role

As a UX researcher, I improved the chatbot's UI and prompts using impactful user research and data analysis, with a focus on understanding Arizona residents' needs, current information-seeking behaviors, and challenges in water-related inquiries. The objective is to craft a user-friendly, intuitive, and informative interface for presenting accurate information to residents.

The Challenge

Users struggle with specific questions, long wait times, and lengthy answers, poor UI structure, making it difficult for them to get the right and precise information. Therefore, it seeks to increase timely engineering skills, reduce response times, and improve the overall user interface, with a focus on developing user-friendly language for seamless user experience of water-related information to Arizona people.

Analysis of User Interaction with a Chatbot

By conducting observational user studies and conducting interviews with 4 residents of Arizona, I was able to assess their water-related knowledge and identify particular questions they may ask a chatbot in general. Our task required us to look at a variety of approaches, including ethnographic research, competitive analysis, and user interviews, to better understand our users' true requirements.

Unveiling Insights and Key Discoveries

After analysing the user data that was captured during my research, it was found that:

⁉️ Questions

Users faced challenges in formulating precise queries or determining what to ask the chatbot.

Users faced challenges in formulating precise queries or determining what to ask the chatbot.

Users faced challenges in formulating precise queries or determining what to ask the chatbot.

Users faced challenges in formulating precise queries or determining what to ask the chatbot.

⏱️ Time

Prolonged wait times for the chatbot's response proved to be a significant issue for users.

Prolonged wait times for the chatbot's response proved to be a significant issue for users.

Prolonged wait times for the chatbot's response proved to be a significant issue for users.

💻 Length of Answers

Users expressed fatigue from lengthy answers generated by the chatbot, making it hard to read.

Users expressed fatigue from lengthy answers generated by the chatbot, making it hard to read.

Users expressed fatigue from lengthy answers generated by the chatbot, making it hard to read.

Users expressed fatigue from lengthy answers generated by the chatbot, making it hard to read.

Setting the project goals

Enhanced
prompt
engineering

Enhanced
prompt
engineering

Reduce response time

Reduce response time

User-friendly responses

User-friendly responses

Improved user interface

Improved user interface

Tailoring the Chatbot Experience through Crafted User Personas

I was assigned to focus on "Young Internationals" based on interviews and analysis. These target users display qualities such as curiosity, trust, and a need for personal assistance. When creating user personas to represent our target audience, I carefully created them to reflect common user behaviors and motivations.

Ideating solutions

While ideating over the existing design, I was focused on conveying necessary information while maintaining clarity and maximizing flexibility for the user. Below are some explorations of various elements:

  1. Locating the resource links was challenging to the users as it had no indication. To address this issue, a link icon and hyperlinks were introduced to enhance user recognition and ease of access.

INITIAL
Resources Section

FINAL
Hyperlinked Section

  1. A history restoration feature has been implemented, enabling users to navigate and review their past prompts, providing them with access to their prompt history.

Provision of Chats History

  1. The length of the prompt was either too long or difficult to segment for reading. Readability has been enhanced by incorporating keyword highlights, changing font weights, and breaking up the text.

INITIAL
Longer Answers

FINAL
Clear and Concise

Wireframing

After conceptualizing potential solutions for the chatbot, I proceeded to create wireframes encompassing the most viable ideas to enhance and address the user needs. The primary objective of my solution was to craft a tailored experience.

Prototyping using Figma 💖

My first version was a chatbot-oriented approach where I had to de-clutter the existing interface.

It however failed to provide the friendliness that I wanted to incorporate. In version 2, I decided to incorporate a conversational style of chatbot.

This still felt clunky and in my third revision, I had enhanced with customizability, and incorporated the solutions that I had ideated before.

Usability Testing and Feedback

To assess the effectiveness of the redesigned ASU water chatbot featured in my portfolio, I conducted usability testing through multiple iterations. The primary goal was to evaluate the user-friendliness, functionality, and overall performance of the chatbot. Participants engaged with the chatbot to inquire about various water-related topics relevant to the ASU community.

Future Goals and Scope


Once I discussed with Prof. Claire and my teammates, as well as from our peer teams providing their views, we thought having emergency contact numbers provided rather than links to other sites would ensure that it is more helpful for users as well as from the business-centric point of view, users would not leave our site and navigate in a different one.

Replacing the links section with an enhanced version of Emergency contact page that is interactive and easy to navigate is what we are working through right now and would definitely implement into our prototypes.


Once I discussed with Prof. Claire and my teammates, as well as from our peer teams providing their views, we thought having emergency contact numbers provided rather than links to other sites would ensure that it is more helpful for users as well as from the business-centric point of view, users would not leave our site and navigate in a different one.

Replacing the links section with an enhanced version of Emergency contact page that is interactive and easy to navigate is what we are working through right now and would definitely implement into our prototypes.

✦ JEEVAN PRANAV ✦ UX DESIGNER
A portrait of a young man smiling
✦ JEEVAN PRANAV ✦ UX DESIGNER
A portrait of a young man smiling
✦ JEEVAN PRANAV ✦ UX DESIGNER
A portrait of a young man smiling
✦ JEEVAN PRANAV ✦ UX DESIGNER
A portrait of a young man smiling

Let’s

work

together.

I'm actively looking for Summer 24' internships. Let me know if you're looking for a digital designer.
Let’s talk about the next big thing!

I'm actively looking for Summer 24' internships. Let me know if you're looking for a digital designer.
Let’s talk about the next big thing!

© Built with 🩷 on Framer

© Built with 🩷 on Framer

© Built with 🩷 on Framer

© Built with 🩷 on Framer