Month: February 2018

Insights 

• Add icon doesn’t make sense
• Got confused about Baby size edit in the Meal Plan and the Baby Data
• Got confused with the wording “Your Recipe”
• Measurements don’t apply well to baby recipe when creating your own recipe
• Don’t really understand the process of creating your own recipe

 

 

Moment

“Moment” is an invisible app that helps users to stay conscious of how much time they spend on their phones.

By giving its permission on detecting actions, positions and sending notifications, the APP automatically tracks the time user operates the phone. If users spend too much time on their phones, they can set daily limits on themselves and be notified when they go over. That becomes a good way to force themselves off the device when they are over their limits.

There are 3 main features of the APP. A big in-your-face number shows how much time you’ve spent on your phone today in terms of hours and minutes. This is what mainly gets measured and shows your focus. And the record part is differentiated by colors, which gives a rough impression on the level of using phones. Also, the Moment can collect data from other APPs, showing the time the user spent on different APPs, which gives them a clear awareness of them.

     

 

Instead of judging user behaviors, the APP just simply shows the “truth”, that is, the exact how much time users are spending on their phones. Most people would be shocked by the statistic and records because they truly underestimated their time wasted on phones.

In this case, the APP “Moment” gives users a chance to rethink their relations with their mobile devices. It has a two-week course to fix the habits called “Phone Bootcamp”, and reform the way of using phones. Also, it has a function called “Daily Limits” which can be set as a hard limit. For users failed to hit the limit, they would be booted off.

What I learned:

1: Move navigation to the bottom

— {Existing Menu Plan,

Menu for people who have food ingredients,

Menu guide people to buy food ingredients and cooking,

Shopping List}

2：IphoneX has a home button at the bottom. Save space for the home button.

3: No LogIn page; No time periods on existing menu plan page.

4: Allow users to choose to past/future time period.

5: Give the presentation and introduce menu details from the existing menu page(homepage).

6: Add a cancel icon to allow users to remove allergic information.

7: Adjust the layout of text.

8: Design a full-page size calendar.

 

Improved Design:

https://marvelapp.com/2d9fcgg/screen/38850386

 

What I learned:

1. Bingo function is not necessary.
2. texts are too small.
3. The distribution of fruit and vegetable is difficult, so this time I change the direction to selling high end fruits or selling with big quantity.

Visual Design

Digital Prototype

What I learned :

1. Timer should be shown on all screens while it is working
2. In review section, ranking and user name should be added
   

   Wireframes:

   

About me

 

 

Hi! My name is Rudiampai Kuonsongtham, or you can call me Jean. I’m from Bangkok, Thailand. I’m a multidisciplinary designer with a focus on architectural and visual design. I’m currently interested in interactive and branding design. I am an enthusiastic person who is eager to learn new thing everyday!

 

3 Things I didn’t know about Apple HIG

1. Safe area Layout guide

I didn’t know that there is a safe area layout guide. Before this, I just design according to the whole size of the iPhone frame.

2. Color perception

When choosing the color for my app, I never consider about the culture or beliefs of people in other countries. I never thought that is it appropriate to use or not, I just concerned about its aesthetic. It is important for the app to be accepted and universally use by everyone.

3. Onboarding

A launch screen is important to be considered for the app, because it shows that your app is fast and responsive. It also allows time for initial content to load.

 

Food App :

The concept of my food app is “Healthy in a hurry!”. It creates for busy people who wants to be healthy. The app will make people’s life easier, especially the one who lived in the big city. The features of the app include a quick and healthy recipe, help you find a healthy restaurant nearby and help you organize your healthy shopping list!

 

App map

Wireframe

After doing some user test, I got some feedback from my users.

Here are the feedbacks I got from them:

1. In the home view, the horizontal outline of restaurants lists displays fewer restaurants information than the vertical outline. If my goal is to show users a large number of different restaurants, a vertical outline may be a better choice.
2. The “Save” icon is strange. Since that the icon is similar to “like”, users easily misunderstand the meaning of this icon.
3. The font size of restaurant detail is too small. They cannot be read on a digital device such as mobile phone.

Then I modified my wireframe and made a digital prototype.

This is how it looks like:

This is the link to the digital prototype:

https://marvelapp.com/2d1e4ja/screen/38563933

Iteration:

1. buttons and texts are way tooooo small!
2. pantone CMYK bars are too close to each other
3. be careful of putting too much information in one page>consider slide right and left to reveal more

Digital Prototype

User Test Findings:

• Home is vague; change to “newsfeed” or “feed”
• Saved recipes should have its own tab
• Ability to add more photos and videos in “create”
• Users thought the “I made dis” button meant that they had already created the recipe so they were confused

Digital Prototype