데일리미션 (2)⏩UX (User Experience)
제품이나, 서비스를 사용하는 과정에서 사용자가 느끼는 감정, 태도, 인식 등 전반적인 경험을 뜻한다.
⏩UI (User Interface)
사용자가 디지털 제품이나 서비스와 만나는 면이자 상호작용을할 수 있도록 연결하는 매개체. (버튼, 텍스트, 이미지, 애니메이션 등의 _시각적 요소)
✨ UI (사용자 인터페이스) 용어
입력 필드 (Input Field)
사용자가 키보드를 사용항 직접 텍스트를 입력하는 곳. 검색창,로그인 폼, 회원가입 폼 등에서 볼수 있음.
선택 버튼
✅ 라디오 버튼 (Radio Button) : 하나의 항목만 선택가능
사진 출처
✅체크박스 (Check Box) : 동시에 여러개 선택가능
드롭다운 리스트 (Drop Down List)
처음은 기본형, 누르면 아래로 리스트 뜨는 것
사진 출처
슬라이더 (Slider)
사용자가 제한된 범위 안에서 입력 값을 선택하게 해주는 요소. (ex 가격범위 선택)
사진 출처
CTA (Call To Action)
사용자가 구매, 구독, 방문 등 원하는 행동을 하도록 유도하는 장치.
(자극적 문구와, 시각적 요소로 구성한 버튼 활용)
카드 (Card)
이미지와 텍스트 등으로 구성하여 다양한 정보를 담는 요소. 정보를 한눈에 쉽게 확인 가능
사진 출처
라이트 박스 (Light Box)
팝업이 뜰 때 백스라운드 화면이 어두워지거나 밝아지는것을 라이트박스라 한다. 올라온 화면에 집중도를 올려주는 효과
캐러셀 (Carousel)
한 화면에서 두 개 이상의 여러 콘텐츠를 보여줄 때 사용. 주로 슬라이드 형태
메인페이지에서 가장 흔히 사용
헤더 & 푸터 (Header & Footer)
**헤더(브랜드 로고, 네비게이션바)는 웹페이지의 상단, 푸터(회사정보,소셜 미디어 정보, 개인정보 정책등)는 웹페이지의 하단 영역이다.
네비게이션바 (Navigation Bar)
내비게이션 바(navigation bar) 또는 링크 바(link bar)는 웹사이트의 페이지 사이를 탐색하기 위해 하이퍼텍스트 링크를 포함하고 있는 웹 페이지의 하부 영역이다.
사진 출처
