UX Portfolio

Portfolio Portfolio Portfolio Portfolio

Check demo video here

“An APP and product to help female get through primary dysmenorrhea”

Inspiration

suffer from dysmenorrheaintenseevery month.

Plaint aims to improve the experience of users who suffer from dysmenorrhea and premenstrual syndrome

By turning the pain into the process of germination of a plant users can distract themselves regulate breathing and relieve pain. I is also a good way to take selftrac king and help users pay more attention to their health

The monthly pain prevents them from concentrating on their studies with friends or even contacting others on their mobile phones.

Health Pain Some people even need to resort tosuch as vomiting to relieve pain. health-threatening means

Do women need to endure such pain for no reason just of their gender?

As a woman and designer empathiz

Premenstrual syndrome has negative effects

Premenstrual period Syndrome

help these girls

I hope this design w ease the effects of dysmenorrhea and enjoy life and love themselves better.

Research Questionnaire 0 10 20 30 40 50 60 70 80 Occurrence and severity Prediction method and accuracy

21.5

hom suffered

Degree of pain

of the respondents thought they could predict thoughtthethe

ffect 02

Severe pain edium pain ild pain ccurate ot very accurate ot accurate otally cannot

1. T

here are common menstrual problems

Many women around me

To gain more profound understanding of useful solution, I classify them into drug based solution and noun drug based solution. Then, their advantages and disadvantages are derived based on online information and personal experience.

Ibuprofen is an antipyretic and analgesic drug and a non-steroidal anti-inflammatory drug. This product can reduce the synthesis of prostaglandins and ease pain.

Treatment Most common drug

Ibuprofen is an antipyretic and analgesic drug and a non steroidal anti-inflammatory drug. This product can reduce the synthesis of prostaglandins and ease pain.

Empathy map Personas

By observing and recording women in the menstrual period and collating the information using empathy maps, more potential problems can be found.

Average age: 21

Average time: 3 days

Methods: Record, interview, and observe

Through two typical user portraits, user pain points and design goals are clarified

Sandy

Age 21 ob College student,senio

Symptom: Severe pain in every period, anxious

Behavior

People want to take drugs but are afraid of addiction and side effects.

Some people think it is unfair that only women have dysmenorrhea.

Students at the age of incidencehighof menstrual pain

Slight abdominal pain is a sign of severe breathing,pain/Difficulty cold sweat, soft legs/ Declining learning efficiency, dizziness...

Take arginine ibuprofen at once/ Drink hot water/Have a rest/ Emetic ASAP...

Side effects/Drug resistance/ Afraid of drug addiction/Mom’s disagreement... What measures will be taken?

Is there anything wrong with this process?

Why refuse to take medicine?

conclusion1

Afraid of drug resistance and side effects/Worry about medication mistakes...

Individua difference Miss Deng

Shanghai Institute of Pharmacy

and producing painkiller.

During the absence due to dysmenorrhea, people will have serious anxiety due to the decline in work and study efficiency.

The time becomes very long when it hurts.

posture To lie on one s side and curl up.

Sudden onset of moderate pain, decreased learning efficiency, recording with mobile phone notes.

Pain point

Serious anxiety due to reduced efficiency, reluctance to take painkillers, fear of sudden onset of side effects that will affect normal studies, forgetting to record.

Needs

Record and predict pain and various symptoms, relieve anxiety during the period.

Sherry

Age: 19

Job College freshmastudent, n

Symptom Severe pain in every period and anxiety

Pain point

Behavior

Absent due to severe pain, taking ibuprofenarginine and staying in bed

Hate her feminine identity when in pain, and severe pain before and after the efficacy.

Needs

Resistance to drugs leads to increased menstrual pain.

Drugs can on y re ieve physica anxiety and stress in other ways

New pain relieving and recording mode can improve dysmenorrhea cognition and enhance gender identity.

The blank state of mind magnifies the pain feeling and make people feel that the process is longer

Anxiety increases the burden

Gender cognitive contradiction

Disagreement and pity for women s identity

educed efficiency and absence of pain create anxiety , it can help users relieve pain, thereby making up for the shortcomings of existing methods.

Reduce women s physical pain, anxiety and stress during dysmenorrhea. help users alleviate the anxiety and the s identity cognition.

Ovary Dysmenorrhea Ability to give birth

the pain and destruction the ability to breed new life. the implicit part Self tracking Plant My library Current period Mood Sharing

Gate control theory and neural matrix theory believe that diverting the user’s attention can help them relieve pain feelings.

Plain helps users relieve severe pain during dysmenorrhe a

Check Info/ Connect

Grow Picture Share Save

My plaint

Germination Ability to be a new Chat

Abdominal breathing can accelerate blood circulation and effectively relieve abdominal dysmenorrhea. Summary Data share

Actual time data Message My data Community enables them to communicate with more people and get professional medical advice

Mine provides users with information query function

turn History Message

dysmenorrhea into a process of plant growing, hoping that women will not only focus on pain itself, but also remind themselves of their and enormous fertility gender identity. Comment Like

allowed to distract while completing breathing tasks. Check data Check data Share data Prediction AI Helper Online doctor

It is composed of three parts: Self tracking See your plaints C recordheckdata

Plant page

Plaint

Record your daily symptom Plant your pain

Check your period calendar and data

S andhareget advice #

Welcome Sign up Basic information Me page Community Check or save

C analysisheckdata C summaryheckdata Share your mood Check messages Talk with others Ask for help

Tag your graph to illustrate the symptom

Product

Pat twice to start and connect to Bluetooth.

Put your finger on the touch point.

The transparent front can display the user s interior data flowers, which can help users overcome their and increase their . menstrual shame gender identity

Stick the bottom to any place that needs warmth.

Suddenly feel the premonition of dysmenorrhea when studying.

Stop working because of menstrual pain and other symptoms. 1 2 4 5

Start plainting, adjust my own breathe, and see the flower growing.

Less pain.

After the pain, get a special flower and data.

Hard skills include basic operations and advanced operations under each branch, which is suitable for division and learning by courses

Soft power and humanistic knowledge need to be accumulated, which is suitable for being integrated into the whole learning process.

The rule is relatively simple.

The teaching process is not effective enough. It is hard to tell who is the winner.

Students are always distracted.

Students are so excited that they always forget teacher’s advice. It is difficult to understand the guidance cards of D i TT Drone. Find a more efficient and simple way to convey knowledge

Students care too much about winning, and losers get frustrated. Not all students can get help from teachers within a limited time.

Competitive product analysis

Design Summary

Problem

The rule design of the course lacks interest and cannot arouse students’ interest in learning.

The teaching scene is single, and the follow-up experience is insufficient.

Interest Sustainability

Curriculum system

Course content

Students of different ages have different teaching aids and courses

Relatively independent curriculum tasks Short course cycle

Mbot as a teaching aid, corresponds to different courses.

Four independent scenarios and their applications Relatively long course cycle

DJI robot, as a teaching aid, corresponds to different courses.

Scene tasks, progressive learning

Long course cycle

Hardware Hardware advantage

Based on Lego, intelligent components are added Mbot is powered by microcontroller CyberPi and built-in sensors

Free, requires manual dexterity and design ability Multiple expansion modules, involving mathematics, physics and other fields

Software platform

Platform advantag

Each series of hardware has a corresponding software platform Mblock editor

Complete teaching process

RoboMaster EP /RoboMaster TT Drone

Powerful function/need basic programming ability/long lifetime

The existing evaluation method is single, which will reduce the enthusiasm of students.

The linear curriculum ignores the choice of students, which is not conducive to the cultivation of interest.

In the course, there is a lack of design that can show students’ creativity.

The course content and organizational form are not clear enough, with high requirements for teachers and high training costs.

Initiative

03 Design Overview Course Characteristics

STEAM Education Curriculum

For DJI educational robots

Gamification and Growth Design

Users are encouraged to engage in active exploration, rather than a single use experience, enhancing learning motivation.

Teac hing Aid Expandable Class

Scenario

Interface

Summary

Complete teaching process and various themes

RoboMaster simulator/ DJI education platform

Simulator can run without hardware Integration of virtual and real worlds

Situational courses can enhance students’ enthusiasm, and linkages between courses increase learning motivation. DJI education robot with rich functions can provide a variety of ways to play, which is more suitable for long-term courses.

Oppor tunity

Creativity Integrity

Provide Robomaster with space for activities and task execution, as well as physical props for enhancing students sense of experience. It is expandable in terms of functions and teaching syllabus, including logical thinking content with certain difficulty (machinery, mathematics, programming, etc)

Course structure

Gamification design is introduced. Modular sand tables of teaching aids are used and modified in accordance with the course content.

The gamification design incorporates reward point and growth model, which can enhance students’ sense of achievement.

By adding elective courses, the course content and direction are enriched. Students engage in interest-based learning.

The design of teaching aids and tasks directly reflects the content of the students’ own design.

Clear syllabus, teaching process and usage of auxiliary teaching aids

A Hospital PBL class

Virus crisis Rule Prop

Mission

Teac hing aids

Robomaster simulator Sand table

This set of courses includes 20 class hours of A basic part and 28 class hours of B advanced part.

After mastering the basic courses in Part A students choose 2 4 elective courses.

Par t A: Basics Par t B: Advanced

A1 A2 A3 A4 A5 B1 B2 B3 B4

After the course is over, the teaching aids are recycled for reuse

2-4 optional courses

With the model of basic courses + elective courses, students are encouraged to use the right of choice and carry out interest-driven learning. A1 Introduction A2 Robot motion contro Mecanum wheel principle A3 Principles of robot vision Sensor principle A4 Operation of robotic arm Structural design A5 Operation of launch pad Programming basics

B1 PID Remotecontrocommunication B2 Operation of robotic arm Drone basics B3 Principles of autonomous driving First aid knowledge B4 Sensor application Programming advanced)

Service Blueprint Interface

The DJI AI scenario based education solution is a set of overall education solutions for elementary and secondary school basic education sections

Based on DJI educational platform, gamification design combines hospital management tasks with learning platform.

Items used

Student Journey

Check hospital status Learn knowledge

mission Advance plot Earn rewards

props Viewstatushospital on simulator Computer Group discussion Computer Assemble sand table Sand table

Students can know the plot and hospital state in new parts, encouraging them to study actively.

The hospital system is still operating when classes are over and the number of patients is gradually increasing. Students can view it at any time.

Sample

On the sand table, Robomaster EP and TT Drone are used. Assembled parts provide a variety of scenes. Students can use their robots to complete different tasks on the sand table.

Sketc h

Students have to assemble the sand table under teacher s guidance After that they can use program to control their robots to do various things such as moving turning, and carrying

Prototype

With the rapid expansion of the infection, the infected buildings around the hospital are blocked. Please lead the robots to control the infection source and remove the blockade to prevent the spread of infection!

Watch video for the plot

Designed for tasks based on routing and robot driving

Assemble the sand table according to the diagram Learn the principles of drones Try to control drone

Roads

3m 3m

Robomaster EP

Three different road modules are used to assemble various roads. Parts Roadagnet oard Soft

Different forms of sand table assembly are designed based on the curriculum and learning content.

02 Learn remote communication 03 Unbloc k

Usage B

Different colors correspond to different departments of the hospital. When completing the task, students need to use the robot to select the corresponding department

ore Crossings dentifying Buildings via Drones 01 Control the drone to take off and suspend it above the source of infection for disinfection Human Savor Badge

Learn remote communication

Use the program to control the robot to reach the infection source according to the specified route Try remote communication between drones and robots

Eliminate the infection source through remote communication

We made a 10 1 model to test the rationality of layout and game rules. Rewards： for each student : for each group:

Students can test their programs and watch the robot motion on the simulator.

Quickly eliminate the infection source in the ad acent building after eliminating the infection source

Scan the sign on the building to unblock after each disinfection

super capsules w Coins based on group performance

01

Background

With the higher utilization frequency of screen, people’s behaviors have been changing significantly.

Emotion mask

Individual project

2022.12

“A tool to train people's ability to convey emotions in the real world”

technology, people tend to communicate less with the individuals around them and the way that they socialize with others has

People will forget the ability to convey their emotions.

People can use various ways to convey emotions in text, such as emojis, punctuation, and even memes.

It seems that people are trained machines.by

We create many ways to machines.teach However, actually, human beings are trained by machines and behave more like a robot.

inal design

Emotion mask

Brief

With the increasing frequency of people communicating through screens, they gradually forget to use facial expressions and tones to convey their internal emotions when facing a true person.

Emotion mask is a tool which tests the users’ expressions and tones by sensing facial movements and vocal-cord vibration and trains them of normal emotional expression by making sound.

02

Concept Wearable equipment

In this case, it is necessary to remind people of the loss of emotion-expressing ability through stiff solutions.

To increase visual signals in conversations, people can be trained to convey emotions with facial expressions.

After losing this ability, people will wear this tool as frequently as they wear metal jewelries.

Moreover, they can also be trained of expressing emotions in diversified languages to strengthen audible signals in conversations.