Wacom Products Website
I was tasked with designing an informative website prototype to teach users something new. I chose to create a promotional website for Wacom drawing tablets and screens. Guided by user interface design laws and principles, my objective was to create a seamless browsing experience that enables users to easily compare products and make informed decisions.
Overview
Clear communication: Provide detailed product specifications and benefits in a clear, concise manner to guide users in making informed decisions.
Use psychological design laws and principles: Implement design strategies that engage users, enhancing the overall browsing experience.
Intuitive navigation: Design a user-friendly layout that allows visitors to quickly find the information they need without frustration.
Objectives
Team
Individual
Role
User Interface Designer
Deliverables
Project Proposal
Prototype
Duration
2 months
Tools
Figma
Photoshop
Process
Project Proposal
The first step was to organize and plan how I would use the different user interface design principles and laws into my website. I accomplished this by creating a project proposal that would outline how each one would be implemented throughout the pages of my design. Below is a link to the full proposal, where you can explore the detailed plan for using UI principles to create an engaging, user-friendly promotional website for Wacom’s drawing tablets and screens.
User Interface Principles
Von Restorff Effect
The Von Restorff Effect states that amidst similar objects, the one that differs visually tends to be remembered more easily. I implemented this in my “Compare Specs” page, where I list the specifications of each of the three tablets. However, I highlighted one as the “most popular” and included a brief description on why it was being recommended. The use of the blue border around this option differentiates it visually, making it stand out among the other tablets and easier for users to recall.
Multimedia Principle
The Multimedia Principle states that the inclusion of both words and pictures helps people learn better than text alone. With this principle in mind, I included explanatory graphics about each of the features of the tablets. This provides both visual and textual descriptions of the same features, aiding user understanding.
Hick’s Law
Hick’s Law is a psychological principle that states that as the number of choices increases, so does the time it takes for a person to make a decision. To address this, I limited the number of tablet models displayed by focusing on the three most common options, thus reducing decision fatigue. I also avoided overwhelming users with too many feature comparisons and instead highlighted the key differences to simplify decision-making.
Final Prototype
For my final project, I created a promotional website for Wacom drawing tablets. The Home page introduces the brand and its mission, the Features page highlights key functionalities for artists, the Products page showcases the tablet lineup, the Compare Specs page allows users to contrast models, and the Where to Buy page helps locate retailers.
Takeaway
Working on this project gave me a deeper insight into the importance of combining usability with thoughtful design. It became clear that understanding user needs and making information easy to access can significantly improve their experience. I learned how to effectively structure content, simplify decision-making, and ensure that every element serves a purpose in guiding users through the website. Moving forward, I’m excited to apply these design principles to create more engaging and intuitive interfaces that prioritize usability.