랜딩 페이지 (Landing Page) 랜딩 페이지는 특정 목표를 달성하기 위해 설계된 웹페이지입니다. 이는 일반적으로 디지털 광고 캠페인을 통해 사용자들이 '착륙'하는 곳입니다. 목표는 보통 구매, 등록, 문의, 다운로드 등과 같은 사용자 행동을 유도하는 것입니다. 예시 UX/UI 디자이너는…
런처 아이콘(launcher icon) 런처 아이콘은 애플리케이션의 시작화면을 의미하며 앱을 실행할 때 가장 먼저 보는 앱 아이콘이다. 런처 아이콘은 앱의 브랜드 아이덴티티를 대표하여 사용자에게 좋은 인상을 주어야 한다. 앱 아이콘, 폴더 아이콘 등 OS에서 제공하는 기본…
레거시 (Legacy) 레거시는 기술, 시스템, 소프트웨어 등이 오래되어 새로운 버전이나 표준에 대체되어야 하지만 여전히 사용되고 있는 상태를 의미합니다. 레거시 시스템은 종종 업데이트가 어렵고, 유지 관리가 비용이 많이 들며, 새로운 기술과의 호환성 문제를 가질 수…
레이블(Label) 레이블(Label)은 사용자 인터페이스(UI)에서 정보의 종류나 입력 필드의 목적을 설명하는 텍스트 요소로, 사용자가 UI를 쉽게 이해하고 사용할 수 있도록 돕는 역할을 합니다. 라벨이라고도 불리며, 특히 입력 필드, 체크박스, 라디오 버튼 등의 요소와 함께…
리스트(Lists) 리스트 타입은 정보를 순차적으로 표시하기 위해 사용되는 UI 요소다. 주로 항목 목록, 메뉴, 태그, 할 일 목록 등 다양한 형태로 사용된다. 사용 예시 리스트 타입은 웹사이트의 사이드바 메뉴, 블로그의 글 목록, 앱의…
마이크로 인터랙션(Micro interaction) 마이크로 인터랙션이란 유저가 웹 혹은 앱 서비스를 사용할 때 마이크로한 영역에 대한 피드백 말함. 예를 들면, 페이스북 혹은 인스타그램의 '좋아요' 버튼 클릭 시 아이콘의 모션을 통해 피드백을 줌. 다른 예시로 구글 드라이브에…
마이크로인터랙션 (Microinteractions) 마이크로인터랙션은 사용자와 디자인 요소 간의 작은 상호작용을 말합니다. 이는 사용자의 행동에 반응하거나 시스템 상태를 나타내는 방법 등에 사용됩니다. 마이크로인터랙션은 사용자 경험(UX)을 높이는 데 중요한 역할을 합니다. 예시 버튼을 클릭하면 색상이 변하거나, 애니메이션이…
모달 (Modal) 모달은 사용자의 주의를 특정 작업 또는 내용에 집중시키기 위해 주로 사용되는 대화형 UI 요소입니다. 사용자가 모달 내의 정보를 주시하거나 요구되는 작업을 완료하도록 강제하기도 합니다. 웹 브라우저에서 자체적으로 제공하는 모달 얼럿도 있지만, 경우에…
모바일 퍼스트(Mobile First) 모바일 퍼스트는 웹사이트나 애플리케이션을 설계할 때, 먼저 모바일 환경을 고려하고 그 이후에 더 큰 화면(태블릿, 데스크탑 등)을 위한 설계를 확장하는 방법론입니다. 이는 현대의 인터넷 사용 패턴에서 모바일 디바이스의 중요성이 계속해서 증가하고 있음을…
밀러의 법칙(Miller’s Law) 밀러의 법칙은 인간의 작업 기억 용량과 작업의 복잡도 사이의 관계를 설명하는 심리학적인 원리입니다. 이 법칙은 1956년에 조지 A. 밀러(George A. Miller)에 의해 제안되었으며, "매직 넘버 7±2"라고도 알려져 있습니다. 밀러의 연구에 따르면 대부분의…
반응형 레이아웃 레이아웃이란, 컴퓨터 그래픽 디자인이나 소프트웨어 디자인에서 각 구성요소를 제한된 공간 안에 효과적으로 배열하는 것.반응형이란 다양한 해상도의 디바이스에 최적화 시키는 것으로 그리드 시스템을 바탕으로 레이아웃을 구성하는 것이 중요함.그리드 시스템을 활용해서 레이아웃을 만드는 이유…
브레드 크럼(Breadcrumbs) 브레드 크럼이란 빵 부스러기로 헨젤과 그레텔에서 따온 용어로 사이트의 전체 구조를 한눈에 볼 수 있어 사용자가 현 위치에 대한 맥락을 쉽게 알 수 있음. 홈부터 상위 카테고리(2depth), 하위 카테고리(3depth), 현 위치 순으로…
