Office address
Private Office 4, True Space Asoke, 235/3-5 Sukhumvit 21 Klongtoey Nuer Wattana Bangkok 10110
Phone
+66 81-145-9780The world of UX/UI design is filled with terminology that can sometimes feel overwhelming, especially for non-designers or those new to the field. However, understanding these terms is crucial for effective collaboration between teams and for building user-friendly digital products. Here are 25 essential UX/UI terms you should know to navigate this field with confidence.
Refers to the overall experience a user has while interacting with a product or service. Good UX ensures that interactions are intuitive, seamless, and enjoyable.
The visual components of a product, such as buttons, icons, and layouts, that users interact with directly. UI focuses on aesthetics and usability.
Reusable building blocks in a design system, such as buttons, input fields, or navigation bars, that maintain consistency and efficiency in design and development.
A basic, low-fidelity outline of a design, typically used to map out the structure and layout of a digital product.
An interactive mockup of a product used to test and validate design ideas before development.
A diagram that maps out the steps a user takes to complete a specific task or achieve a goal within a product.
The organization and structure of content within a product to make it easy for users to navigate and find what they need.
Designing digital products to be usable by people with disabilities, including visual, auditory, or motor impairments.
An approach to design that ensures a product works well on various devices and screen sizes, from desktops to smartphones.
A prompt that encourages users to take a specific action, such as "Sign Up" or "Buy Now."
The art and technique of arranging text in a visually appealing and readable manner, including font choice, size, and spacing.
The arrangement of elements in a design to guide the user's attention and emphasize important content.
Psychological principles that describe how humans perceive visual elements as unified wholes, often used to create harmony in design.
A fictional representation of a target user based on research and data, used to guide design decisions.
A method of comparing two versions of a design or feature to determine which performs better with users.
A visual representation of the end-to-end experience a user has while interacting with a product or service.
Small, subtle animations or feedback elements that enhance the user experience, such as a button changing color when clicked.
A visual collage of colors, images, and styles used to establish the aesthetic direction of a project.
A process of evaluating a product's ease of use by observing real users as they interact with it.
A minimalist design style that uses simple elements, typography, and flat colors, without textures or gradients.
A collection of reusable components, guidelines, and standards that ensure consistency across a product or brand.
A design technique that reveals information or options gradually, reducing cognitive load and focusing the user on immediate tasks.
The process of guiding new users through a product to help them understand its features and value.
The screen displayed when there is no data to show, often used to provide helpful tips or encourage user actions.
Tooltips, guides, or hints provided directly within the interface to assist users in completing tasks or understanding features.
Understanding these 25 UX/UI terms is a great starting point for anyone involved in the design or development of digital products. Whether you’re a developer, project manager, or business owner, familiarizing yourself with these terms will help you communicate more effectively with designers and contribute to creating user-friendly products.
If you’re looking to design a product with a focus on excellent UX/UI, partnering with a software agency like We Do Dev Work can ensure your vision becomes a reality with a design that delights your users.
Just don't write bugs, bro
Avoiding common pitfalls in software development
What is a software agency (and why should you work with one)?
Office address
Private Office 4, True Space Asoke, 235/3-5 Sukhumvit 21 Klongtoey Nuer Wattana Bangkok 10110
Phone
+66 81-145-9780