Enabled : 상호작용 가능 상태
Disabled : 상호작용 불가능 상태
Hover : 마우스를 위에 띄우둔 상태
Focus : 클릭한걸 강조하는 상태
Active : 활성화 된 상태
Pressed : 클릭했다고 표시하는 상태
GNB : 사이트 최상단에 위치한 주요메뉴 모아져있는 바
LNB : GNB내의 소메뉴
Hero Banner : 메인 배너라고도 하며 고객들에게 명확하게 전달하고자 하는 것을 이미지나 문장으로 표현
Drop Down List : 보통 화살표 아이콘과 함께 사용되며 많은 요소들 중 하나를 선택할 때 주로 사용 화살표 아이콘을 누르면 추가로 선택할 수 있는 선택지가 늘어남
모달/팝업 : 둘다 사용자에게 메세지를 전달하려는 의도를 가졌고 팝업은 사용자가 차단해놓는 경우도 있기 때문에 중요한 내용이라면 모달을 사용하는게 좋다
팝업은 브라우저 페이지 위에 새로운 브라우저 페이지가 생성되는거고 모달은 브라우저 페이지에 레이어가 하나 쌓이는 것
스낵바 : 사용자가 결정한 결과에 대한 간단한 메시지를 팝업
토글 : 스위치와 사용되며 활성화와 비활성화 시키는 기능
툴팁 : 도움말 같은 기능 마우스를 Hover상태로 하면 이해를 돕는 문장이 출력됨
input field와 유효성 검사 : 사용자가 직접 입력할 수 있는 입력란 유효성검사가 같이 사용되는 경우가 많은데 주로 로그인 / 잘못입력했을때 아이디가 틀렸다는 문구와 함께 로그인이 안된다.
check box : 여러가지를 선택해야 할 때 주로 사용 여러개중에 하나만 선택가능한 라디오박스와 유사하다
Accordian : 확실하게 알 수 있는 메뉴 하나와 그 메뉴를 클릭하면 그 메뉴와 관련된 소메뉴들이 리스트된다.(음식 - 중식 한식 양식)
Bread Crumb : 현재 나의 위치를 알 수 있게 해주는 네비게이션 상위 메뉴와 하위 메뉴 손쉽게 이동 가능하게 만들어줌
튜토리얼, 도움말, 온보딩 : 사용자가 서비스에 익숙해지도록 만들어주는 시스템으로
튜토리얼은 서비스 초기 실행시 해당 서비스를 안내하는 가이드를 말함
도움말은 특정 기능에 대한 사용자의 학습성 인지성을 높혀주는 가이드
온보딩은 사용자가 서비스를 점차적으로 천천히 알아가게 하여 이해력을 높히는 케이스
로딩 : 개발과정에서 없어도 되지만 불러오는 데이터가 무거운 경우 , 시스템 환경상 즉각 데이터가 노출되지 않는경우를 대비해 서비스별로 제공하는 UI
앱푸시 : 서비스 제공자가 사용자에게 전달하고 싶은 내용을 전달할 때 주로 사용되며 푸시를 클릭시 상세페이지로 이동하는 기능이 있음
서브화면, 레이어 : 대채로 안내성 성격이나 간단한 UI의 경우 레이어 팝업을 사용, 화면과 관련된 내용으로 서브화면이 구성됨
GUI : UI에 그래픽으로 디자인한것 시각적으로 보여지는 UI
시스템 팝업 : 운영체제에서 제공하는 팝업
레이어 팝업 : 안내성 메세지나 풀팝업 형태로 제공하는 레이어
Alert : 알림창 사용자에게 확인을 요구하는 메세지를 함께 담아 제공하는 창 확인버튼만있다.
Confirm : 사용자가 결정하기전 사용자의 결정에 대해 마지막으로 확인시켜주는 창 확인과 취소버튼이있다
네이티브 : os에 최적화된 개발언어로 개발된 앱 플랫폼API의 사용이 자유로우나 개발비용과 시간이 많이 소모됨
Hybrid : 네이티브와 웹의 장점이 결합되있다 네이티브의 api를 사용가능하고 개발도 빠르나 각 플랫폼에 대한 api를 사용하려면 각각의 개발자가 필요
웹 : 웹을 모바일 환경에 최적화 시킨 앱 / 개발이 매우빠르고 호환도 다 되서 좋지만 플랫폼의 api를 사용하지 못함
라벨링 : 용어를 정하는것 한글로할지 영어로할지 대문자로할지 소문자로할지 대소문자로할지
UI 탬플릿 : 반복되고 규칙적인 UI를 유형화하여 기획 및 설계하는 케이스
Default : 기본값 고정값
하드키 : 리모컨과 같은 물리적으로 만질 수 있는 버튼
소프트키 : 인터페이스에서 보이는 버튼
글로벌키 : 사용빈도수가 높은 자주 쓰이는 버튼 (뒤로가기, 홈버튼)
아코디언UI : 고정 초기부분에 많은 것을 보여주고 사용자가 페이지 전환 없이 상세정보를 확인할 수 있도록 돕는 UI
시뮬레이션 UI : 사용자가 멤버쉽같은 서비스를 이용할 때 어느정도 등급이 높아진다면 그에 대한 리워드나 어떤 혜택을 받는지 미리 시뮬레이션해서 보여주는 UI
Disabled & activated : 비활성화 상태에서 탭하면 커서가 깜빡거리고 키보드가 호출되는 등의 개념
Read only & Disabled : 결과만 확인시켜주고 비활성화 시켜서 수정할 수 없게 하는 개념
indicator & Dot indicator : 한 배너에 여러개의 광고가 있을 때 현재 배너가 몇번째인지 확인시켜주는 UI
Sorting & Filter UI : 정렬이나 필터기능을 가진 UI
디바이스 연동 E.G.LBS : 위치 기반서비스 현재 나의 위치에서 내가 찾는걸 안내하거나 날씨를 알려줄 때 사용한다.
History Back : 이전 버튼 클릭시 몇번이나 기억하고 있는지를 말하는 것 주로 경쟁서비스업체에서는 몇번까지 기억하는지 기록후 개발자에게 보고
캐시 : 자주 사용하는 이미지나 데이터를 더 빠르게 불러오기 위해 임시저장하는 곳
쿠키 : 브라우저에 저장하며 특정 서버에서 브라우저에 저장한 특정 데이터
세션 : 서버에 저장 쿠키로 인증된 사용자의 주요 정보와 데이터들을 저장하고 있다
