brunch

매거진 UX 디자인의 모든 것

라이킷 6 댓글 34

You can make anything
by writing

C.S.Lewis

계정을 잊어버리셨나요?

by UX 컨설턴트 전민수 Oct 09. 2016

#11.UX 관점에서 보는 사용자주도권 화면설계 원칙

모바일 앱 UI/UX 가이드

UX 컨설턴트 전민수입니다.

지난 5년간 브런치에서 아티클 작성한 것을 토대로, 여러분께 UX 아티클의 내용을 더 쉽게 전달 시키는 목적으로 별도 강의 촬영하게 되었습니다. 그간 UX 강의 촬영했던 영상을 편집해서 UX 라이브클래스 패키지 사이트에 오픈하게 되었습니다.

UX 라이브클래스 패키지를 통해 전체 178여개 UX 강좌를 하나의 패키지 형태(총 121시간 이상) 대 공개합니다. 특히, 브런치 구독자에 한해 2023년 3월 한정 이벤트 판매로 할인율 98%(정가 5,340,000원 > 할인가 99,000원, 평생 소장) 제공하고 있으니 여러분의 많은 관심 부탁드립니다.

https://ebprux.liveklass.com/packages/137053

(3월 한정 이벤트) UX 라이브클래스 패키지(총 121시간): 178개 UX 강의묶음, 할인율 98%, 할인가 99,000

매일 !!!! UX 방법론 A-Z, UX 리서치 A-Z 등 강의 진행합니다.

ebprux.liveklass.com

앞으로도 국내 환경에 맞는 UX 방법론을 더 연구하고, 브런치에 최대한 많이 공유하겠습니다.

감사합니다.

시스템은 사용자가 자신이 원하는 대로 시스템과 상호작용할 수 있어야 합니다. UI 모형에서는 이를 사용자주도권이라고 합니다.

모바일 앱에서 사용자주도권 적용 사례는 다음과 같습니다.

다양한 옵션 조회 여부

확인 여부(다이얼로그 박스)

조작 행위 여부 (목록 순서 변경, 영상 재생 조작)

설정 여부(앱 환경 설정, 자주찾는 메뉴 설정,자주찾는 콘텐츠 설정 )

다양한 옵션 조회 여부

정보 검색 시 다양한 옵션을 제공하여 사용자가 보다 빨리 정보를 찾을 수 있도록 해야 합니다. 예를 들어 Feedly에서 톱니바뀌 아이콘 선택 시 다양한 옵션(Mark All As Read 등)이 제공되어 사용자가 원하는 형태의 정보를 찾기가 편합니다.

확인 여부

다이얼로그 박스

데스크톱이나 모바일에서 다이얼로그 박스(대화창)는 사용자가 시스템 이용에 불편함이 없도록 사전에 알고 있어야 하는 사항들을 직관적으로 명시해 사용자의 의사 결정을 받기 위해 사용합니다. 예를 들어, 다음 야구 중계의 경우 '3G/4G 환경에서는 데이터 요금이 발생할 수 있습니다'라는 다이얼로그 박스를 띄워, 데이터 과금에 대한 불이익을 받지 않도록 의사 결정을 할 수 있도록 했습니다.

조작 행위 여부

시스템을 사용자가 자유 자재로 조절할 수 있도록 기능이 지원되어야 합니다.

목록 순서 변경

카카오뮤직의 경우 곡 목록 편집 시 곡의 순번을 사용자가 자유자재로 변경할 수 있습니다.

카카오뮤직. 곡 목록 편집

영상 재생 조작

유튜브의 경우 사용자가 원하는 지점의 영상 부분을 선택해서 재생할 수 있습니다.

유튜브 영상 재생

설정 여부

앱 환경 설정

사용자가 불편함 없이 앱 환경을 원하는 대로 변경할 수 있도록 기능이 제공되어야 합니다. 예를 들면, CGV와 카카오톡은 사용자 필요에 의해 변경할 수 있는 다양한 기능을 제공하고 있습니다. CGV는 위시리스트에 담긴 상영예정작의 개봉 1일 전 알림으로 받아 볼 수 있게 ‘내 스마트폰 알림 상태’ 기능을 제공하며, 카카오톡은 채팅방, 배경화면, 이모티콘, 다양한 테마 등을 사용자가 원하는 대로 환경 변경이 가능합니다.