Ux_

Page 1

USER EXPERIENCE PROCESS

INFORMATION ARCHITECTURE TARGET AUDIENCE PERSONA PROOF OF CONCEPT USER TESTS USER TEST RESULT & CHANGE NEXT STEPS

1


INFORMATION ARCHITECTURE

2


TARGET AUDIENCE • The target audience for Plastic Truth is people around age 20 to 55. • The primary target audience of Plastic Truth is people who do grocery shopping and buy plastic products often for themselves and their families. They can avoid buying unsafe plastic in food storage, water storage, toys and baby products and find out safe plastic products quickly by scanning barcodes while they shop. • The secondary target audience is people who want to learn more about health effects of plastic, and be aware of them to create a healthy living environment. They can learn how to identify plastic recycling codes and browse which plastic products are not safe to use.

3


PERSONA PRIMARY TARGET AUDIENCE Edda Kao Age: 25 Gender: Female Occupation: International Student Location: San Francisco, CA Marital Status: Single Hobbies: watching TV, hiking, going to the gym Technology and Internet usage: 42 hours/week, computer, iPhone, iPad, iPod Tech skill: Good

“I want avoid buying toxic plastic water bottles and continers.”

About Edda: Edda is an international student and studying her MFA in Web Design & New Media in San Francisco. Her family is in Taiwan and she lives in San Francisco alone in an apartment near school. She needs to cook by herself everyday so she does grocery shopping every week. Sometimes she brings her own meals to school when she is busy on her projects. She wants to choose safe food storage she uses for school. Also, she wants to avoid unsafe plastic products. Goals: • Quickly choose non-toxic plastic products. • Avoid using unsafe plastic containers and water bottles. • Know identify plastic recycling codes. • Reduce, reuse and recycle items. Favorite websites: http://www.businessweek.com/ http://www.nytimes.com/

4


PERSONA PRIMARY TARGET AUDIENCE Mary Lynn Gottfred Age: 40 Gender: Femaprintle Occupation: Housewife Location: San Francisco, CA Marital Status: Married, 3 children Hobbies: Cooking, baking, and reading Technology and Internet usage: 14 hours/week, computer, iPad Tech skill: Beginner

“I want to get safety information easily and quickly when buying plastic products.”

About Mary: Mary has been married for 10 years. She lives with her husband and three children in San Francisco. Her has three young children. She is a full-time mother. She goes to the supermarket to do grocery shopping for her family frequently. Also, she buy toys for her children often. She wants to live and eat healthier. She wants to find an easy way to choose safe children’s toys and kitchenware which do not contain harmful chemicals and won’t affect her family’s health. Goals: • Quickly choose non-toxic plastic products. • Create a non-toxic living environment. • Know identify plastic recycling codes • Learn information about plastic and its health effects. Favorite websites: http://www.healthycookingrecipes.com/ http://kidshealth.org/ 5


PERSONA SECONDARY TARGET AUDIENCE David Wilson Age: 35 Gender: Male Occupation: Businessman Location: San Francisco, CA Marital Status: Married, 1 child Hobbies: Watching movies, playing sports, traveling Technology and Internet usage: 35 hours/week, computer, iPhone, iPad. Tech skill: Advanced

“I want a non-toxic living environment for my family.”

About David: David is a businessman and has been working at the bank for years. He lives with his family in San Francisco. He is a has a 3-year-old son. He chooses plastic food products and toys carefully because he knows some of them are not safe to use. He wants to avoid using unsafe plastic products because he wants to create a non-toxic living environment. Also, he wants to know how to choose safe children bottles and toys. He wants to learn how to identify safe plastic and unsafe plastic. Goals: • Buy safe children products. • Avoid buy toxic plastic products. • Create a non-toxic living environment. • Know how to identify plastic recycling codes. Favorite websites: http://www.businessweek.com/ http://www.nytimes.com/ 6


PROOF OF CONCEPT USE-CASE SCENARIO 1 Edda is in the supermarket to do her grocery shopping routine and she wants to buy a food container. She finds one she is interested in, but she doesn’t know if this product is a good choice to buy. She wants to quickly find out what recycling codes this product use. Also, she wants to know if this product is safe to use, BPA-free, microwave safe.

7


PROOF OF CONCEPT USE-CASE SCENARIO 1

1. Open Plastic Truth

2. Tap Scan

3. Follow the scan instruction on the screen. Scan the barcode of the product.

8


PROOF OF CONCEPT USE-CASE SCENARIO 1

4. After scanning, the app will automatically go to the product page.

5.Check Safety icon. This product is safe to use.

6.Check Recycling Codes. This product uses code #5 plastic. Find BPA-Free and Microwave Safe symbols in Safety symbols.

9


PROOF OF CONCEPT USE-CASE SCENARIO 2 Mary needs to buy some food containers for her family’s picnic lunch tomorrow. She is home and wants to browse container products first. She wants to find the container using least plastic and find the nearest store which has this product in stock.

10


PROOF OF CONCEPT USE-CASE SCENARIO 2

1.Tap Menu to open the menu.

2. Tap Browse to browse products in different categories.

3. Tap Food Storage.

11


PROOF OF CONCEPT USE-CASE SCENARIO 2

4.Tap Containers to view container products.

5 .Tap Less Plastic to get a list of products which use less plastic.

6 .Tap the product using least plastic. Go to the product page

12


PROOF OF CONCEPT USE-CASE SCENARIO 2

7.Tap Nearby to get a list of stores that sell this product.

8.Tap the nearest store to go to the store page.

9.Check Safety information of the product.

13


PROOF OF CONCEPT USE-CASE SCENARIO 3 David finds code number 7 on his son’s water bottle. He doesn’t know what that means and want to know if this type of plastic is safe to use. He wants to learn what plastic recycling codes are and find out what code number 7 is and if it is safe to use.

14


PROOF OF CONCEPT USE-CASE SCENARIO 3

1.Tap Back to go back to the previous page.

2. Tap Menu to open the menu.

3.Tap Codes to go to recycling codes page.

15


PROOF OF CONCEPT USE-CASE SCENARIO 3

4.Tap What are they to learn what plastic recycling codes are.

5 .Tap Back to go back to the previous page.

6 .Tap Code #7 to view detailed information.

16


PROOF OF CONCEPT USE-CASE SCENARIO 3

7.Learn what is Code #7

8.Check Safety icon in Code #7.Code #7 is mixed safe.

17


USER TESTS

18


USER TEST RESULT & CHANGE 1

In product details page, the safety information was not obvious enough and icons were not clear. I made safety information more visible on the screen. Also, to make the content area more clean and show more info, I make the list collapsible and hide the menu bar. So the users can get safety info right away when they are in the product page.

19


USER TEST RESULT & CHANGE 2

It was not clear which recycling codes are safe and which are not. So I added color codes to my design. Green represents safe plastic, red represents unsafe plastic and yellow represent mixed safe plastic. Also, there were some functions in my app which were necessary for my concept , such as News, Tips, Profile and Stats. I removed these functions and focused on learning recycling code and scanning function. 20


USER TEST RESULT & CHANGE 3

Also, the information in product list was too much and its not clear if the product is safe or not safe. I created safety icons and used color codes to make it easier to identify. I also removed the color of the type to make it more visible. And I add filter function so the users can filters product with safety, symbols and codes.

21


USER TEST RESULT & CHANGE 4

The main page I designed was simple and boring. I left only scan bottom because it is the main function of my app. The users can also view Most Liked Products in all categories.

22


NEXT STEPS

For the future, I would like to add review function to the product details page. Users can review the product with stars and leave their comments. They can also view other people’s comments. It gives users more ideas to see if product is deserved to buy. Also, the users can find plastic products deals locally and online. I also want to add user’s profile function. Users can log-in with their email, Facebook or Twitter account to see their saved deals and reviews and check other users’. Also they can view their shopping lists and histories. 23


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.