Learn UI and UX design.
A starting guide to research, interaction and visual design. Connect the choices on a screen to the person using it.
Design brings together what people need, what a product is trying to do and what can be built. Visual quality matters alongside clarity and usability.
At its core, design is a series of choices about an experience . Those choices become stronger when you can explain their purpose and test them with the people affected.
Use these topics to choose a small project and build your understanding through critique and revision.
01 · FOUNDATIONS
Topics to build on
Begin with a clear task and the people attempting it. Learn research, structure, interaction and visual design as connected parts of that experience.
1. Understanding people and tasks
Practise asking useful questions and observing where people get stuck. Principles such as Hick's Law can inform a design, but the actual task and context matter more than applying a rule mechanically.
2. Information and interaction
Organize information and map the steps a person takes. Think in connected states, including what happens when there is no data, a request fails or someone changes their mind.
3. Visual design and layout
Practise typography, spacing, contrast and hierarchy. Use the layout and component tools in your chosen design application to make the design consistent and easier to revise.
4. Working with constraints
Understand the platform and discuss constraints with the people building it. You can learn basic web layout, responsive behavior and accessibility without needing to become a full-time developer.
02 · PRACTICE
Test more than the ideal screen
Reference designs can offer useful ideas. Check whether those ideas fit the content, tasks and constraints of your own project.
Use realistic content
Try long names, empty lists, missing images and error messages. A layout that handles these cases is more useful than one built only around perfect example data.
Balance the needs involved
Consider the learner or customer, the product and the team maintaining it. Explain the tradeoffs and test whether the design makes the important action understandable.
03 · PRACTICAL WORK
A project to learn from
Choose one manageable flow. Sketch the steps, create a version someone can try, and observe what they do without coaching them through it.
Example task: Design a subscription flow that explains the plan, the billing period and what happens if payment fails.
Check the actual payment provider capabilities, show clear states and make recovery understandable. Review the wording and interaction with engineering before treating the flow as complete.
Critique and communication are part of the design work. Revise a choice when the evidence shows that a different one serves the task better.
Mentrast can help you work through design concepts, examples and practical assignments. Bring your reasoning or a draft for feedback, then test important decisions with people using the design. AI critique complements that work; it does not replace usability research.
Start learning