Kellogg PM: Week7 UI/UX design

Him Apisit
3 min readMay 8, 2022

In the previous chapter, I learned Financial Analysis aka market sizing and customer lifetime value. Professor walked me through market size estimation methods which are top-down approach, and bottom-up approach. The most important thing is not the method but the mindset when we calculate market size. In reality, unlike school, we don’t need to maximize the size of the market that we want to conquer. This calculation could be a tool to help validate our assumptions, you can keep updating this number to sense check how your market size changes once you learn more about real users.

Photo by Hal Gatewood on Unsplash

In this unit I learned fairly high-level details on UI/UX design. It’s user interface and user experience. In other words, I can say that it’s about how to display your products/services to customers. Not only displaying but to make sure that your website, application is easy to navigate and use, match users’ mental model, and contain information that customers need. I learned a lot from this chapter, this area is where I have no clues at all.

Key learning

  1. Wireframing — For me, it’s a web-based prototype. You can create this type of prototype anywhere with any program. The essential part is not the details but the structure or what they called skeleton. As a communication tool, you could use it to elevate the discussion.
  2. Five S’s framework — This framework consists of five S which are Strategy, Structure, Scope, Skeleton, and Surface. Each word comes with its own context in the designer’s world.
ref: https://balsamiq.com/assets/wireframes/controls-wireframe-large.jpg

Balsamiq

I learned a simple way to use balsamiq from a simple tutorial on youtube. To be honest, I think it’s a great product yet keep in mind that I have approximately zero knowledge in UX/UI. This tool aims to help build low fidelity software prototypes, it contains a lot of icons, objects to support building fast prototypes. It’s fairly easy to use even for non-designer like me. I can utilize it, manage to do version control in this great app.

ref: https://www.xfive.co/blog/figma-reconstruct-website/

Figma

I use figma to build my low fidelity prototype for capstone project assignment, it uses the freemium model with cloud service so I don’t need to install the program on my computer which is awesome. I don’t know anything about figma at all but I can still produce results as shown below. Figma is used to build the high fidelity prototype that’s the difference between segments of users between Figma and Balsamiq.

My app’s user setting page
My app’s calculator page
My app Homepage with renovation ideas

Recommended reading

Books

  1. The Elements of User Experience: User-Centered Design for the Web and Beyond
  2. Lean UX: Designing Great Products with Agile Teams
  3. Universal Principles of Design
  4. 100 Things Every Designer Needs to Know About People

--

--

Him Apisit

Data Scientist @ LMWN | Interested in Tech Startup, Data Analytics, Social Enterprise, Behavioral Economics, Strategy.