UX/UI Design: Tools | Glossary | Accessibility

UX/UI design is a fundamental discipline in the development of digital products and services.

It is responsible for creating interfaces that are not only attractive but also intuitive, efficient, and satisfying for users, directly impacting their experience and satisfaction. This field offers a great opportunity for juniors looking for an exciting and creative career in the tech world.

What do the acronyms “UX” and “UI” mean?

🟢 UX (User Experience): It is what a person perceives (more precisely the experience) when interacting with a product or service. It ranges from the emotions the user feels to the ease with which they achieve their goals. Good UX design translates into an intuitive, efficient, and satisfying experience.

👉 The user experience encompasses:

• Interaction design
• Prototypes and wireframes
• Information architecture
• Research
• Scenarios

🟢 UI (User Interface): It handles the visual design and interaction of the interface. It defines the elements the user sees and interacts with, such as typography, colors, buttons, information organization, and navigation structure. Good UI design creates an attractive, intuitive, and easy-to-use interface.

👉 The user interface encompasses:

• Visual design
• Colors
• Graphic design
• Layouts
• Typography

Why is UX/UI design so important?

Good UX/UI design can:

• ✅ Improve the usability of a product or service, making it easier to use and understand.
• ✅ Increase user satisfaction, creating a positive and memorable experience.
• ✅ Attract more users, differentiating from the competition and generating a favorable first impression.
• ✅ Build customer loyalty, encouraging them to return and recommend the product or service to others.

Tools to take your first steps

📌 Figma: A collaborative design tool that allows teams to work in real-time, ideal for projects that require flexibility and agility.

📌 Adobe XD: A tool for creating high-fidelity prototypes with great precision and detail, perfect for visualizing and testing the user experience before final development.

📌 Sketch: A vector design tool that stands out for its simplicity and intuitiveness, ideal for creating clean and minimalist interfaces.

📌 InVision: A tool for creating interactive prototypes that allow simulating the real user experience, facilitating error detection and design improvement.

📌 UXPin: A tool for creating low and medium-fidelity wireframes and prototypes, ideal for the early stages of design and defining the interface structure.

Basic UX/UI Design glossary to get along swimmingly

🟡 Wireframe: A basic outline of an interface’s structure, defining the organization of elements and content layout.

🟡 Prototype: A simulation of interaction with an interface, allowing for usability and navigation flow testing before final development.

🟡 Usability: The ease of use of an interface, measured by the efficiency, satisfaction, and accessibility it offers the user.

🟡 Heuristic: A general rule or principle used to evaluate the usability of an interface and detect potential design problems.

🟡 User testing: The observation and analysis of how users interact with an interface, aiming to obtain valuable information to improve the user experience.

How to design an accessible interface?

The first question you should ask yourself if you are a UX/UI designer is: Am I designing for all my users? 🧐

To answer this question, don’t miss the following article where Maria Paula Gomez, a UX/UI designer at Webstarted, shares some tips to consider digital accessibility at all stages of the design process 👉 How I design an accessible interface

UX/UI design is an exciting discipline that allows you to create interfaces that are not only attractive but also intuitive, efficient, and satisfying for users.