Mentrast Logo
Mentrast

UI
UX

Learn to understand a need, organize information and design an interface people can use.

Subject guide

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.


How Mentrast Can Help

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