복잡한 앱 디자인을 위한 8가지 가이드라인

Nielsen Norman Group의 Kate Kaplan이 2020년에 쓴 「8 Design Guidelines for Complex Applications」는 분석 도구, 대시보드, 전문 소프트웨어처럼 숙련 사용자가 비선형 업무를 수행하는 앱에 공통으로 통하는 여덟 가지 원칙을 제시한다. 워크플로가 달라도 학습, 효율, 기억 부담, 정보 밀도라는 과제는 비슷하다는 관점이다.

"Staged disclosure, where options are shown to the user only when they are relevant to the task at hand or the item in focus, is one way to reduce clutter."Nielsen Norman Group

왜 중요한가

여덟 원칙은 시행착오로 배우게 하기, 더 효율적인 방법 알려주기, 유연한 경로 제공, 행동과 사고 과정 기록, 도구 간 전환 지원, 기능을 줄이지 않고 어수선함 줄이기, 주·보조 정보 간 이동 쉽게 하기, 중요한 정보를 눈에 띄게 하기로 요약된다. 사용자는 튜토리얼보다 곧바로 써 보려 하고, 대부분은 만족스러운 수준에서 멈춘 채 비효율적인 방식을 수년간 반복한다는 관찰이 바탕이다.

특히 중요한 정보를 돋보이게 하려면 강조를 더하는 것만이 답이 아니라 불필요한 요소를 걷어내는 것이 더 효과적일 수 있다는 지적이 눈에 띈다. 기능을 숨기지 않으면서도 화면의 밀도를 낮추는 균형이 복잡한 제품 설계의 핵심 과제라는 뜻이다.

실무 적용

관리자 페이지나 대시보드를 설계할 때 모든 옵션을 처음부터 펼치지 말고, 선택한 항목과 관련된 고급 설정만 단계적으로 보여주는 구조를 기본값으로 삼을 수 있다. 차트 위에 마우스를 올리면 정확한 수치가 툴팁으로 뜨게 하는 것처럼, 화면을 벗어나지 않고 보조 정보를 확인하게 하는 장치도 비용이 낮다.

도구 간 전환 부담을 줄이는 것도 실무 포인트다. 엑셀 내보내기나 이미지 복사처럼 보고서 작성에 쓰이는 출구를 미리 마련해 두면, 사용자가 화면 캡처와 데이터 재가공에 쓰는 시간을 아낄 수 있다.

교차 참고

• NN/g: Dashboards: Making Charts and Graphs Easier to Understand — 전주의적 속성을 활용해 대시보드에서 중요한 정보를 먼저 눈에 띄게 하는 방법
• NN/g: Listboxes vs. Dropdown Lists — 복잡한 폼에서 선택 컴포넌트를 고를 때 따져볼 기준

Wemeet의 관점

Wemeet은 복잡한 제품일수록 기능을 더하는 일보다 무엇을 언제 보여줄지 정하는 일이 디자인의 본체라고 본다. 중소 비즈니스의 관리자 화면이나 예약·견적 도구도 규모는 작지만 같은 문제를 안고 있다.

그래서 Wemeet은 핵심 작업 하나를 먼저 고르고, 나머지 옵션은 단계적 노출로 접어 두는 방식으로 화면을 설계하길 권한다.