41 design terms useful for the UX researcher





Working with UX designers and getting to know their vocabulary is almost like learning a new language. Let's take a look at 41 commonly used design terms. For better understanding within the team.





Flat Design



Flat Design โ€” . .



(Nick Babich) UX Planet flat design ยซ ยป, .


Dropbox Basic. , , .







Interaction Design ( )



, IxD, โ€” , .







Material Design ( )



Material Design, , โ€” , Google Android.



Google:





Iterative Design ( )



Iterative Design โ€” , . , , , , , . , .





Design sprints (-)



, ยซยป. , 1โ€“3 . โ€” .





Brand Identity ( )



, , . , , , , ..







Mood board ( )



Mood board โ€” , (, - ) , , . , , , . , .



, , UX, , ..





Storyboard ()



Storyboard โ€” . , .





User Journey Maps / UX Flow / Flowchart



( UX- -) , , . , , .





UX? โ€” .



, . , , .



UX- (, - -).





Wireframe ()



. -.







Wireflow



Wireflow . Wireflows -, .



Wireflow
Wireflow โ€” . Wireframe- , / , . wireframe , . . - . . , , , . 10% wireframe- ; 90% .







Mockup ()



, , โ€” . . , , .







MVP



MVP (minimum viable product) , , . , . MVP .



, , , . . , , , .







Low and High-fidelity protos





( Low protos) . , , , Sketch, (High-fidelity protos). , , .







Adaptive design ( )



โ€” , . , . , - โ€” , -, , .







Responsive design ( -)



, -, , . - โ€” , , , .











Affordance ( )



Affordance โ€” , , . . โ€” ยซยป, , .





ยซยป , , . , .





Picker ()



, . , , , , , . .







Bar ( )





โ€” , , . :



(Tab bar) โ€” .







UI Element



(UI) โ€” , -. , , .





UI Pattern



โ€” , .



. , , . โ€” .




Widget ()



โ€” , . : , , , ...





Pixel ()



( ) โ€” . โ€” . . , . , , .





Hierarchy ()



โ€” , .







Breadcrumbs ( )



โ€” , , -. -. , 1995 , .







API



, . API โ€” , . API, .







Onboarding ()



, . .





Lorem Ipsum ( )



ยซ ยป, lorem ipsum โ€” -, , . -, , , .







Legibility ()



, . , , .







Microcopy ()



, -, . , , - . โ€” UX .





Grid System ()



โ€” , ( ) . , , .







Scale ()



. , .





Color Theory ( )





, . โ€” , , .





Cool Colors ( )







, , , , , .. . , , .





Warm Colors ( )







, , , , .. , , , . , .





Gradient ()



, .





Opacity ()



. , .





Resolution ()



. , , . , , , .







Contrast ()



The degree of difference between two adjacent elements. Some other common types of contrast are dark versus light, thick versus thin, coarse versus smooth, etc.







Saturation



The degree of intensity and brightness of the color. For example, a color with a low saturation may appear pale and washed out, while a more saturated color may appear brighter and more colorful.







Well that's all. These were some of the most common terms you might come across when working with UI, UX, or graphic designers.




All Articles