기획자로 일하다보면 UXUI기획이 주가 아니더라도 당연한 업무처럼 주어지는 것 같다.
사실 정책을 만들고, 로직을 설계하는 일만큼이나 화면 기획을 자주하게 되는 것 같다.
오늘은 'UX원칙 UXer를 위한 101가지 원칙' 책에 나온 몇 가지 기초 UX 상식을 적어본다.
1.
06장. 줄임표를 사용해서 다음 단계가 있다는 것을 알려라.
유독 IT업계에서는 mac 을 사용하시는 기획자분이 많으신 것 같다.
이전에 마케팅 에이전시에서 근무할 때는 95%가 윈도우 유저였는데 IT업계로 넘어오면서 상당수가 MAC을 사용하시는 것 같다.
MAC 이야기로 시작한 이유는 줄임표를 사용해서 다음 단계가 있다는 것을 알리는 대표적인 예가 MAC의 메뉴이기때문이다.
예시 이미지와 같이 '시스템 환경설정....' 'App store...' '재시동...' 등은 기능 선택 후 즉각 기능이 실행되지않고 허브역할을 하거나 완료까지 몇차례 단계가 있다.
우리가 글을 쓸 때 말줄임표는 '하고싶은 말은 더 있지만 이만 줄인다' 라는 용법으로 쓰이고는 하는데
UX에서 줄임표도 같은 형식으로 쓰일 수 있음을 알 수 있다. 꽤나 그럴싸하고 이해가 가는 UX임에도 불구하고 국내 웹&앱에서는 찾아보기 힘든 케이스이다.
굳이 말줄임표를 쓰는 경우는 콘텐츠에서 말줄이기, 버튼명이 긴 경우 말줄이기 등에서 볼 수 있는데
: 사용자가 직관적으로 몇번의 쓰임으로 이해할 수 있는 UX는 널리쓰이는 게 맞다고 생각한다.
2.
14장. 옵션이 많지 않다면 드롭다운 메뉴를 사용하지 마라.
우리가 흔히 자주 사용하는 앱만하더라도 어느정도 완성도가 있어 이런 기본적인 실수를 하지는 않지만
기능이 단순한 쉽게 만들었다 싶은 앱을 몇개만 찾아봐도 드롭다운과 라디오 버튼, 체크박스,토글의 쓰임을 이해하지 못한 경우가 많다.
- 드롭다운 : 일반적으로 드롭다운은 메뉴가 아주 많은 경우에 적합한 컴포넌트이다. EX)국가 선택, 직업 선택
- 라디오 버튼 : N개 이하의 선택지 중 하나만 선택 하는 경우에 쓰인다. EX) 연령대 선택, 혈액형 선택?
- 체크박스 : N개 항목의 다중 선택 및 단일 선택을 지원하는 경우에 쓰인다 EX) 취향 선택
*스포티파이 or 유튜브 뮤직 온보딩 과정에 좋아하는 음악 장르나 가수를 선택하는 화면도 체크박스의 일종이라고 볼 수 있다. - 토글 : 두 가지 선택지 중 하나를 선택하는 경우 쓰인다 EX) ON/OFF , 밤/낮
드롭다운 메뉴를 사용하는 경우에는 검색 or 필터 컨트롤을 추가 개발하는 것을 추천하는데 예를 들어 국가를 선택하는 드롭다운 메뉴 시
S를 입력하면 south korea 등의 영역으로 포커스 되는 케이스를 이야기한다.
갓 기획자로 처음 진입했을 때 드롭다운 메뉴를 무분별하게 사용한 적이 있었는데 그때 나를 위해 설득하고 고생한 퍼블리셔 분에게 제대로 사과를 하고 싶다.
3.
25장. 메뉴 항목을 하위 섹션으로 나눠서 사용자가 긴 목록을 기억할 필요가 없게 하라.
카테고리’ ‘그룹핑’ 모든 기획 분야에서 중요한 요소이다.
특히 이커머스의 상품카테고리나 금융상품의 항목을 보여줄때는 그룹핑이 매우 중요한데
무역 관공서 웹사이트를 보다보면 상품카테고리 그룹핑이 최소화된 매우 안좋은 예시를 확인할 수 있다.
캡쳐로 첨부한 파일은 빙산의 일각일뿐 물론 저렇게 다양하게 메뉴를 분리한 이유가 있을터이지만 사용성은 매우 최악이라고 할 수 있다.
겹치지않도록 최대한 묶어보자. 그룹핑하지 않을 이유는 매우 적다.
책에서 다루는 원칙은 총 101가지
소개하지 못한 여러가지 UX원칙을 시간이 된다면 또 작성해보고자 한다.
원칙은 저자의 견해일 뿐. 중요한 건 내 서비스-도메인과 적합한 지 판단해야한다.
기본적인 원칙을 어느정도 따르면서 내 도메인에 대해 깊게 고민하는 기획자가 되고자한다.
'기획 > 이것저것' 카테고리의 다른 글
| 갤럭시에서 아이폰으로 넘어갔는데 너무 답답해 (0) | 2023.05.30 |
|---|