#Thursdayapps YinHu

Gorogoa is a puzzle video game and it was released for Windows, Nintendo Switch, and IOS on 14 December 2017.

In Gorogoa players are presented with four images in a grid and must stack, combine, and explore each image to find a connection(buried signals) between them in order to advance and open new areas.Players are not guided through the process, as the game contains no language, and must work out what they need to do to finish each level.

The plot involves a boy seeking an encounter with a divine monster, exploring themes of spiritually and religion. The scenes in the game follow periods of time in the 20th century, including peace, war, and rebuilding.

WK5_Yin Hu

User insights from digital prototyping:

From class:

Dish tab:

1. some hierarchy and consistency issues in the top three part.

a)What’s the most important thing among the health status, delivery address, and the search bar? Try to simplify it.

b) Current health status seems that you could tap it and type something.

7days is not clear enough

The “add records” button? Why it exists here?

c) Refine button, why it’s red?

2. the change view button, try to use a clear pattern, don’t make users feel confused.

3. Dish Details view

The applicable people part. Perhaps you could say that this is applicable to the user.

 

Health Data tab:

  1. What’s the relationship between the current health status and the calendar? The current health status is not so necessary here.
  2. The privacy protection part. Is that necessary? since the health status could be seen in the dish tab. Refer to the HIG fingerprint part.

Push Notification:

Consider humanization. Such as encouragement.

The whole:

Some text is not clear enough. Consider the size of the typography, especially the size of buttons. (confirm button, change the quantity button)

The sizes of icons in the tab bars are not the same.

Final Version App map

Final version Visual design

digital prototype final Version

 

Feedback from 1st March presentation

1.Since the health data is important, don’t use reminder page( at most time, users just ignore it). The first time the user uses this app, fill the health data view should be the first thing come out. refer to the baby food app.

2.in the dish details page, the user is likely to don’t know the meaning of the green background. Just repeat the recommended might be helpful.

3.in the health data tab, is the calendar necessary? simplify it. lists

4.is the privacy protection necessary?

 

 

WK3&WK4_YIN HU

Insights from WK3 prototyping

Dishes tab:

(1) If the user wants to take dishes from the Not Recommended category, perhaps there is a reminder.

(2) Change the pattern of the changing the dish’s number’s button.

Me tab:

(1)Think about reorder function, such as reminding the user to reorder it, or setting to reorder it automatically

(2)What’s in the setting?

(3)Scanning medical records, the confirm button is not necessary

Others:

Since dishes of the homepage is sorted by health records, it might be better to remind users to update their health records.

Visual Design 3.0

the digital prototype

 

WK2_Yin Hu

Insights from paper prototyping

The whole app:
Too many functions are mixed, which causes this app complicated.
Home:
1. Give the “Home” tab a name which is related to the content of the tab rather than using “Home”.
2. “Adding to cart” function seems to have the logical problem.
Food Regulation:
The name of “Food regulation” seems to confuse the user, which means that the user won’t think the food shown in this tab is the food the user has at home.
Health Record:
1. How would you get the health data? Could it link to Health app to get part of the data?
2. The layout of this tab is confusing.

App Map 2.0

Wireframe 2.0

WK1_Yin Hu

Three things I didn’t know about HIG

  1. Navigation: Hierarchical Navigation, Flat Navigation, Content-Driven or Experience-Driven Navigation. I didn’t consider much about the types of navigations. This helps me to analyze the information architecture.
  2. 3D touch: in the past, when I design interactions, I didn’t consider applying varying levels of pressure to the touchscreen to access additional functions.
  3. Layout Guides and Safe Area: it aids with the positioning, alignment, and spacing of content. I didn’t know safe areas and margins in UI.

About me

 My name is Yin Hu, currently a first-year student in MFA DT. I studied Mass Communication in the undergraduate study. And I have two internships in UI&UX area. One is at the user experience lab of Tongji University, in China, the other one is at an internet company. I want to further study UI&UX design more systematically in my graduate study, so I chose Designing for Usability the last semester.

 

App Map

Wireframe

wireframe