USeat: Text

Projects from HKUST COMP4461 - Human Computer Interaction

Presented by UST Gang Gang with all heart and passion

What is QuadruBot ?

Smart Dining App for HKUST

QuadruBot is a web-based chatbot created with Rasa that provides intelligent and quick searching experiences in self-quarantine. Included the latest health information related to COVID-19, recommend movies, find workout programs/videos to follow, or suggest some recipes for us. This helps people to save time and decide where to dine.

USeat: Products

Where did it start?

NEEDFINDING

Our group constructed 20 semi-structured interviews on what they wish a robot can help for self-quarantined people

Healthcare

Provide healthcare information
Provide quarantine information

Diet

Recommend daily healthy diet
Help to achieve healthier eating habits

Therapy

Provide medicine info.
Help booking nucleic acid testing

Entertainment

Recommend games & movies
Play music for different moods

Brainstorming

HTA FRAMEWROK

POV: USER PERSONA

POV: REPRESENTING GROUP

COVID-19 test positive

Seeking health monitoring and healthcare advice

Close Contact

Looking for entertainment during the quarantine period

Home quarantine

Looking for workout programs to accomplish gym closure

Looking for healthy and delicious recipes to cook

IDEATION

STORYBOARD

Verification

SPEED DATING

Comments received from interviewees

"The idea is great! It is like an all-in-one chatbot and I can chat and joke around with it. This is so nice"

"When I was going through self-quarantine, I really need some workout suggestions at home"

"Wow this is so creative! And I think it will be even better if we can save the recipes to our phone or computer : )"

App design

All these idea came up with the chatbot QuadruBot

User Interface design

Live Demo and Testing

One of the real user for testing - Krystal Tam

We briefly introduce the main features of QuadruBot to users and invite them to test it. They provided userful feedback for us to further improve the chat!

Video Demo

Function Implementation

FRONTEND DEVELOPMENT

Implemented with HTML and Javascript

Quick Selection

intuitive buttons with images to click as a user input

Video Preview

Shows directed information

Responsive Layout

Provide suitable layout for mobile user

USABILITY TEST

Conduct Zoom interviews and questionnaires with 6 participants. Results are shown below

Participation & Reflection

I was responsible for implementing the frontend software and conducting usability tests. I brainstorm the idea with our UI designer and we decided to convert our own design to a new web application for both laptop and mobile users. For minimizing the development time, I started the project with just simple HTML and javascript. Thanks to the designer's help with the font style, color codes, and object ratios, the development process is smooth and fast. Fortunately, it didn't take much time for building the web app but for testing the API. I can have more time on the usability test. We are all looking forward to further applying our knowledge in the next project.