지금 상위 레벨 사용자 인터페이스 디자인이 완료되었습니다.
-
기본 창이 식별되었습니다.
-
사용자 인터페이스 요소 및 탐색 경로가 정의되었습니다(탐색 맵).
이제 사용자 인터페이스 요소의 세부 디자인을 수행할 수 있습니다. 다음은 사용자 인터페이스 요소 디자인의 다른 측면입니다. 각각에 대해서는 아래에 설명되어 있습니다.
기본
창의 시각화 디자인
기본 창(특히, 주 기본 창)의 시각화는 시스템의 사용성에 중대한 영향을 미칩니다. 이 시각화를 디자인하는 것은 포함된 사용자 인터페이스 요소의 어느 파트(특성)를 시각화해야 하는지 결정하는 것입니다. 스토리보드 이벤트 플로우를 사용하여 표시할 특성의 우선순위를 결정할 수 있습니다. 사용자가 사용자 인터페이스 요소의 많은
다른 특성을 보아야 할 경우, 기본 창 보기를 여러 개 구현할 수 있습니다(각 보기는 서로 다른 특성 세트를 시각화). 또한 이 시각화를 디자인하는 것은 모든 시각적 차원을 사용하여 포함된 사용자 인터페이스 요소의
특성을 시각화하는 방법을 살펴보아야 함을 의미합니다. 세부사항은 가이드라인: 사용자
인터페이스(일반)의 "시각적 차원" 섹션을 참조하십시오.
가능하면 기본 창에 표시될 "공통 분모"를 요소 전반에서 식별하십시오. 일부 차원에서 공통 분모를 시각화하면 사용자는 요소를 서로 관련시키고 패턴을 보기 시작할 수 있습니다. 이렇게 하면 사용자 인터페이스의
"대역폭"이 대폭 늘어납니다.
예제:
다음과 같은 측면을 표시하려는 고객 서비스 시스템이 있다고 가정해 보십시오.
-
시간의 경과에 따른 고객의 불만사항 및 문의사항
-
시간의 경과에 따라 고객이 구입한 제품
-
시간의 경과에 따라 고객에게 보낸 송장의 수
여기서 공통 분모는 "시간"입니다. 따라서 불만사항/문의사항, 구입한 제품과 송장 수를 동일한 가로 시간 축에 나란히 표시하면 사용자가 이들이 어떻게 연관되어 있는지(연관된 경우) 패턴을 볼 수 있습니다.
기본 창의
사용자 조치 디자인
여기서는 기본 창에 대해 호출할 수 있는 사용자 조치 "구현" 방법을 결정합니다. 일반적으로 기본 창의 사용자 조치는 메뉴 표시줄에 메뉴 항목으로 제공되며, 팝업 메뉴 및 도구 모음을 통해 대체 및 보충으로
제공됩니다.
각 기본 창에 대해 메뉴 및 메뉴 옵션을 정의하십시오. 예를 들어, 문서 편집기에는 잘라내기, 복사와 같은 결합력 있는 조작을 그룹화하는 편집 메뉴가 있습니다.
일부 사용자 조치는 사용자와의 복잡한 상호작용을 필요로 할 수 있으므로 전용 보조 창이 있어야 합니다. 예를 들어, 문서 편집기에서 문서에 대한 인쇄 조작의 경우 복잡한 상호작용으로 인해 독립된 대화 상자 창이
있어야 합니다.
아주 많은 오브젝트를 창에서 시각화할 경우, 이런 오브젝트를 포함하는 사용자 조치를 디자인해야 할 수도 있습니다. 이러한 사용자 조치의 몇 가지 예를 들면 다음과 같습니다.
-
다중 오브젝트 검색
-
다중 오브젝트 정렬
-
다중 오브젝트의 브라우징 계층 구조
-
다중 오브젝트 선택
세부사항은 가이드라인: 사용자 인터페이스(일반)를 참조하십시오.
기타 기능 디자인
필요한 동적 동작을 사용자 인터페이스에 추가하십시오. 대부분의 역학은 선택-작동 패러다임과 마찬가지로 대상 플랫폼에 의해 제공되며 두 번 클릭, 오른쪽 마우스 단추의 팝업 메뉴 등으로 열립니다. 그러나 다음을
포함하여 몇 가지 결정해야 할 사항이 있습니다.
-
창 관리 지원 방법
-
입력 커서 위치, 화면 이동 막대 위치, 열린 창, 창 크기, 상대적 창 위치 등 세션 간에 저장할 세션 정보
-
기본 창에 단일 문서 인터페이스(SDI)를 지원할지 복수 문서 인터페이스(MDI)를 지원할지 여부
또한 다음을 포함하여 사용성을 향상시킬 수 있는 기타 공통 기능을 평가하십시오.
-
"마법사"를 포함하여 "온라인 도움말"을 제공해야 하는지 여부
-
시스템을 안전하게 탐색하기 위해 "실행 취소" 조작의 사용 여부
-
사용자 이벤트를 모니터하고 조치를 적극적으로 제안하기 위해 "에이전트"를 제공해야 하는지 여부
-
연관을 시각화하기 위해 "동적 강조표시"를 제공해야 하는지 여부
-
사용자 정의 "매크로"를 지원해야 하는지 여부
-
사용자 구성이 가능해야 하는 특정 영역이 있는지 여부
세부사항은 가이드라인: 사용자 인터페이스(일반)를 참조하십시오.
|