2023 portfolio CHI-CHUN HSIEH

Page 1

CONV Barrier-free ordering app specially designed for the blind Timeline April 14 - June 17 2022 (10weeks) Tool Used Figma My Role UI/UX Designer UX Researcher Project host Member YU-LUN LAI 01

BACKGROUND

We no�ce a piece of news about the difficulty of the visually impaired ordering their meals in a restaurant by chance. The �red look on their faces shows the lack of accessibility service in the restaurants around them.

Therefore, we decided to design a service that can give them a kind experience in ordering food.

RESEARCH PLAN -What happens to the blind people’s ordering enviroment?

We shadowed and interviewed blinds to understand the pain points and opportuni�es. According to the research, the most serious problem of restaurant service for the blind is not physical embarrassment but the common psychological worry of "not wan�ng to bother others". This is due to their nega�ve help-seeking experiences before.

Desktop Research ON-SITE Observation

Find
Deep Research Blind people The Restaurant Shadowing AS-IS Journey Heuris�c Evalua�on Shadowing Interview Interview Find actual problem and opportuni�es Find pain points and needs 02
Find the problems of the blind people when ordering
certain direc�n for further research

We try to live life as the visually impaired for a week to put ourselves in their shoes and try to order food with our eyes covered. We found that there are a lot of disobliging services when a blind want to order food.

For example, when blind people are wai�ng for their meals, there is no place for them to stand. In that case, they are afraid of blocking other customers' way to order or pick up their food. Apart from that, there are s�ll other ordering problems that show up in this process.

All in all, we found that many ordering problems had plagued many users during the as-is journey process. This led us to further interview more about them to clarify their true feelings.

INTERVIEW

We interviewed two people. One of them is a 20-year-old college student who broke her eye when exercising and living in blind life. Another 43-year-old man who is a na�ve visually impaired person that working in massage store.

College student(20)

Frequently using Uber eat or Foodpanda to order food. Some�me I will cooking by myself if I am free.

2.The most impressive dining experience you have.

Inappropriate alt text

For example, There are 3 icon with different means on the ordering page. But it always call”bo�om” when describing them by the voice mode. That’s why I feel frustrated every�me when making an order.

Service of the Restaurant

Some restaurant didn’t know how to offer the service to blind people.

I o�en feel nervous that I’m not sure if I bothering the restaurant or other customers. Because of the uncertainty of the service that the restaurant offer, now I prefer to dealing meals with delivery apps.

1.How do you dealing with meals everyday?

Asked employees who are familiar with the surrounding environment in the workplace to help me buying meals.

I avoid going out for food unless someone takes me out to eat.

I would pre-call the restaurant or use uber eat to order food.

Some volunteers have willing to bring a meal for us.

2.The most impressive dining experience you have.

Call to restaurant

Calling speedy and say the point of order to save restaurant’s �me on serving them.

Frequently visited res taurants will more or less remember our needs.

Uber eat

I'm scared that I can't change my order a�er it's been sent.

I won't receive voice no�fica�ons when my meal is delivered.

I will ask my friends to order the food first, and then deliver the food through them a�er the meal is finished.

AS-IS JOURNEY
1.How do you dealing with meals everyday?
feel 03
step say think feel step say think

Accessibility Heuris�c Evalua�on

We update the Accessibility Heuris�c Evalua�on based on the ac�vi�es above.

“65” Cri�cal usability concerns that unable to use

“9”

“1”

Medium usability concerns that might frustrate users

Minor usability concerns for users

There are at least 74 ac�ons do not meet the requirments for the blinds .With the research above , We find out the main insight of the issue.

THE MAIN INSIGHT

“The visually impaired people are afraid to buy food outside by themself due to the unconfident environment and unfamiliar situa�on.”

PROBLEM

“How might we encourage the blind not to be afraid to ask for help when ordering food?”

GOALS

Not sure about the surrounding environment around them. Also, they don't know whether ordering food will affect others.

Let the blind not shy away from asking for assistance.

Provide blind people a specific way to ask for help.

T hey don't know what kinds of accessibility services the restaurant offers.

Volunteers can simply reach out to the blind and carry out their specific requests.

T he online ordering system is difficult for some visually impaired people to operate.

Clearly Alterna�ve text to support blind for ge�ng informa�on.

04

Priori�za�on Grid Big Idea

Like a psychological test, you can know what to eat a�er answering the ques�ons.

You can stay at home and get the food that is cooked.

You can fully understand the contents of the menu without the mind of bothering others.

PERSONA

Alan (20)

Computer Science student

Alan is a freshman majoring in CS. He lost his sight due to an accident, so his eyes could only perceive light.

Alan has to handle meals by himself in some unpredictable situa�ons. He always buys meals nearby because he is s�ll determining whether other unfamiliar stores provide barrier-free services.

Characteris�cs

-Modesty

-Friendly

-Easy going

Goals

・Spending the least �me to complete ordering, payment, and picking up.

・Not to disturb others during the ordering process.

LEAN MODEL CANVAS

Problem

・Not sure about the environment around them. ・Don't know if ordering food will affect others.

・Hard to read the menu and not sure whether the restaurant offer accessibility services. ・Every meals takes too much �me and effort.

Unique Value Proposi�on

Key Metrics

・Customer return rate

Referral Rate

Target Comple�on Rate ・School funding suppor�ng

Unfair Advantage

・How to order food smoothly and safely?

・The current surrounding environment is s�ll unfriendly to the visually impaired people.

Challenges Needs

・Want to buy food safely.

・Hoping someone can help me during the ordering process.

・Want to achieve the goal in a very conveniently way.

Sources of info

-Friends

-Radio program -TV show

-Social media

CONCEPT

A helper to help every visually impaired person ordering and picking up food easily.

Customer Segments

Phone call

Rela�ves and friends

Search on internet

Product Development Team ・System Development

・A visually impaired person who can only perceive light and is almost totally blind

A stress-free and helpful ordering system that allows customers to clearly know the contents of the menu. ・

・Commission from restaurant coopera�on

Customer order revenue

Hardware System Maintenance

Marke�ng and Opera�ons Team

Other support

Tips ・Others Invest or Sponsor

IDEATION
HIGH-LEVEL
Channels Cost structure Revenue Streams
05

To allow the blind to order food in a more comfortable environment, we believe that designing an online ordering pla�orm with volunteers assis�ng the blind will be an aimful solu�on for them.

This online ordering mode is mainly based on psychological tests that can make blind people more intui�vely rely on auditory ordering. Also, we have marked explicitly page content prompts on each page. We add appropriate and clear Alt text to the images that appear. With this Alt auditory text added to the images, they can not only hear what the ar�cle says but what the images are about. In addi�on, they can share their needs with others for assistance in ordering meals. ・Volunteer matching system ・Food delivery ・Order and pickup ・Sharing order to others ・Online Calling for help ・Clearly items categories

Func�ons

WIREFRAME
06

( link )h�ps://www.figma.com/proto/gSmjMXbI2WAyKQ3gC6mIId/CONV?page-id=36%3A82&node-id=37%3A83&viewport=-44%2C214%2C0.46&scaling=scale-down&star�ng-point-node-id=37%3A83

We redesign the text’s bo�om and contents by adding the Alt text to meet the pain points.

Also, we provided an online matching system to let the volunteers have a way to reach out to the needs of blinds.

Blind people can share their order requests with their friends, and they can get the food without making an order by themself with the help of their friends and this app.

ALT TEXT: A bowl of spicy chicken with brocoli

SOLUTION Home page Menu Customized order page Cart Matching volunteer Video call for help Order by others
order to friends
of the volunteer
ordering mode
this
07
Share the
Clearly informa�on
Simple
Descrip�on of
page
RE-ANGLE Shared wheelchair for home rehabilita�on Timeline Feb 16 - June 23 2022 (one semester) Tool Used Figma Adobe suite Rhinocero My Role Product Designer UX Researcher Project host Member YU-lUN LAI CHEN-YI HSU

BACKGROUND

Rehabilita�on is an integral part of the recovery process for pa�ents with many condi�ons, certainly for those with Anterior Cruciate Ligament Injuries(ACL).

A study published in the Journal of Sports Medicine found that 81% of people who underwent Anterior Cruciate Ligament (ACL) surgery were able to return to playing sports; however, only 55% returned to their pre-injury level of ac�vity. Because of this study, we decided to figure out what was causing pa�ents to not recover as expected and look for the design of the solu�ons.

RESEARCH PLAN

-Why many ACL pa�ents can't recover their injuries back to normal?

A�er finding out the issue, we decided to interview pa�ents and physiotherapists to define the determining factor that influences the recovery process. According to this research, we no�ce that rehabilita�on is an integral part of recovering that the pa�ent is not willing to do on their own.

Deep Research Design Process

INTERVIEW

We interviewed two people.

One of them is a 23-year-old College student that was got ACL by playing basketball. Another 36-year-old man is a physiotherapist that working in the rehabilita�on center.

To face professional medical knowledge, we choose to seek the help of a physical therapist. We asked what difficulty ACL pa�ents have the most recovering from and what are the do and don'ts when it comes to trea�ng ACL pa�ents.

Mr. Liu said that the key for ACL pa�ents a�er surgery and during treatment is rehabilita�on. The efficiency and situa�on of rehabilita�ng will determine the recovery status of the pa�ent's injured part. And Mr. Liu also said that physical therapists usually judge the pa�ent's recovery status based on the pa�ent's muscle strength and walking posture to judge the pa�ent's current recovery status.

Mr.Liu then helped us find a pa�ent with ACL—John Wang. It also allowed us to understand the real feelings during the treatment of ACL.

During the interview, we found it would be very inconvenient for the pa�ent to back for rehabilita�on because he was usually busy with work and schoolwork. Some�mes John postpones his rehabilita�ng due to his busy life, and the overall treatment effect is rela�vely poor.

" If I could recover at home, I would not choose to go to the hospital for rehabilita�on. " He said.

We also found that because the �me from injury to healing for ACL pa�ents is rela�vely short, medical equipment is a phased auxiliary product for them, and will hardly be used later. Therefore, the medical equipment they bought piled up at home without using it.

Interview Shadowing Persona Idea�on Rough mockup model Final Design
09

SHADOWING

A�er interviewing the pa�ent and the physical therapist, we realized that shadowing, a method that follows the users all day to track their behaviors and analyze them, is one of the best ways to understand the rehabilita�on process. We observed ACL pa�ents recovering in the hospital and interviewed them a�erward about how they felt.

We found that there are several commonly repeated stretching movements in the rehabilita�on process, and the pa�ents' injuries can indeed be improved a�er con�nuous rehabilita�on. For this reason, we incorporated this poten�al rehabilita�on law, which is the movement we found, into our design to improve the convenience of pa�ents' rehabilita�on.

THE MAIN INSIGHT

“Pa�ents o�en think that returning to the hospital for rehabilita�on is a troublesome thing. Also, they are not willing to spend money on medical equipment for short-term treatment. Therefore, the efficiency of pa�ent rehabilita�on is affected.”

GOALS

Allow users to recover any�me, anywhere without going back to the hospital.

Use professional medical services to track the user's recovery status and visualize the pa�ent's recovery status.

Use shared services to allow pa�ents to freely rent medical equipment and enjoy low-cost hardware facili�es during treatment.

PROBLEM

PAIN POINTS

1. It is inconvenient for me to go back to the hospital for rehabilitation.

2. We don't know how long it will take to rehabilitate to get back to our previous physical condition.

3. I don't want to wasting money to buy the medical equipment for short-term treatment.

“How to help pa�ents improve the efficiency and frequency of rehabilita�on?”
10

IDEATING SKETCHES

A�er evalua�ng the pain points listed above, we believe that wheelchairs are the best way to achieve the above goals in terms of exis�ng assis�ve products. So we used the wheelchair as a prototype for extended design.

At this stage, we experimented with different styles and shapes.Also, we came up with the service of sharing wheelchairs.

ROUGH MOCKUP MODEL

At this stage, we made a sketch model and a 1:1 model to verify the ra�onality of the shape and the usability of the product. A�er determining the func�on of the product, we also determine the appearance of the product. The modeling at this stage is the main direc�on of subsequent 3D modeling and rendering.

11

Final Design

810 450 800

unit:mm

the chair cushion.

RE-ANGLE

+Detected Belt

Pa�ents only need to rent from the hospital to enjoy a complete set of rehabilita�on services, which can achieve the vision of environmental protec�on and money saving for pa�ents. It also makes rehabilita�on easier for them, allowing the recovery of the ACL to complete.

The recovery status can be check on RE-ANGLE APP. User can conplete daliy rehabilitation goals to get well soon. They can also get connection with doctors on APP if they have any questions about

to RE-ANGLE, you need to take out the healthy detector, connect the detector and RE-ANGLE with BT.

Install healthy detector on the injury knee, than RE-ANGLE would adjust rehabilitation frequency on the basis of your situation.

Our final design is a shared rehabilita�on wheelchair with a fixed rehabilita�on trajectory. This wheelchair allows pa�ents to do ACL rehabilita�on exercises on the wheelchair, and this wheelchair is equipped with a rehabilita�on detec�on belt to help pa�ents measure muscle recovery and detect the correctness of posture, sending the data back to the physical therapy teacher assessment. 12
J&D Official Website Timeline Oct15 2021-APR15 2022 Tool Used FIGMA Adobe suite My Role UI Designer Member YUN-CHEN LUO YING-LING KUO

At-A-Glance

J&D is a three-year-old technology start-up company. In the past few years, J&D has completed more than 30 large or medium-sized projects during its establishment. However, J&D does not have an open pla�orm to present the achievements made in the past. Therefore, I proposed that se�ng up a website is the key to emphasize the core characteris�cs of J&D.

The goal for this pla�orm system design was to clearly present J&D's core features and project, allowing customers to easily and quickly contact J&D for service consulta�on a�er viewing the results.

DESIGN GOALS

1. The webpage needs to clearly let users understand J&D's past projects

2. Present the website type with a dynamic and professional image

3. Set up an intui�ve page for customers to contact the company

MOODBOARD

14

DESIGN

J&D's webpage must present the professionalism of technology and the core value of using technology to improve customers' income.

and simple ICON is the representa�ve symbol that allows customers to quickly catch the core value of modern, professional, and digital management.

using cool

TYPOGRAPHY

COLOR

Sans SC Aa Aa Aa #767676 #FFFFFF #408AA9 #16366A Thin Regular Bold
Therefore,
colors
Noto

MOBILE DESIGN

We use RWD's front-end webpage technology to present J&D's official website, which minimizes the difference between the content presenta�on of the computer web pages and the mobile web pages.

16

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.
2023 portfolio CHI-CHUN HSIEH by s9623011 - Issuu