Food Scout // In Class User Testing

Participant 1

IMG_1751

Profile

Chis Lee  //  25  //  South Korea  //  Based in NYC  //  Graduate Student

User Input

Screen Shot 2016-02-04 at 5.32.01 PM

The user found the interaction direct and had no problem figuring out the first step which is to type in the location

The user did not consider interacting with the profile icon. This means that it’s function was not obvious. Supposedly, it should be linked to the user’s profile. But this is the first page, so it should be a sign in page for the first time, and then a personal profile for returning users. I need to think how to make obvious to the user that this is clickable without confusing them whether to press on it or go to the location first.

Screen Shot 2016-02-04 at 5.32.02 PM

The direction of swiping was obvious for the user. However, he was looking for a search option that allows him to look up items. I want to keep the items restricted to local iconic food items. Looking through the icons gives room for more exploration by the traveller. I will do a few more user test in order to decide on the addition of the button or not.

Screen Shot 2016-02-04 at 5.32.04 PM

The user did not know that there’s a possibility to scroll down on the page. The user opted to go foe find.

Screen Shot 2016-02-04 at 5.32.05 PM

Screen Shot 2016-02-04 at 5.32.07 PM

The user was confused by the price indicator and found it too be too small. He was not able to easily tell his location on the map and was confused by the written location as well. The word “change” next to his written location was unclear to the user to what it would be affecting exactly. He was unable to identify “Add to your favorite” spots as a button. The user confused the word “List” to mean the menu list.

Screen Shot 2016-02-04 at 5.32.09 PM

The user had no problem going back to the find the profile icon. He preferred to the see the same filtering mechanism used for “Favorite Spots” to be applied to this section.

I will be conducting two more user tests. Thereafter, I will identify what is positive and negative at this stage and iterate on the interface and experience.

Material Design | Poetry in Motion – Dana Martens

Finally have obtained a brand-new computer after this week’s saga and am posting last week’s blog assignment: to read Apple’s HIG or Google’s Material Design Guide and give examples of 3 things we learned!!!

Since I studied the HIG last semester for my iOS class, I thought it would be useful to see Google’s approach. Although I can develop for iOS, using an iPad, I’m an Android user through and through with my phone. I’ve come to realize this actually gives me a very different subconscious and unintentional understanding of Android vs. iOS. One of learning through recognition, and user experience versus recall from principles learned for design.

Continue reading Material Design | Poetry in Motion – Dana Martens

IOS human interface comment – GI

there are several things that I noticed while studying the IOS design guide lines. I also looked at material design by google, but in this post, I will focus on the IOS interface.

 

— By default, all bar buttons are borderless.

It is interesting to see all the guide lines that apple suggested, one of them was
normally, if you are a user, you don’t pay a lot of attention to design, you pay more attention to whether it functions well, and is it simple enough to use it. I was one of them, and I realized even though without a borderline, it can also distinguish between bar button by color. Also, the texture of the bar button(if you have one,) can make content distinguishable with contents too.

 

–Today’s date remains highlighted and the year appears in the back button, so users know exactly where they are, where they came from, and how to get back.

One of the things that I noticed was when a user tries to go to the view or function of what they want and if the path does not exist or the path is too hard for the user to find out, user gets frustrated. He will less likely to use an app. That what I do, when I download an app, I want to test to see if the app have what I want ; for example, I downloaded an app to write something quickly, but if the app requires me to tap 3-4 times to write something simple, I would not use the app.  I believe “paper53” is well-designed, and also has a good path of navigating one to another. Designers have to vision the path that a user will take for the first time, and simplify what is the most important reason for the user to use this app and what is the function that the user want. So the user can quickly access the function whenever they want.

 

users navigate by making one choice per screen until they reach their destination.

This is what I do when I download a new app. After hitting the destination, I want to go back to where I was. Designers(I was a designer) tend to focus more on the interface than the path that a user will take, but thinking of the path and function first and integrate with interface design will make them a better designer.

Project #1: Food Guardian – App Map & Wireframe

  • Introduction

Most of people buy food and groceries regularly. Take myself as an example, I cook my own food and eat at home most of the time, at least breakfast and lunch. However, I sometimes forget what I have in the refrigerator or storage box and leave them in the depths. Of course they are no longer fresh after expired. And it is quite inconvenient to check the expired date frequently. Thus, it would be easier if our smartphones can take care of that for us.

Food Guardian is an app that can helps its users to manage their food and groceries. Users just have to input the info of food, especially the expired date, then Food Guardian will notice you while the food is about to go bad.

  • App Map

  • Wireframe

1.0 Home
1.1.1 Food Detail
1.1.2 Food Used Up
2.0 New
2.1 Take Photo
2.2 Edit_NAME
2.2 Edit_CATEGORY
2.2 Edit_DATE
3.0 Search
4.0 Setting

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Teller: Paper Prototype for Project 1

Screen Shot 2016-02-04 at 8.10.59 PM Screen Shot 2016-02-04 at 8.11.00 PM Screen Shot 2016-02-04 at 8.11.02 PM Screen Shot 2016-02-04 at 8.11.04 PM Screen Shot 2016-02-04 at 8.11.05 PM Screen Shot 2016-02-04 at 8.11.07 PM Screen Shot 2016-02-04 at 8.11.08 PMI had a new idea for the organization: instead of segmented controls that then hide some of the content…what about a filter option at the top in the form os a thin slide that has the options: Home-cooked, Restaurants, and Both with a default setting of Both. That way they can be exposed to all content at once on any page. Tab bars would be Discover, Personal Profile, Camera, and My Likes. All of those except camera would have the filter option at the top.

Cookgram: Wireframe & first UI

Concept Statement: Cookgram is an interactive recipe app where users can post their recipes as well-designed recipe album. All they need to do is take a picture every step, and then add texts after. It will be a place to explore, collect, make your own, and share recipes.

Based on some user feedbacks from Wireframe presentation and paper prototype, I have updated some of the ux flow in this version.

User Insights (from Wireframe & paper prototype):

  1. Category view:the design looks like users can type in not choose from lists
  2. Add Text View:  Better to have an overall instruction in mind for user after taking the picture. Now the view is not clear about what’s the next step. 
  3. Can corporte with iPhone 6S live photo function
  4. Can be a community for people to like, share, upload recipes.

Presentation Slides: https://docs.google.com/a/newschool.edu/presentation/d/1ZVXjphTBUieI36Nth3COheS0gaTt7iOpuhys-FMxBBI/edit?usp=sharing

Prototype

User Insights (from this presentation):

  1. Text size is small, hard to see. Need to prototype on the phone
  2.  The aim of category? “Cooking steps” is confusing in “category”, after taking pictures and add text, is repetitive with the “cooking steps”. Cooking steps better be called “instructions” (The camera – text – post part ux need to be simplify and cleared)

Food Scout // Presentation 1

Lama Shehadeh_P1

Food Scout is an application for travel and food enthusiasts. It caters to the needs of adventurous travelers that wish to enjoy authentic and cultural food experiences on their travels. Existing application review restaurants and give minimal information about the cuisine. One has to do a separate research to find out about a city’s dishes.