activate
your skills

activate
your skills

This student/entrepeneurial project prompt was to design
an AI occupational therapist app.

The product.

Hustlr is an AI occupational therapist app that helps anyone to grow a side job from their MBTI personalities types and skills.

Project duration.

February-March 2023

The problem.

Many people nowadays are obliged to pursuit careers merely to pay their bills and duties instead of follow their interests and hobbies.

Project goal.

To help individuals grow side businesses from that fit their personalities, interests and hobbies.

My role.

Lead UX Designer, UX Researcher, UI Designer, Illustrator and Brand Designer.

Tools used.

Figma, Illustrator, Photoshop, Spotify, Google Slides, Google Forms, Miro, Hand-Drawing, Jamboards, WordPress and Elementor.

My responsabilities.

Conducting interviews, paper and digital wireframing, low-fidelity and high-fidelity prototyping, conducting usability studies, accounting for accessibility and iterating on designs. Brand design, brand identity and visual design.

0. Early Research

Accounting the fact that artificial intelligence is a technology still in a state-of-the-art phase, it was overviewed in order to acknowledge how it would affect both the business and the user needs.

So, an «empathy test» to Chat GPT was made in order to understand on how A.I. could be used in an online therapist, and how further it can replace the traditional method.

Advantages of
using an A.I. chat for empathetic purposes.

Accessibility

An occupational therapist app powered by an advanced version of artificial intelligence chat tool can increase accessibility to therapy services. Users can access support and guidance from anywhere, at any time, without the need for in-person appointments. This is especially beneficial for individuals with mobility limitations, those living in remote areas, or individuals with busy schedules.

Continuous Support

The app can provide continuous support to users. They can engage with the system whenever they need assistance, without waiting for scheduled therapy sessions. This immediate availability can help users manage their conditions, cope with challenges, and receive guidance promptly.

Cost-effective

Traditional therapy sessions can be costly, and the expenses can add up over time. An occupational therapist app using an advanced ChatGPT version can provide a more cost-effective solution. Users can benefit from therapy support at a fraction of the cost of in-person sessions.

Personalized Experience

Advanced versions of ChatGPT can be trained on a vast amount of data and can adapt to individual user needs. The app can tailor therapy recommendations, exercises, and interventions based on the user’s specific condition, preferences, progress, and goals. This personalized experience can enhance the effectiveness of therapy and improve outcomes.

Convenience and Privacy

Some individuals may feel more comfortable opening up about their challenges and concerns through a digital platform rather than face-to-face interactions. An occupational therapist app can provide a private and secure environment for users to express themselves openly and seek guidance without fear of judgment or stigma.

Self-Paced Learning

The app can provide educational resources, exercises, and self-paced learning modules for users to improve their skills and well-being. Advanced ChatGPT versions can explain concepts, demonstrate techniques, and provide feedback, fostering independent learning and empowerment.

Scalability

An occupational therapist app powered by an advanced version of ChatGPT can scale its services to reach a larger number of individuals simultaneously. The app can handle multiple user interactions simultaneously without compromising the quality of care or increasing waiting times.

Data Collection and Analysis

Advanced versions of ChatGPT can gather valuable insights from user interactions. The app can collect data on user progress, challenges, and preferences, helping occupational therapists identify trends, adapt therapy approaches, and improve overall treatment outcomes.

Disadvantages of
using an A.I. chat for empathetic purposes.

Lack of Human Connection

ChatGPT, despite its advancements, is still an artificial intelligence system. It may not fully replicate the empathetic and intuitive nature of human therapists. Some individuals might prefer face-to-face interactions and the emotional support that comes with them. The absence of human connection could limit the therapeutic relationship and impact certain individuals’ engagement and outcomes.

Limited Non-Verbal Cues

Non-verbal cues such as body language, facial expressions, and tone of voice play a crucial role in communication and understanding during therapy. ChatGPT, being a text-based system, cannot perceive or respond to these cues. This limitation may hinder the accuracy of interpreting user emotions, potentially affecting the quality of therapy provided.

Misinterpretation or Miscommunication

Advanced versions of ChatGPT can generate coherent responses, but they are not infallible. There is a risk of misinterpretation or miscommunication between the user and the AI system. The system may misunderstand user inputs or provide responses that are not entirely accurate or suitable for the user’s specific needs. This could lead to confusion or potential harm if users rely solely on the AI-generated information.

Inability to Handle Crisis Situations

In critical situations or emergencies where immediate intervention or human judgment is necessary, an AI-based occupational therapist app may not be sufficient. The app might lack the ability to recognize and respond appropriately to urgent mental health concerns, self-harm or suicidal ideation, or other crisis situations. Human intervention and support are crucial in such instances.

The use of AI in therapy raises ethical and legal concerns. It is essential to ensure user privacy, data security, and confidentiality. There is also a need for clear guidelines on the limitations and capabilities of the AI system, informed consent, and the responsibility of the developers and therapists involved. Compliance with relevant regulations and standards is necessary to protect user rights and well-being.

Dependence on Technology

Relying solely on an AI-based occupational therapist app may foster dependence on technology for therapy. Some users might become reliant on the app and avoid seeking traditional therapy or face-to-face interactions when needed. It is important to strike a balance and emphasize the app’s role as a supplement to traditional therapy, rather than a complete replacement.

Lack of Tailored Physical Interventions

Occupational therapy often involves physical exercises, interventions, and adaptations specific to an individual’s needs and condition. An AI-based app may not be able to provide hands-on guidance or physical demonstrations required for certain therapies. Users might miss out on the tactile and personalized aspects of occupational therapy that are crucial for their progress. without compromising the quality of care or increasing waiting times.

Bias and Limitations of Training Data

AI systems like ChatGPT are trained on large datasets, which might contain biases or limitations. If the training data is not diverse or inclusive, the AI system may inherit or perpetuate those biases. Occupational therapy should be sensitive to individual differences, cultural contexts, and diverse populations. Ensuring the AI system is trained on diverse and representative data is crucial to avoid biased or inaccurate recommendations.

1. User research

Interviews were conducted and empathy maps were created in order to understand users and their needs. Two groups were identified to through research: professional status and xNFx MBTI personalities. These user groups were divided from their different approaches:

1) professional status could help identify their levels of satisfaction with their jobs, if employed. If unemployed could help identify their pain points on creating a liberal and autonomous activity.

2) Tending Intuitive and Feelers MBTI types individuals (XNFX) which are the user group that tend to be unsatisfied with the most practical sides of sensorial daily life.

Pain point I

Many individuals have jobs that don't fit their interests and hobbies

Pain Point II

An O.T. is not a well-known choice and can be an expensive service.

Pain Point III

Many individuals don't have time or/and space to know more about themselves.

Pain point IV

Many individuals rely on apps that promote biased echo-chamber opinions rather than professional assistance.

Meet

Běla Kafka.

32 years old (almost 33) store replenisher.

Lives in Prague with her boyfriend
and 2 cats.

Uses Quora, Reddit and Pinterest in a daily basis.

Frustrations.

She spends most of her time scrolling and connecting with echo-chambers;

Feels that her routine is not mentally healthy;

Feels that she had no significant accomplishments so far;

Her job does not allow her to have side money for future plans.

 

Goals.

To healthly convert her use of mobile phones.

To find a side job that may work out as an hobby;

To feel that her accomplishments are not meaningful;

To earn side money for her short term and long term plans.

Meet

Běla Kafka.

32 years old (almost 33) store replenisher.

Lives in Prague with her boyfriend and 2 cats.

Frustrations.

Feels that her routine is not mentally healthy;

Feels that she had no significant accomplishments so far;

Her job does not allow her to have side money for future plans.

 

Goals.

To find a side job that may work out as an hobby;

To feel that her accomplishments are not meaningful;

To earn side money for her short term and long term plans.

I

INTROvert

Bela is typically reserved and energized by being alone/with individuals she praises and trusts. She feels more comfortable focusing on her inner thoughts and ideas, rather than what's happening externally. However, Běla also tends to be very sociable and friendly.

N

Intuitive

Bela's hyper sense of observation allows her to easily access the information he needs when it comes to making a decision, with limited need of acessing proof or evidence.

F

FEELER

Bela tends more to be aware of not only her own emotions but the emotions of others around her , making her protective of those she values. Also, she tends to interpret information based on emotions and empathy rather merely on logic.

P

PERCEIVER

Bela tends to become aware of, know or identify by the means of senses , making her a perceiving-oriented individual. She also tends to plan less and adapt better to change.

A

Assertive

Bela tends to be more calm, confident and laid-back, and less anxious about external information.

2. User Journey Map.

To empathise with Bela, it was also a created empathy maps and user journey map to dig deeper into each stage that Bela goes through while starting a session into Hustlr.

31.Problem Statement

Bela user name is an 32 years old supermarket replenisheruser characteristics who to earn side money from an hobby that fits her personality and soft/hard skills,user need because she wants to accomplish some short and long term plans. insight

32.Hypothesis

If Bela downloads our Hustlr app action then she is able to earn side money from her soft/hard skills outcome

4. Ideation

Some rapid ideas were drawn in order to speed-idealize what could the user flow amuse the user on a such atypic process of finding a side hustle with a AI ocupational therapist.

5. Competitive Analysis

Wysa

Woebot

Limbic

RiseUp

Ability to host virtual events

Ability to customize characters

Immersive UX on mobile devices

Good mobile experience

Good desktop experience

Outstanding features

Acessibility features

User Flow

Navigation

Brand Identity

UX Reference

UI Reference

61. User Flow

After exploratory and market research, I had gotten a fair understanding of the primary user flows for an AI ocupational therapist. User flow allowed me to see the complete app experience at a holistic level.

Furthermore, this flowchart helped me make a checklist of all the pages to be designed.

7. Storyboard

Big picture storyboard.

Based on the hypothesis, I did comics sessions for all the top use cases, to better understand the user flows in two points of view: big picture and close-up approaches.

This laid down the initial ideas for the app. These designs were subject to pivot/change based on the formative and competitive research.

Bela is a cashier at a czech chain supermarket and feels that her life is not fullfilling as she would like.

Everytime she passes a product at the reader, the 'beep' sounds louder and louder, as expenses grew bigger and bigger.

Until one day, a particular 'beep' woke her up, big big time.
Time to reset, hustle and move on!

Bela installed Hustlr to get to know how she could apply her soft and hard skills.

And discovered she could make a really good freelancer UX Designer!

And now, she is living by her own terms and conditions :')

8. Paper wireframes

This laid down the initial ideas for the app. These designs were subject to pivot/change based on the formative and competitive research.

9. App's Lo-fi prototype

This laid down the initial ideas for the app. These designs were subject to pivot/change based on the formative and competitive research.

10. Usability Testing

To test the low-fidelity prototype with real users it was planned a usability testing session.

Introduction

February 21st 2023

  1. start and complete the straightforward user flow’s process without the need of a tutorial.

Methodology

Time On Task;

Use of Navigation;

User Error Rates;

System Usability Scale.

Research
questions

A)  To determine whether users are able to complete core design tasks within the lo-fi prototype: 

  1. Start a session
  2. Engage with Sophia, the AI ocupational therapist.
  3. Get the MBTI Assessment result
  4. Get the Final result
  5. Enroll in a course

 B)  To gather feedback from the process of completing the previous steps

Participants

Participants will be divided into genres (3x Male and 2x Female) and work status  (2x employed and 3x unemployed); 

Participants will be 25-35 years old;

One extra participant with special disabilities will be included;

KPIs

How long does it take a user to design a wedding venue in the app?

What can we learn from the user flow, or the steps that users take, to find two types of test results?

Can users complete all the steps?

Are there parts of the user flow where users get stuck?

Are there more features that users would like to see included in the app?

Do users think the app is easy or difficult to use?

Schedule

Unmoderated usability study

Location: Lisbon PT, remote (each participant will complete the study in their own home)

Date: Sessions will take place on February 25, 2023

Length: Each session will last 30 to 45 minutes, based on a list of prompts, with a SUS following the study

Compensation: Free expresso and snack

11. Affinity Mapping

Observations were divided and categorized from usability testing sessions:

MBTI personality assessment

"I think it is important to have an optional page to check a more ellaborated report"

""I don't feel the results to express my personality, even thou I felt like an UX/UI designer... I think it should be more elaborated"

"I would like to read the full report about my personality as it is a really important question: I wouldn't like to feel an app is judging my personality, and a full report would help"

Hustlr's Community

"It should be possible to chat with other users to get a 2nd approach of the action itself"

"I would love to get in touch with Taras and possibly be mentored by him, for example. He looks like an example I would love to follow."

"I think the app and everyone could gain from the fact the community is talking to each other. Like a hustlers' community!"

Final Results

"I think full descriptions about the courses and more information about the MBTI/Results reports should be side pages, in order to maintain the focus in the primitive task"

"It's important not to feel judged by a new technology like the AI, specially if it is meant to be a ocupational therapist"

"I like the way it envolves empathy without needing the empathy of a 'psychology professional'. People may feel connected to the MBTI results, it's like you are getting to re-know you"

Display

"I think to mix the two main colors draw me away from the most important step to be followed"

"I would make the green the only popup color of the dashboard to be sure what to do next""

"I think it looks more like linkedin-ish if it would be cool-blue all around"

Course Enrollment

"People may not feel secure on enrolling so fast in a course. Normally, they tend to think, re-think and re-think again about a such important decision."

"It would be important to get to know how this engagement would work in the future. People may use this and lose motivation. Reminders in a daily base could work..."

Sophie, the AI ocupational therapist

"It's kind of weird to engage with an AI ocupational therapist, even thou I know in advance that I will get no empathy."

"Should I trust in what an AI tells about me" (asks before starting the MBTI assessment)

"It's important that Sophie, as an AI computer based psychology professional, does not try to figure it out things about me. However, I think that mathematics and algoritms could work in what I could wish to follow, after all"

12. Pattern Identification

It was observed:

Insights:

It was observed that 3 out of 5 would like to know more about their MBTI test before heading to the final results. This means that it is important make the user secure about both the process and the results.

Most users would like to feel ensured by a full description of the MBTI personality test results, an insight is: an option to read a full report about their MBTI tests should be included.

It was observed that 5 out of 5 would like to know what the metrics that lead to their final results. This means that it is important make the user secure about both the ongoing process and the final results.

Most users felt neutral about the end of the session, an insight is: an option to read a full report about their ideal side job is needed.

It was observed that 3 out of 5 participants would like to get in touch with other members of the community. This means that it is important to make it fully interactive and intercommunicative.

Most users would like to get in touch with other members of the community for mentorship, an insight is: an option to message other members should be included.

It was observed that 2 out of 5 would like to get his MBTI results represented with an avatar image to feel connected to them. This means that it is important to add avatars for amusement and as an identification feature.

Some users would better feel connected with a MBTI personality avatar feature: an illustration of each MBTI should be included in the hi-fi prototypes.

It was observed that 4 out of 5 find the use of one pop-up color (green) more friendly to their user flow. This means that it is important include a more friendly graphic display.

Most users would like a more friendly display rather than professional: green should be presented as the main color and blue as additional color.

13. Brand Design

Color Palettes

#7B0252

#455B64

#E0E0E0

#FAFAFA

#FFFFFF

Typography

Initial Tutorial

Poppins Semibold 28px 600weight 0spacing

Titles I

General Buttons

Messages

Top User Names | Back Buttons

User Descriptions II

Top Messages | Course Descriptions | User Descriptions

User Tags

Poppins Semibold 16px 600weight 0spacing

Poppins Medium 16px 500weight 0spacing

Inter Medium 16px 500weight 0spacing

Inter Bold 16px 700weight 0spacing

Poppins Semibold 14px 600weight 0spacing

Poppins Medium 14px 500weight 0spacing

Poppins Regular 11px 400weight 0spacing

Logo Design

The logo came up from the ideas of 'call-to-action', 'steering' and 'buttons'.

After defining the round shapes as the main core of the app's UI to express a more fun less professional approach, it was defined the call-to-action button as the main inspiration for the Hustlr's logo and naming.

121. Final App's UI Designs

131. Website's Architecture

132. Final Website's UI Designs

14. Accessibility Considerations

Colour Contrast Display

In order to organize the multiple static and sticky elements, a #F5F5F5 background colour was joint with three additional contrast colours.

Gestalt
Principles

Similarity, continuation, closure, proximity, figure/ground, and symmetry & order were considered.

15. Next Iterations

Screen
Reader

A screen reader for the inclusion of impairments /for a better sensorial experience should be added.

Voice Conversation

Voice conversation will be tested in order to increase "human warm" interactions to the AI chat mode.

Community Features

A Quora/Reddit community base will be tested in order to enhance empathy features.

Human
Supervision

A version with human supervision will be tested in order to handle live crisis situations.

Thanks for your time! 😊

For additional information/further contact,
please reach me up by email:

hello@marcosousa-uxui.com