Project Summary

Here, I am so glad we made it, through piles of struggles.

I have to say thank you to all these struggles to help us improve.

Final output:

Sketchpdf: TPCHINA

Prototype video: TPChina-Demo1

Presentation slides: TP China

Balsamiq mockup: FindYourTravelPartner

Struggle 1: User journey map

We really took a while and did several versions of our user journey map since we are not sure of our direction to go, especially what should be the highlight of each journey. In addition, since we have different types of users gathered together, we thought it in a too complicated way and confused ourself.

TPChina

Struggle 2: Website structure (flowchart)

Because it is not a one-time finished process, so the website needs to contain several functions together. We finally using a mind map to help us clear the thought and direct our interface design.

chartflow

TP China Website

Struggle 3: Details

The first draft of balsamiq mockup is pretty rough. We really need to think about all details to be added to make it real. For example, a name, a logo, some real pictures, buttons, contents,  icons and etc.

Struggle 4: Highlights and uniqueness

After we had an okay interface ready, it is time to think about adding/emphasizing the points that can make the product special and outstanding. We need to leave a stronger impression to the user and offer them the feeling of accomplishment. Thus, we try to add the “congratulation” page and also the page of “consult a local”. We decide the main color of the page and add welcome/call for action sentences on top of the pages.

Jackie is thinking about making it real real for her developing web class and thank you every classmates and professor for their great advice.

 

User Experience Design Final Documentation – Jarred Kubas

Going into the user experience design class I had already had an idea to work on in mind that I had been considering for a while. I thought this course would be the perfect place to learn how to engage in the preliminary steps of both product design and user interaction. As someone with a business background and not a lot of design experience the course was able to offer me a chance to see the other side of how products come to the market. However, much of my time in class was spent wrestling with the business model and understanding customers in general. In week 2 we were given a chance to pitch our ideas. Prior to pitching ideas we made a web chart with all the possible features that could have been included in our products. Below is a picture of the product web.Essentially, what I want to create was a feminine hygiene e-commerce platform that would be built off of data driven health tracking of the menstrual cycle. Included in the platform would be the ability for women to subscribe to menstrual hygiene products and various other add-ons that would be relevant during the menstrual cycle. This would make peoples lives easier because they would no longer have to go to the store to buy products, while at the same time generate data and keep track of their own health. The potential market size is quite large as there’re many people that do go through the menstrual process each month. Below is an image of the product brainstorming web.IMG_0940

However, after pitching the idea I decided not to work on that project. I felt risky working in a team, especially when I felt this would be a legitimate start up moving forward. Questions like, what would happen when equity would have to be split was something I didn’t want to deal with. It was my idea, and I had already started working on it prior to the beginning of class, so partnering with people that added the right type of value was important. As a male, about to start a company focused on women, in a country where I do not speak the language fluently, I needed someone who was female and could articulate in Chinese. In the end, I would spend the next 2 1/2 weeks working on project with another team. With them I conducted user research, helped build persona’s, brainstorm narrative stories, etc. Of course, I was not overly enthusiastic about the project and Professor Azure ended up pulling me aside to convince me to work on my original project.

It was now week 3-4 and I was starting from scratch. I had not built up any personas, conducted interviews or sent out any questionnaires. This would end up being the hardest and most uncomfortable part of my project. As a male who could not directly benefit from my start up, in China, a country where discussing personal menstrual information is even more private than in the United States, this was hard. Lucky enough I was able to conduct some interviews with some of the professors colleagues. Some of the questions that I asked my interviewees were as follows.

  1. How do you currently use e-commerce? What types of products do you buy? What kinds of personal products do you buy at the store?
  2. Do you use a Computer or Phone to buy and order products?
  3. Do you have any experience with health applications, and what are they like for you?
  4. How do you feel about the concept of health tracking overlapping with e-commerce?
  5. What is the general experience for buying feminine hygiene and menstrual health products like for you?
  6. What is the most difficult part about the period? Could it be something to be looked forward to?
  7. Are there things that make the experience more comfortable or better?
  8. What makes you feel happy?
  9. Are there any inconveniences that could make the process better?
  10. How does Chinese modern society act towards woman and periods?
  11. Do you believe there need to be improvements in menstrual hygiene education in china?
  12. What are the trends of the menstrual hygiene industry in china that you are aware of?
  13. Do you currently subscribe to any reoccurring shipments?
  14. Do you talk about menstrual health with your female friends?
  15. What do you look for in buying feminine hygiene products?
  16. Are you aware of the WeChat mini programs platform? How do you expect to use it?
  17. Are there any woman’s groups of non-profits that you are supportive of?

The interviews ended up being more of discussions that were guided by the questions. Through these conversations I was provided with some guidance moving forward. Here are a few things that I learned:

  • one of the woman was a current user of a pre-existing period tracking app. She mentioned her concern for switching to a new platform because she did not know how her data would transfer.
  • both of the woman mentioned that in Chinese culture, the consumption of ginger tea while on one’s period to be common. This was helpful in deciding add-ons for the service. I was also told that for some more traditional woman in china, consuming chocolate is actually a bad thing. This is different from in North America.
  • One woman mentioned that a lot of teenaged girls struggle to both buy products, and receive proper health information and advice.
  • One woman said that it would be nice for her husband or boyfriend to be able to send her a gift in the box every month. (this was something i thought to be very practical and easily implementable, but for the scope of the project I chose to exclude it in the UX).
  • Both woman were supportive of an area in which users could form a community to help discuss and learn about common problems for woman.

At the same time, I was able to have many informal conversations with women that I was familiar with an comfortable talking to. Later on in the project (week 6), I finally had the confidence to send out a survey. It was through this that I tried to target potential users from outside of the NYU Shanghai community. This was important to help avoid strong western influence. Knowing that these woman may not use a VPN, I used SurveyMonkey as the survey service instead of google. The questions were as follows:

  1. What is you occupation?/你的职业是什么?
  2. How often do you buy menstrual hygiene products?/你多久买一次经期卫生用品?
  3. How much money do you spend on Menstrual hygiene products ever month?/你每个月在经期卫生用品上花多少钱(人民币)?
  4. Do you currently use any period tracking applications or software?/你是否使用任何用来跟踪经期的应用或软件?
  5. Where do you buy your menstrual hygiene products?/你一般在哪里购买经期卫生用品?
  6. Which menstrual hygiene product brands do you use? please list/请列举你使用的经期卫生用品的品牌. Are there any products that you consume during your period that are not pads, tampons, etc? please list/请列举除卫生巾、卫生棉之外你使用的经期卫生用品
  7. What factors do you consider when choosing a menstrual hygiene product?/在选择经期卫生用品的时候,哪些是你的主要考虑因素
  8. If you are feeling stressed or uncomfortable during your period, what do you do to help yourself?/如果你在经期压力大或者不舒服,你会做些什么解压或者放松?
  9. Where do you go to seek advice and guidance regarding woman’s body health and wellness?/一般你会通过什么途径咨询关于女性身体健康的建议
  10. Do you have a regular and predictable cycle?/你的经期一般规律吗

The answers to these questions were really helpful in understanding the validity behind my product design. Although only 24 people did respond to the survey, below were some of the highlights

  • I found out that 70% of the population bought products every month or two months. This is really important to know as consumers who buy in bulk (more than 3 months worth) would have a hard time transitioning into a monthly service
  • On average woman spent 46rmb a month on products. I had expected this number to be a bit lower. But this is good moving forward, especially when having to subsidize shipping with the amount of profit made from the mark up of goods.
  • only 30% of woman bought products online. This is useful in knowing that there is room to enter the online ecosystem
  • 56% of woman used a current period tracking app, while 44% didn’t. This was helpful in gaining a bit of an understanding of the current popularity of such apps. At the same time it showed me that there is definitely the potential to be someone’s first tracking app
  • 70% of woman had regular or predictable cycles. This was a huge piece of information as those with regular cycles would be the optimum consumers for my service.

Of course moving forward, the sample size is not large enough to be fully predictive. Data may change based on the city in China. Many more surveys will have to be sent out.

The personas for my project are naturally very very broad. If the project we’re to be successful almost all woman between menstruating ages could benefit from using the service. However there are certain types of women that would be most optimal to engage as customers. A few of the characteristics that are helpful to look for in consumers:

  1. woman with predictable or consistent menstrual cycles
  2. woman who currently are not using a period tracking app. These are the easiest to obtain because there are fewer switching costs
  3. woman who already buy products online. These are people who naturally do not go to the store as of now to obtain their products. I do think in general those who do buy products at stores, once converted, will be much more loyal customers.
  4. woman who have an interest in obtaining health advice and tracking health data

In combining my interview responses, Informal conversations, and my latest survey I came up with three potential persona’s.

  1. A busy working student or professional before the age of 30. Someone who either buys their menstrual hygiene products online or in stores.  Someone who actually does go to the super market of convenience store. This persona would have the most inconvenience, and  is often distracted by work, School, or other activities, causing them to forget to buy products. The person who currently buy’s their products online will benefit from a more convenient service as well.
  2. A Young woman who is just beginning to enter menstruating age. This is someone who is typically nervous to go to the store on their own to buy products due to the awkwardness of facing a cashier. This type of persona often relies on their mother to buy the products. Additionally, these individuals are not often educated about or don’t fully understand their menstrual cycle. Knowing this, this persona can benefit from the discrete packaging in which the products comes to them, while at the same time familiarizing themselves with there own health data by having the ability to track their cycle’s.
  3. A mother who buys products for her daughter. This persona is someone who would be gifting the service to their daughter in order to provide the daughter with more freedom. At the same time, the educational features imbedded in the app is something the mother can be confident in.

Because I started working on my project later than others, and before having a full understanding of the customers and potential market, from beginning, I was already working on the mock up. My mock up was originally based heavily on a e-commerce centric model. The goal to get paid subscribers as fast as possible. This was difficult because it was in conflict with the personability needed for such an app. There was no community to receive and give advice, and clicking on the product subscription category was very centric. Below are my original pop drawings: IMG_0949 (2)IMG_0950

From here, I made some improvements. Following my one-on-one interviews, it became apparent that I must add a community feature. I wanted it to seem more personal and thats what my customers wanted too. So I added the community feature and included: A question board that I envision to follow a similar protocol to Quora. The content will be User generated. I also added a “consult a doctor function.” In this case the customer would be able to go directly to a doctor and book an appointment. Additionally, I added an “Invite a friend function,” where users could invite friends to the app.

The largest change I had was a “health tip of the day.” Here users would get notifications of relevant health tips. This would add to the user experience and show users that our company cared about their knowledge.IMG_0951

IMG_0952

Part of the User Experience is “giving the app your health data.” This is something that I didn’t think would be as contested as it was amongst some users. Originally, upon the first time logging into the app (start Journey picture below), the user would enter their menstrual information. This would enable immediate calibration of the menstrual cycle prediction.

IMG_0953IMG_0954

After talking to potential users, although many period tracking apps asked for this information right from the beginning, this was something that people didn’t like. From here my design included a tutorial. Users would be walked through a step by step program to adding their data. What was important was to obtain user data first before even guaranteeing a purchase. We needed to know the cycle in order to suggest when a package would be sent out. Based on this, I chose to exclude the “fill basket” icon until the user walked through the data input. This personalized the app and drew the attention away from the goal of obtaining subscribers.

Originally, when designing the app, there was a lot of unnecessary clutter that would otherwise be required: Login/password, and credit card information. I was able to remove this, and thus streamline the user experience by basing the product within WeChat.

After coming to terms with the general design, I switched the product from Pop to Balsamiq. Here the prototype came to life and began to look more professional. At this point in time I had still not done a mood board. The color scheme of the App was not great.

Screen Shot 2017-03-28 at 8.38.56 AM Screen Shot 2017-03-28 at 8.38.44 AM Screen Shot 2017-03-28 at 8.38.32 AM

 

After presenting in class I made a mood board. I wanted to include both Blue and Pink. Blue being a color that is not super feminine, and pink being a color thought to be as more feminine. This i believe will off a nice balance for users who may identify with the product differently. It is aesthetically nice, but also quite neutral. Moving forward I will update the color scheme of the timeline for the period tracker to be a bit more simple.

Below is the mood board I chose. Please note, pintrest has not been working very well for me. Additionally my project is much more based on the functioning of the app, and less on the graphic design behind the UX.

Screen Shot 2017-03-28 at 8.15.18 AM

Screen Shot 2017-03-26 at 11.38.32 PM Screen Shot 2017-03-26 at 11.18.38 PM

This brought me to the final mock-up version of my app. Its been a really impactful and humbling semester in UX Design. As a man who has hypothesized a potential to create a platform for woman and those who menstruate, it has taken me a lot of confidence, and encouragement from my  peers and professor to go through with the UX behind the project. I learned a lot. Listening to consumers is really important, especially if your conceived notions may be incorrect. After finishing the class, I know moving forward that I have a solid prototype to work off of. There is still more work ahead to validate certain assumptions for the business model. I do think the right step is to find myself a female partner who is as passionate about the opportunity as I am. Below is a video walking through the final version of my App.

All-in-all it has been an amazing semester getting an understanding of what a UX designer would have to go through. Although I am heavily business minded and understand things at a more high level, knowing the basics of UX will benefit me moving forward.

 

 

Week 7: Winnow App Final Presentation (Segovic-Quader-Kagesawa)

Group members and their duties:

  • Tisa Segovic – Gave feedback on the Sketch Prototype; Created the presentation; Analysed data from the secondary survey.
  • Zayna F Quader – Created the Sketch prototype of the Winnow App and used Invision to display the design; Created the survey and send it out to users.
  • Masaki Kagesawa – Created the Business Model; Worked on the presentation development; Conducted research on our target audience.

Our Winnow team has done a lot of progress on the concept development for our app this weekend. We have decided to go above and beyond the scope of our class. This means that we have done additional research on the behavior of our target audience, we have conducted additional surveys to establish the validity of our data and we have also developed our business model. All this can be seen in our final PowerPoint presentation. Throughout the past weekend, our work on the app has also brought our group closer and made us all coordinate our work better with each other.

The progress has also been made on defining the concept story of our app – the social cloud. Throughout this process, the real-life problems, such as lack of organization, all the steps made through different apps to purchase a product, etc. became clearer. Looking back, we realized that the design always has to be re-defined, although the idea stayed the same. Through the process, we came across several challenges to change our initial idea in order to make the user research easier, however, we manage to oppose those challenges and stick with our idea.

The progress on our interface design has inspired to us still keep working on it even after the class has ended. As we are beginners getting in the study of user experience design, we keep on discovering that there is always more to learn about, since the dynamics of users and their habits keep changing every day. That is why it is important to keep doing the user testing and the user interviews to keep up with those trends. The feedback that we have got from Azure, Jared, Janice, and the rest of the user were very helpful, and we have implemented their observations on our interface.

Our hard work was rewarded with the second place overall on the regional Start-Up Weekend Competition! This was a great experience to also get feedback from the judges and the coaches, as well as seeing how our app would work outside of the scope of the class, in the real world. Here is our common Google Drive folder with all of our work and progress made, categorized in folders for easier navifation.

Thank you, Azure, for helping us guide through this process and having patience giving us feedback! It has been a great journey,

Tisa, Masaki & Zayna!

Final Presentation PayTrack by Gabriela Naumnik and Sophia Noel

UX PORTFOLIO WEBSITE: http://www.gabrielanaumnik.com/ux-design/

This is our final presentation (as shown in class). However, we adjusted presentation shown below according to Professors’ suggestions. First, we made the sound in the commercial fade out at the end. Second, we changed the “Sketch” headline to “T-Mobile” headline. During our design process and based on user testing, we implemented many changes while developing the final prototype as described below.

Changes implemented in the 2nd prototype:

  • Login button added.
  • Changed order of add time/summary/profile.
  • Back button placed in the same position everywhere.
  • Improved summary button size.
  • Different positions of the “send to email” button.
  • Swiping option deleted, for the sake of consistency.

Changes implemented in the 3rd prototype based on user testing (cumulative feedback from Carson, Jared and Azure addressed the following issues):

  • “Start” and “end” were unclear.
  • “Delete” is was necessary in “add time.”
  • First and Last name needed not be changed.
  • “Submit time” needed feedback.
  • Checks and exes had to be added.
  • “Save changes” – feedback was needed.
  • Arrow to log out was needed (clear indication to log out).
  • Manager/consultant sign in divided into 2 buttons was needed.
  • Username should have been first to show up.
  • Bank info is only for consultants.
  • Two buttons for Manager and Consultant were needed.
  • Clear notifications and information about sending approvals.
  • Summary – show if approved/submitted/declined.
  • Confirmation info for: delete/submit.

Changes implemented in the 4th and 5th prototype:

  • Consistent use of two colors (grey and purple).
  • Separate interface for consultant and manager registration.
  • “Sketch” headline changed to “T-Mobile”
  • Buttons made bigger to make navigation easier.
  • Bank data information deleted completely for security reasons.

Sophia and I made a commercial for our app (we adjusted the sound on Thursday as suggested, this is the story of use):

 

Overall, this is our page flow:

Screen Shot 2017-03-23 at 11.36.50

And these are our slides:

Screen Shot 2017-03-23 at 11.20.10 Screen Shot 2017-03-23 at 11.20.22 Screen Shot 2017-03-23 at 11.20.29Screen Shot 2017-03-23 at 11.48.59Screen Shot 2017-03-23 at 11.49.07Screen Shot 2017-03-23 at 11.49.16Screen Shot 2017-03-23 at 11.49.25Screen Shot 2017-03-23 at 11.49.33Screen Shot 2017-03-23 at 11.49.39Screen Shot 2017-03-23 at 11.49.46Screen Shot 2017-03-23 at 11.49.52Screen Shot 2017-03-23 at 11.49.58Screen Shot 2017-03-23 at 11.50.05Screen Shot 2017-03-23 at 11.50.15Screen Shot 2017-03-23 at 11.50.22Screen Shot 2017-03-23 at 11.50.30Screen Shot 2017-03-23 at 11.50.36

Links to our previous posts:

First story: http://ima.nyu.sh/documentation/2017/02/14/first-story-story-first-gabriela-naumnik/

User Research/Persona/Scenario/Start-up: http://ima.nyu.sh/documentation/2017/02/21/week-2-assignments-user-research-persona-scenario-start-up-gabriela-naumnik/

Transition Diagram/Storyboard/Design process: http://ima.nyu.sh/documentation/2017/02/28/transition-diagramnarrative-storyboarddesign-process-gabriela-naumnik/

User Flow/Moodboard/Interface Design: http://ima.nyu.sh/documentation/2017/03/07/user-flow-flowchart-interface-design-mockup-moodboard-on-pinterest-gabriela-naumnik-and-sophia-noel/

Finished prototype/Usability Testing/Visual Design: http://ima.nyu.sh/documentation/2017/03/13/week-5-finished-prototypeusability-testing-reportvisual-design-gabriela-naumnik-and-sophia-noel/

 

ux design final prototype (TPChina)

Group Memeber: Jackie&Shawn

Project Description: This is the final prototype of our project, TPChina, which is a website that aims to help internationals with finding a travel partner going to China. Improved after Balsamiq Mockup, our final version is designed in Sketch. We use the theme color pink to give users a very welcoming and energetic feeling. The website allows users to know their potential travel partners better by viewing their travel plans and travel habits. The user can also launch their own plan and invite others to join in, or consault a local Chinese person for more concise information. The following video is record by Quicktime in InVision.

TPChina-Demo(sketch demo)

Individual pictures(pdf format):

TPCHINA(sketch pdf)

Presentation Slides:

TPChina-Demo(slides)

Meal Master (Final)

Features

  • Manage items in fridge
  • Alert system for food items going bad
  • Like, favorite, and share recipes with friends
  • Find recipes for items in fridge
  • Browse community favorites and more!

Questions for Research

  • Would you be likely to make use of an app which provides a recipe based on your leftover food?
  • What features would you like in this app?
  • What is your motivation for cooking?
  • Do you know what is in your fridge?
  • What do you do with expired food?
  • How much food do you throw away?
  • Do you like to follow recipes?
  • Do you ever post your own recipe online?
  • Do you cook for yourself? Or for others?
  • Would you like to eat more healthy?

User Research and Personas

p4

persona2persona4 persona3

 

Usage Map

Photo Feb 22, 1 59 58 PM

 

Narrative Storyboard

IMG_20170227_155755

 

Initial User Flowchart

IMG_20170222_161322

 

Moodboard

Photo Mar 22, 10 42 32 PM

 

User Flowchart

Flowchart

 

Mockup

Mockup

 

First Interface Design

wx_camera_1488355833863 wx_camera_1488355873206  wx_camera_1488355859209

Next Iterations

IMG_20170301_160530 wx_camera_1488355819516

Version 1 Prototype

 

Usability Testing

  • Problems we noticed
    • Confusion about “Google” and “Facebook” tabs on the home page.
    • Users did not understand what the “boxes” for images were.
    • Confusion about edit feature after done editing fridge items.
    • Problems with back button
    • Confusion about app purpose (no logo)
  • Solutions
    • Add a “Save” button after editing fridge items
    • Separate following and followers tab
    • Add a “continue with…” text above the google and facebook buttons.
    • Create a logo
    • Add images + colors in the app to make it more clear.
    • Change the “back” tab to “hamburger” tabs.

Final Iterations on Paper

wx_camera_1489045690412wx_camera_1489045584416

 

Final Balsamiq Version

Screen Shot 2017-03-22 at 9.05.43 PM Screen Shot 2017-03-22 at 9.05.39 PM Screen Shot 2017-03-22 at 9.05.34 PM Screen Shot 2017-03-22 at 9.05.30 PM Screen Shot 2017-03-22 at 9.05.25 PM Screen Shot 2017-03-22 at 9.05.21 PM Screen Shot 2017-03-22 at 9.05.16 PM Screen Shot 2017-03-22 at 9.05.11 PM Screen Shot 2017-03-22 at 9.05.06 PM Screen Shot 2017-03-22 at 9.05.02 PM Screen Shot 2017-03-22 at 9.04.51 PM Screen Shot 2017-03-22 at 9.04.43 PM Screen Shot 2017-03-22 at 9.04.39 PM Screen Shot 2017-03-22 at 9.04.15 PM

Final Prototype (demo)

proto2 edited

 

 

 

UXUI // Mk1 Story Curve:

IMG_1964

This is the original story curve for my interactive installation, currently, this installation has completely put on the backburner completely in favor of an entire interactive exhibition.


In order to create a strong emotional impact in a short amount of time, I intend to use shock factors as my main resource. Users will come in without really knowing what to expect, their initial experience will be one filled with exploration. After passing certain parts of the maze pre-recorded whispers will be played literally behind their backs causing them to turn around in caution. The experience will begin to get more and more disorienting, they’re hearing voices yet they believe they’re alone, at the same time visually they’ll be completely surrounded by images of themselves. The effect of this will be both isolating yet suffocating. By combining loud and abrupt voices yelling out vulgarities relating to their identities quickly following whispers and murmurs, users will constantly be in a state of trying to adapt and process. By utilizing these soft to loud transitions and ominous music cues, users will also experience a strong sense of anxiety. We plan to utilize this in repetition with different phrases being subbed in and increasingly anxiety inducing music to make each cycle different.

Ultimately at the end of this shocking/anxiety inducing maze users will be questioning why they just experienced this. Why were they being yelled at? Trying to make sense of the things they just experienced. Why why why?! At the very end, a black light will illuminate their shirts and reveal “the answer” that society answers to. “You were verbally abused because you’re gay, you were yelled at because you were black” etc etc, an answer which is immediately rejected by users who have just experienced these prejudices.

After coming to this realization of unjust the world’s reasoning is for all these actions, they’ll be compelled to learn more, get a new “identity”, try to understand the discriminations that others face. Repeating the experience but going in with a new purpose experiencing similar things in a different way.

We hope that this will encourage users to speak out against discrimination, that it will help them widen their world-views and have more empathy for those who are discriminated against.

UXUI // Persona // Bh1525 – Brian Ho

Screen Shot 2017-03-19 at 6.59.04 PM

The personas of our installation will actually be extremely familiar to most as they will be our very own peers at NYUSH. Our current goal is to hold our exhibition in the NYUSH first floor exhibition space and thus the majority of its viewers and participants will be our very own students.

I categorized them as primarily being liberal and outgoing, fairly young and at times naive. Though we’re on the cusp of being adults and we’re certainly beginning to recognize and feel the pressure of adulthood. Generally speaking, most are willing to go into things open minded, especially when it comes to art as it’s unlikely that many of us are extremely outspoken on it or hold extreme prejudice or bias when it comes to works of art.

We expect them to be intrigued by the new edition of another exhibition, and in particular, to be willing to participate and play games especially in the light of winnable prizes such as macbook pros.