preloader
UI/UX Terminology: What Every Client Should Know
IT Outsourcing, Web Design,

UI/UX Terminology: What Every Client Should Know

3 m read
QArea News Editor
QArea News Editor
August 13, 2019
Share on
Reading Time: 3 minutes

If you have a look at what UI/UX designers do, you’ll probably see some pictures, photos or other kinds of drawings. When you start talking to them, what you hear might sound like a collection of buzzwords. They’re not.

We’ll guide you through the key UI and UX terminology that you will definitely hear from designers while they are working on your design project.

1. User experience / UX

This term refers to the way a user perceives the design and how intuitive navigation through the pages of an app is. It was first mentioned by Doctor Donald Norman, who was a cognitive scientist.

2. Customer experience

This is the way a customer interacts and uses software. In most cases, it’s an employee of the company (that has ordered a design service).

3. User experience design / UXD

Here we have the more practical side of the design and how comfortable it is to use the app, and whether it meets the expectations and requirements of the end-users.

4. Graphical user interface / UI / GUI

It’s all about what the user will see on each screen of the app. It’s a pack of various elements, visuals, texts and so on.

5. Interaction design

Designers predict how the end-users will interact with the software and they base their design ideas on these suggestions.

6. The rule of 3 clicks

There’s a theory that users will leave an app or website if they can’t solve their tasks in three clicks or screen taps.

7. Sketch

It’s a picture that contains some raw ideas about the future design of a page element. It can be a simple drawing on paper or even on the office walls. This term is sometimes treated as a UX jargon. (It’s also a very popular software suite used by many designers.)

8. Mockup

It’s the full picture of how the future page will look like. It can be in .psd format and contain a lot of layers for every single element and block. A designer can offer a .png image to show you what a future page/product will look like. It relates more to UI. An animated mockup (rare!) might also show some UX workflows.

9. Wireframe

It’s a functional sketch of the page or even the whole app. You can see a rough draft of your page and the layout of images/text on it. The goal of a wireframe is to show the performance of the software and if it’s easy to interplay with it. It relates more to UX terminology for user experience design.

10. Prototype

A high-fidelity prototype will give you a full view of the app and its performance. You can analyze the way visual elements look like and how responsive the app is. You can see if it’s comfortable to deal with the app and how it reacts to your requests.

11. Minimum viable product / MVP

It’s a raw version of an application. It can be already used by the company to communicate with users and test the app in real-time. It’s one of the commonly used UX terms.

12. Grid

These are vertical and horizontal lines that create a structure for the page. It lets designers save time for ordering the elements and making them look consistent.

13. A rule of 60-30-10

Designers don’t pick up colors and their combinations at random. One of the most common rules is picking up three major colors and using them in 60%+30%+10% proportions.

14. Contrast

A proper contrast will let users distinguish elements on a page one from another. For example, there’s a very high contrast between black and white colors. There can be a sharp line between them or a gradient to make the transition between the colors smooth.

15. Color wheel

A designer can match colors with the help of this wheel. It has a set of colors in a specific order and there are standard rules of color combination that work for this wheel.

16. Gestalt

Psychological term that means “the full picture”. A designer should have a basic understanding of the way the information is perceived by the users and how a combination of various visual elements can make a person make a specific action.

17. Mindmap

It’s a visualization of ideas and requirements for future design. It should have a hierarchy to provide an idea of how each element is related to another one. There should be a key concept that will become the core of the future project.

18. Customer journey

Designers can build a map where they will predict the way the user will behave while using the new application. Each touchpoint should be noted down and tested.

19. Responsive design

It’s related to UX design terminology. Such a design means that the user will have the same experience while using the software on different devices and operating systems.

20. User engagement

It’s the way the user reacts to the content that is placed on a specific page – it should provide value, solve problems or answer questions of the people.

21. Call to action

It’s the key element on the page that should make a user take a specific action. It can be a purchase of a new software product, filling in a subscription form, etc. In this case:

You speak the language. Now let’s design your project!

Categories

Recent Posts

Subscribe

Yes

Share on
Close icon
Privacy Preference Center