Food Picker – AppleTV – UI design

Based on the user test last week, I changed some parts in my app:

  • When the user opens the app, it would focus on the current location button. (It was not clear that user tended to ignore this button.)
  • In the restaurant detail page, I change the layout of “menu” and “save” buttons. (It was confusing when they placed together.)
  • Remove the popular tag on the menu page. (It looked like a clickable button.)


Food Picker – Final Iteration

What I changed in the final iteration:

  • Randomly generate 3 options for the user. But the user can only view one option each time. If the users dislike one restaurant, they can’t go back to that option again.
  • Redesign the filter interface. Reorganize the type of cuisine options.
  • Reorganize the restaurant detailed page. I only keep the information that is useful for the user.


Marvel prototype:

#thursdayapps – Hardbound


Hardbound is a new, unique format of storytelling that’s visual, interactive and designed for mobile. Comparing with the traditional news app which provides many texts in content, Hardbound uses lots of illustrations and graphics to help you digest the information. Most of the story takes about 5 minutes to finish. It is appropriate to read a story during the waiting time. The simple gesture (swipe← →) makes the reading experience smooth and comfortable.

In my perspective, Hardbound creates an innovative way to read the news and make the information clearer and easy to consume.



#thursdayapps – Steppy Pants


This is a very interesting game! I have been playing this for 2 weeks during my commuting time. Basically, you press on the screen to move the character’s leg. The longer you press, the bigger step you take. There are some barriers and gaps which you can’t step on.

The reason I love this game is the graphic style. The character has dramatic movement and the game uses humor conversations. The user can share the falling down GIF to social media. I think this is very fun. Moreover, because there is no limitation of the life,  you can keep playing until you feel tired!

Highly recommend! 😀



Food Picker – Visual prototype

3 thing I changed from paper prototype

In order to focus more on helping people who have choosing disabilities, the main change I did was randomly pick a restaurant for the user.

  1. Bring all filters to the beginning. (user said that choosing pictures is not helpful)
  2. Add the pictures in the restaurant detailed page. (picture increases the appetite)
  3. Add save function. The user can find the previous restaurant easier.

Marvel prototype:

Digital Prototype Feedback

  • 1.0 Choose Location: confusing about using current location / if user doesn’t input anyplace
  • 1.1 Choose filter: There is no need to select rating range, cuisine/dining categories are confusing
  • 1.1.1 Picked Restaurant: “close” button should change to ex:”find your next meal”.
  • 1.1.1 Picked Restaurant: reorganize the information in this page, what is useful? what is convincing for the user? (too much information now)
  • 1.1.1 Picked Restaurant: The button for changing pictures at the top is not clear.
  • User might be able to get a new random outcome based on the same filter.
  • Some users want to choose food based on taste, ex: spicy, sweet.
  • 1.1.1 Picked Restaurant: Just provide the best part of the restaurant to the user! –> user would be convinced that this is the best restaurant.


3 things I learn from the Apple HIG

1. Integration with Siri

Apps can integrate with Siri and let people use their voice to perform specific types of app-specific actions, such as making calls, sending messages, and starting workouts.

2. Expanded Notifications

You can enhance notifications with an expanded detail view that opens when people use 3D Touch to press your notification or swipe your notification down on an unlocked device. Use this view to give people quick access to more information about a notification and the ability to take immediate action without leaving their current context.

3. Peek and Pop

A peek lets people use 3D Touch to preview an item, such as a page, link, or file, in a view that appears temporarily above the current context. To peek at an item that supports this functionality, apply a little pressure to the item with your finger. Simply lift your finger to exit the peek. To open the item and see more detail, press a little harder until the item pops and fills the screen. In some peek views, you can swipe up to reveal related action buttons. For example, while peeking at a link in Safari, you can swipe up to reveal buttons for opening the link in the background, adding the link to your reading list, and copying the link.