워크벤치

워크벤치 (Workbench)

워크벤치는 애플리케이션의 홈페이지로 자주 쓰이는, 사용자를 위한 편리한 허브예요. 공통 정보 진입점을 제공하고, 앱의 다양한 기능 모듈로 허브-앤-스포크 방식으로 이동하게 해 주며, 사용자가 지금 집중해야 할 정보를 보여줘 핵심 정보까지의 경로를 줄여줘요.

출처: 문서

본문

워크벤치는 애플리케이션의 홈페이지로 자주 사용되며, 사용자에게 편리한 허브를 제공해요. 정보를 처리하고 조회하는 공통 진입점을 제공하고, 허브-앤-스포크(hub-and-spoke) 방식으로 애플리케이션의 다양한 기능 모듈로 이동하게 해요. 또 사용자가 지금 집중해야 할 정보를 제시해 핵심 정보로 가는 경로를 줄여주며, 사용자가 워크벤치에서 고빈도 작업을 직접 수행할 수 있게 해요.

디자인 목표 (Design Goals)

사용자 측: 사용자를 위한 정보 처리·조회 단축키와 필요한 도움을 제공해요;
제품 측: 사용자와 더 잘 소통하고, 제품의 새 트렌드와 운영 콘텐츠를 적절히 홍보해요.

디자인 원칙 (Design Principles)

찾기 쉬움 (Findability)

사용자가 원하는 정보를 찾을 수 있나요?

기억 부하 줄이기 (Reduce Memory Load)

사이트로 돌아오는 사용자의 핵심 목표를 이해하고, 가능한 목적지까지의 최단 내비게이션 경로를 제공해요.

어떻게 디자인할까 (How to Design)

템플릿 - 워크벤치

언제 사용하나요

사이트로 돌아오는 사용자의 내비게이션 경로를 줄여요;
사용자에게 공통 내비게이션 진입점을 제공해요.

관련 기능 (Involved Functions)

도움말(Help); 핵심 데이터(Core Data); 단축키(Shortcuts); 할 일 목록(To-Do List); 집중(Focus); 운영 모듈(Operational Modules).

디자인 제안 (Design Suggestions)

일상 업무와 관련된 모듈을 표시하고, 전체 모듈 수를 5-9개로 유지해요;
가장 자주 사용하는 콘텐츠를 가능한 한 첫 화면에 배치해요;
역할에 따라 차별화된 뷰를 제공해요.

템플릿 - 신규 사용자 가이드

언제 사용하나요

새 사용자가 플랫폼에 도착하고 아직 어떤 작업도 시작하지 않았을 때, 신규 사용자의 학습 시간을 줄여요;
일부 모듈에 콘텐츠가 없을 때, "빈 상태(Empty State)" 가이드라인을 참고해요.

관련 기능

도움말(Help); 빈 상태 가이드(Empty State Guide).

디자인 제안

플랫폼의 목적을 사용자에게 소개하고 작업을 시작하도록 안내해요;
사용자가 복잡한 객체를 관리해야 한다면 Demo 미리보기 진입점을 제공해요;

디자인 제안

올바른 내비게이션 방식 선택하기

이 유형의 페이지는 보통 두 가지 내비게이션 형식을 제공해요.

① 사용자가 사용하고 싶은 기능을 알고 있고, 그곳으로 이동해야 하는 경우. 예:

② 발견형 내비게이션(Discovery navigation)으로, 사용자가 작업을 완료해야 하지만 어떤 기능을 쓸지 모르는 경우. 예:

콘텐츠를 사용 빈도에 따라 배치하기

일상 업무에서의 사용 빈도를 기준으로 콘텐츠를 배치해요.

오류 상태 고려하기

오류 페이지(Error Page)를 참고하세요.

추가로, 사용자에게 개인화 커스터마이징을 추천할지 여부는 아직 탐구 중이에요.