UXUI 디자인⎢제품 사용성 높이는 법: 단축성

지난 글에서 설명한 반응성에 이어서 단축성에 대한 간략한 설명과 사례를 공유해보려고 합니다.

반응성이 시스템의 진행상태를 유저에게 인식시키기 위해 반응을 보여주는 것이라면, 단축성은 사용자가 자신이 원하는 과업을 간단하게 마무리할 수 있는 정도를 의미합니다. 절차를 좀 더 줄여주고 효율적인 단계로 수행할 수 있도록 유도하는 것인데요. 단순히 절차를 줄여준다고만 생각할 수 있지만, 아무리 간단한 단계여도 유저가 생각하게 하는 시간이 더 늘어난다면, 사용성을 고려한 UI라 보기 어렵습니다.

단축성은 단순히 사용성을 향상시키기 위한 원칙일 뿐 아니라 유저의 행동을 원하는 방향으로 유도하기 위해서도  정말 중요합니다. 고객이 한 번만 클릭을 덜 해도 실제 구매로 이어질 가능성이 높아진다고 하는데요, 구매까지 이어지는 여정을 단축해 준다면 우리는 유저를 원하는 방향으로 유도해 나갈 수 있습니다. 또한 모바일 사용 빈도가 높아짐에 따라, 웹사이트에서 보여줬던 내용을 모바일로 압축시켜 보여주는 과정에서도 단축성은 중요한 사용성 원칙 중 하나입니다. (그만큼 많이 공부해야 하는 부분이죠.)

단축성 사례들은 다양하고 방대하여 두 편으로 나누어 공유드리겠습니다.

단축성에는 유저가 서비스에서 과업을 수행할 때 검색 절차를 줄이거나 선택/입력 행위를 줄이는 요소가 있습니다.

검색 절차를 줄여 빠르게 원하는 정보 찾기

우리는 구매를 할 때 또는 원하는 정보를 찾을 때 검색을 합니다. 검색 절차는 콘텐츠 양이 방대할 때 사용하는 기능 중 하나인데요, 원하는 정보를 올바르게 보여주는 것도 중요하지만, 좀 더 효율적으로 검색 결과가 나올 수 있도록 유도하는 방법 또한 중요하며 그만큼 다양합니다.

• Google Calendar 초성 검색

같이 일정을 공유해야 할 회사 직원에게 초대 메시지를 보낼 수 있는 캘린더 초대 기능이 있는데요, 전체 직원을 초대해야 할 경우 직원 모두의 이메일을 작성해야 하지만, 초성만 입력해도 관련 이메일과 이름이 결과에 나오기 때문에 간편하게 추가할 수 있습니다.

• Evernote Tag 검색

많은 서비스들이 사용하고 있는 Tag 분류입니다. 노트 별로 사용자가 Tag를 지정하여 검색 시 Tag를 선택하면 관련 노트들을 쉽고 빠르게 검색할 수 있습니다. 간혹 제목이나 내용이 기억이 나지 않는 경우 Tag를 이용한다면 효율적으로 원하는 정보를 얻을 수 있습니다.

• Notion Search 필터 검색

사용자마다 검색 시 필요한 요건이 다양합니다. 직접 작성한 자료에서만 찾고 싶은 경우, 특정 기간 내 작성한 자료를 찾고 싶은 경우 등 특정 조건을 설정하여 검색을 유도한다면 방대한 정보 속에서 원하는 결과를 더 빠르게 보여줄 수 있습니다.

선택/입력 행위를 최소화하여 과업 수행 절차 줄이기

• Google Calendar Default 값 지정

Default 값 설정은 중요합니다. 기본 설정이 되어 있으면, 사용자가 지정해야 하는 값이 줄어들어 절차가 단축됩니다.

• 구매까지 절차를 줄여주는 Default 값 지정

제품을 구매할 때 여러 개를 구매하는 경우도 있지만, 아래와 같이 특수한 용도로 필요한 상품은 1개 구매를 하는 경우가 많을 것입니다. 이런 경우엔 기본값을 1개로 설정을 해주어 수량을 지정할 필요 없이 바로 구매로 이어지도록 절차를 줄여줍니다.

• 단축키 사용 Superhuman

단축키가 잘 되어있는 것으로 유명한 Superhuman. 거의 모든 기능을 단축키로 이용할 수 있다는 점이 큰 장점인데요. 사용자 이동 범위를 줄여주어 키보드와 마우스를 왔다 갔다 할 필요 없이 키보드 안에서 모든 과업이 수행 가능합니다.

검색 절차, 선택/입력 절차를 줄여주는 단축성 사례를 살펴보았습니다. 이런 작은 요소에서 사용성에 영향을 주는 요소들이 있다는 점이 너무나 놀라운데요. 디테일의 힘이라는 책에서 본 문구가 기억이 납니다. ‘작은 일에 최선을 다해야 큰 일을 할 수 있다.’ 작아 보이는 디테일이 큰 영향을 끼칠 수 있다는 점이 공감되는 것 같습니다. 다음 단축성 2편에서도 좋은 예시로 공유해 드리겠습니다. 감사합니다.

Daseul / Product Designer