본문 바로가기
공부/UXUI

[UXUI] 기본 개념과 프론트엔드 개발자가 알아야하는 UIUX

by 야옹아옹 2022. 12. 19.

✨ UI, User Interface

사람들이 상호작용하기 위해 사용하는 시스템을 의미한다.

그래픽 요소 외에도 키보드, 마우스, 마이크 등의 물리적인 요소도 사용자 인터페이스라고 할 수 있다.

현대 사회에서는 GUI(Graphic User Interface)가 많이 중요해졌다.

- 터치 스크린 등 기술의 발전으로 많은 분야에서 GUI를 사용하게됨

✨ UX, User Experimence

사용자가 제품, 서비스를 직간접적으로 이용하고 느끼는 모든 총체적인 경험을 말한다.

사용자가 느끼는 모든 것을 포함한다고 보면 된다. 서비스 자체에 대한 경험, 홍보, 접근성, 사후 처리에 대한 경험 등등..

✨ UX, UI의 관계

UX 내부에 UI가 들어간다고 생각할 수 있다. 

UI가 좋다고해서 UX가 반드시 좋다는 것은 아니다. 다만 둘은 서로를 보완하는 역할을 가진다.


✨ 프론트엔드 개발자라면 반드시 알아야하는 UI

이미 과거로부터 좋은 UIUX에 대한 고민이 있어왔다.
따라서 현재 많은 디자인패턴들이 존재하고, 프론트엔드 개발자라면 사용자들에게 친숙하고 많이 사용되는 UI를 알고 있어야한다.  

사용자에게 친숙하다는 의미는 UX가 좋다는 의미다.

UI 자료 링크

프론트엔드 개발자라면 반드시 알아야하는 32가지 UI요소

 

프론트엔드 개발자라면 반드시 알아두어야 할 32가지의 UI 요소 (번역)

원제 : 32 User Interface Elements For UI Designers프론트엔드 개발자는 유저 인터페이스(UI)에 대해 그 어떤 개발자보다 잘 이해하고 숙지해야 합니다. 디자이너와 소통하며 그들을 이해하고, 때론 스스로

velog.io

UI 디자인 패턴 모음

 

Design patterns

Design patterns provide a common language between designers. They allow for debate over alternatives, where merely mentioning the name of a design pattern implicitly carries much more meaning than merely the name.

ui-patterns.com

 

댓글