2020/10 2

[UI/UX] 드롭다운(Dropdown)에 대해 알아보자

드롭다운(Dropdown)이란? 드롭다운은 사용자가 여러 값(Value)이 있는 리스트에서 하나의 값(Value)을 선택할 수 있도록 하는 요소(Element)입니다. 드롭다운은 광범위하게 사용되는데요. 크게 드롭다운 메뉴(Dropdown Menu)와 드롭다운 리스트(Dropdown List) 두개의 타입으로 구분 짓습니다. 드롭다운 메뉴는 주로 웹사이트나 앱에서 어디로 가야할 지 네비게이션 역할을 합니다. 그래서 웹사이트의 상단에 주로 배치 됩니다. 사용자가 처음 접했을 때 자연스럽게 왼쪽 상단부터 시선이 가기 때문에 쉽게 찾을 수 있는 위치입니다. 디자인은 다르지만 서브메뉴가 있는 대부분의 웹사이트들은 이 드롭다운 메뉴를 사용합니다. 반면 드롭다운 리스트는 드롭다운 메뉴와 다르게 값을 선택해야 하는 ..

UI & UX 2020.10.09

[UI/UX] 툴 팁(Tooltip)에 대해 알아보자

안녕하세요? 오늘은 툴팁에 대해 자세하게 알아보겠습니다. 툴팁이란? 툴팁(Tooltip), 인포팁(Infotip) 또는 힌트(Hint)라고 불리는 툴 팁은 마우스를 아이템에 갖다대었을 때(Hover) 나타나는 정보가 적혀 있는 박스입니다. 툴 팁은 정말 흔해서 아무곳에서나 찾을 수 있습니다. 마우스 커서가 아이템에 갖다대었을 때 나타나기 때문에 모바일 버전에서는 이 툴팁 기능을 활성화 시키기 위해서 아이콘으로 모바일 버전에서도 클릭할 수 있도록 고려하거나, 다른 행동, 예를 들어 길게 누르기(Long press)로 대처 합니다. 툴팁의 장점은? 툴팁의 좋은 점은, 사용자들이 웹사이트나 앱(App)을 사용하면서 겪는 문제점 및 자주 묻는 질문들에 빠르게 대처할 수 있습니다. 그렇기 때문에 추가 인력을 요하..

UI & UX 2020.10.07