Birkenstock Clogs
Promoting the Birkenstock Boston Soft Footbed Clogs by applying essential user interface design principles
ROLE
📲 User Interface Designer
TOOLS
💻 Figma
DELIVERABLES
📄 Project Proposal 🖥 Prototype
DURATION
🗓 8 weeks (2023)
OVERVIEW
I was tasked with creating a product promotion website/app prototype designed to inform users about a specific product and market it to them. By utilizing various principles and laws of user interface design, I was able to produce an interface that ensures users can effortlessly navigate it while also presenting information in a manner that's comprehensible and easy to memorize.
Multimedia Principle
Zeigarnik Effect
Fitts’ Law
Law of Proximity
Tesler’s Law
PROJECT GOALS
My goals with this project were as follows:
To research other product promotion interfaces and utilize their conventions to create a straightforward navigation and intuitive prototype
To present informative content in a retainable and accessible way
To incorporate the various laws and principles of user interface design that I learned over the semester into an informed final interface.
💭 Intuitive
💭 Retainable
💭 Accessible
💭 Informed
PROCESS
Project Proposal
Before beginning the project itself, I was tasked with writing a proposal outlining what I intended to do for my project and explaining each UI law and principle and how I would incorporate them into my final prototype. Click the button below to see my full project proposal and how I planned to utilize each UI law and principle in my project.
User Interface Principles
Multimedia Principle
The Multimedia Principle states that when text and graphics are used to communicate the same concept, it allows users to learn better than text alone. I adhered to this principle by using text and relevant images together to explain each feature of the shoe.
Miller’s Law
Miller’s Law states that the average person can only keep about seven (±2) items in their working memory. Keeping this in mind, I showcased only six parts of the footbed so that the user can more easily remember them.
Zeigarnik Effect
The Zeigarnik Effect is the psychological principle that states people are more likely to remember uncompleted tasks than completed tasks. I considered this by adding a progress bar to my features page, so as users are walked through the features of the shoe, they are aware of where they are and what they have not seen, indicated by unfilled circles.
FINAL PROTOTYPE
For my Final Project, I designed an informational website with the goal of promoting Birkenstock Boston Clog shoes. My prototype is divided into three sections. The first goes over the color and material options of the shoes, the next highlights the features of the shoes, and the last informs the user on how to buy them. A big appeal of Birkenstock shoes is their unique footbed design, so I went into detail about this in the features section, showcasing each aspect of it. Click the button below to browse my prototype.
RETROSPECTIVE
Completing this project taught me a great deal about how designing interfaces is not only a matter of visual design. I did a lot of research throughout the design process on other websites and how their interfaces were set up, and learned and implemented their conventions in order to better create a promotional website that users would already feel somewhat familiar with. Utilizing the laws and principles of UI design showed me the strong impact that cognitive psychology can have on the user’s experience. I’m looking forward to taking these lessons with me as I design more in the future.