Week 10 – Ting and Jason

Smart app for meetings.

We are designing an app to record, analyze, and provide related references for group meetings. 

Every time during the studio critique, guest crits always give us so many references and suggestions which are so hard to catch up in such short time. We usually take notes on the notebook but still miss out a lot. Also, we all have the experience that the crit gave an unsure name or terms which needed to be looked up afterward. Record the whole conversation could be a way to solve this problem, but how can we use Machine Learning to improve this experience?

We followed this guideline from Human-Centered Machine Learning by Josh Lovejoy and Jess Holbrook to start off.

  • Describe the way a theoretical human “expert” might perform the task today.
    1.We would expect the expert to check if anyone mentioned incorrect information.
    2.to differentiate small talk/joke/sarcasm.
    3.to read the tone of the members. Who was agree or against with some certain idea?
    4.Categorize the transcription by recognizing the sound.
    5.Look up the dictionary or google.
  • If your human expert were to perform this task, how would you respond to them so they improved for the next time? Do this for all four phases of the confusion matrix.
    1.The user will be asked to delete unrelated reference on the report tab.
  • If a human were to perform this task, what assumptions would the user want them to make?


What I learned from Apple TV HIG:

1.Difference between the three gestures
a)swipe – directions, going through large volumes of content.
b)click – triggering actions.
– hold + click = enter an edit mode.
c)tap – directions, going through content one by one.

2.Design for different focusable item states.

3.Parallax is a subtle visual effect used throughout the system to convey depth and dynamism when an element is in focus. Through image layering, transparency, scaling, and motion, parallax produces a 3D effect with a sense of realism and vitality.



User Feed Back

1.Two floating buttons are weird. Need to decide whether search or saved item is more important to have an individual tab. In this case, search seems more important; I decide to keep saved item in the profile tab.

2.News tab > Inspairation

3.Missing sub-category page.

4.In the Profile tab, the food preference tags seem unnecessary.

5.Pantone color smoothie: kept only the “Brightness” slider to restrict users picking from yellow, orange, green, and purple color scheme (because not all the colors can be made by smoothies.)

1.The background color for tabs shouldn’t be the same color as the app background, and the highlight color pink is unclear.

2.In the full recipe page, steps instructions in the bottom change to slide show, following step by steps by swiping left.

3.Bigger bigger bigger!

4.The plus sign next to products in shop tab are confusing.

5.Remove the cart logo and show “4 items in cart” with text  on the upper right corner.


Things I learned from prototyping:

1.Saved item is suggested to remove from tabs and have it’s own button floating on the page.

2.Smoothies should combine with recipe. Also, the instructions of choosing the colors are unclear. This week, I designed a CNYK bar which is a pretty intuitive interface for users.

3.Added shop as one of the tabs.

4.During the paper prototyping, my users pointed out several missing “return button”, which I added this time.




Hello! This is Ting.

My background is Industrial Design with a year experience in exhibition design.

3 things I learn form IOS Human Interface Guideline is mostly about iPhone X:

1.Bolder navigation. To improve clarity and context when browsing and searching, apps can implement navigation bars that include large, bold titles.

2.Safe area layout guides. Adhering to the system’s safe area ensures appropriate insetting of content within layouts and prevents content from underlapping the status bar, navigation bar, toolbar, and tab bar.

3.Minimize the use of modality. Generally, people prefer to interact with apps in nonlinear ways. Consider creating a modal context only when it’s critical to get someone’s attention, when a task must be completed or abandoned to continue using the app, or to save important data.