Some UI/UX Design Terminologies.

So having worked with some Developers, Project/Product managers I discovered that sometimes they find it difficult to communicate well with UI/UX designers when building/designing a product. So in this article, I try to draft out some basic UI/UX terminologies that could help them to communicate well with UI/UX designers.

Working with UI/UX designers and getting to know their terminology is almost like learning a new language. — eleken
        

• Design System:?A design system is a complete set of rules/guidelines intended to manage design at scale using reusable components and patterns which allow teams to design, develop, and manufacture a product.
• User-Onboarding:?User onboarding is essentially the process of orienting and familiarising new users with a product. It is the process of converting new users into long-term users.

• Responsive Design:?This is the ability for a design to adapt across various devices (mobile, desktop, tablet) without the look and feel being hindered.

• Usability:?Usability describes the level of ease with which a product allows a user to get to their goal. It is the degree to which a product is easy to use with no specific training.
• User Flow:?This refers to the path(s) that a user can take to accomplish a task while using a product.

• Use case:?Use Cases give us a precise idea about how the users should be able to make use of the product for the completion of a particular task.
• Sitemaps:?It is an illustration that shows all the paths a user can take while using a product. It’s a guide just like a map. It also shows the hierarchy of your product’s pages as well as the connections between them.

• Mockup:?A mockup is a graphical portrayal or model of a product that exists either already and you want to use its picture to illustrate what the final result will look like.

• Personas:?They are representations of a particular user type. They are also the potential users of a product that's being designed. We usually keep them in mind while designing user-centered design(UCD).

• Mood Board:?A mood board is a collection of images, typography, icons, and user interface elements used to convey a project’s visual vision and can also be used to enhance creativity, one can get inspiration from a mood board.

• Prototype:?A simulation or sample version of a final product, which UX teams use for testing before the final product launch.

• User Stories:?User Stories describe how different types of users can interact with a product. They usually come in this format:

“As a <type of user>, I want to <feature or action>, to be able to <the desired outcome>”.        

• Wireframe:?This is a skeletal sketch that shows the basic structure/layout and items that a finished design should have.

• A/B Testing:?A/B testing is an online experiment conducted on a website, mobile application, to test potential improvements in comparison to a control or original version.
• Breadcrumb: A breadcrumb is a graphical control element used as a navigational aid in user interfaces. It allows users to keep track and maintain awareness of their locations within a product.

• Grid System:?Consists of horizontal and vertical lines that serve as a foundation for page layout and design. It conveys the concepts of order, economy, and uniformity. For organising content, the grid provides a common structure and flexibility. It helps designers when placing/structuring components on a site.

Thank you for reading till the end! ??

However, there are also more UI/UX terminologies, these are just a few, so we shouldn't limit ourselves to these.

Happy Designing ??