UI란?
UI는 User Interface의 약자로, 사용자가 컴퓨터와 상호작용하는 시스템을 의미한다. 화면상의 그래픽 요소(GUI) 이외에도, 키보드나 마우스 같은 물리적인 요소들도 포함된다.
UX란?
UX는 User Experience의 약자로, 사용자 경험을 의미한다.
UI는 UX에 포함되는 요소로, 나쁜 UI는 보통 UX에 약영향을 끼친다.
UI 디자인패턴
-UI 디자인 패턴은 자주 쓰이는 UI 컴포넌트 패턴을 의미한다.
1. 모달
2. 토글
3. 탭
4. 태그
5. 자동완성
6. 드롭다운
7. 아코디언
8. 캐러셀
9. 페이지네이션
10. 무한 스크롤
11. GNB(Global Navigation Bar), LNB(Local Navigation Bar)
GNB는 모든 페이지에서 동일한 위치에서 동일한 형태인 네비게이션 바, LNB는 페이지에 따라 구성이 달라질 수 있는 네비게이션을 말한다.
UI 레이아웃
UI 레이아웃은 컴포넌트를 화면 상에 배치하는 방식을 의미한다.
웹 디자인에서는 화면을 세로로 몇 개의 영역으로 나눌 것인가에 초점을 맞추는 컬럼 그리드 시스템을 이용한다.
컴럼 그리드 시스템은 margin, column, gutter의 세가지 요소를 이용하여 화면을 분할한다.
margin은 화면 양쪽의 여백을 의미한다.
column은 콘텐츠가 위치하게 될 세로로 나누어진 영역을 의미한다.
gutter은 column과 column 사이의 공간을 의미한다.
column의 개수는 보통, 휴대폰에서 4개, 태블릿에서 8개, pc에서 12개이다.
좋은 UX를 만드는 요소
피터 모빌의 벌집모형은 좋은 UX를 판단하는 기준이 된다.
UI/UX 사용성 평가
