Project Goals

My goals for this project were to design an interface that feels intuitive to navigate, present information in a way that users can easily understand, and create a memorable experience by applying the various user interface laws and principles taught throughout the semester.

goals-img

Process

Project Proposal

Before I create my prototype, I first wrote a project proposal that outlined my plan for the design of my final project. Using various laws and principles of user interface design, I explained how I would use each user interface principle to support my final design.

User Interface Principles

Von Restorff Effect

The Von Restorff Effect is a psychological principle that explains how people are more likely to remember the item that is different from a group of multiple similar items. This principle is taken into account when I create my products page, where I highlighted key information of each matcha powder with a different color and font weight. This draws users' attention and helps users remember information easier.

von-restorff

Zeigarnik Effect

The Zeigarnik Effect is another principle that states that a person tends to remember incomplete tasks better than completed tasks. I took advantage of this principle by incorporating a carousel indicator at the bottom of each page in the tutorial section. This helps users understand what step they are currently on, what steps are left, and which steps they have already completed.

zeigarnik

Fitts's Law

Fitts’s Law is a principle that states that the time it takes a user to reach a target is dependent on the size and distance of the target. Considering this principle, I made call to action buttons large and located within close proximity of the center of the page. This allows users to quickly and easily interact with these buttons.

fitts

Final Deliverable

My final project is a promotional website with the intention to not only showcase Nami's matcha products but also teach users how to make a matcha latte with them. My prototype includes a homepage that highlights the products, a product page that provides more details about each matcha powder, and a tutorial section that guides users through the process of making a matcha latte.

nami preview

Reflection

After completing this project, I realized that there is much more behind the way elements are placed and designed on an interface. This project helped me understand different ways designers can support users by considering how people process and retain information. As I continue designing more complex interfaces, I plan to carry this knowledge forward with a deeper awareness of how structure and design can support users and create memorable experiences.