18. UI 설계(9-2)

메뉴 방식

특징 

가장 널리 사용 

초보자나 중급 사용자에게 적합한 방식 

선택방법 

 선택사양의 이름 

 키보드 입력 

 마우스나 아이콘 사용 

 터치스크린 사용 등의 다양한 방법 

단일화면 메뉴 방식 

하나의 작업을 수행함에 있어 그 기능의 모든 경우가 하나의 화면상에 보이며, 선택이 끝나면 그 선택된 메뉴를 실행하고 

메뉴가 없어지거나 입력된 내용이 소거하는 방식 

다중화면 메뉴 방식 

 선택 가능한 화면을 여러 화면에 걸쳐서 보여주고, 선택하면 메뉴가 없어지거나 다음 화면으로 넘어가는 방식 

 유사한 내용별로 분류하여 계층형 구조로 설계 

풀다운(Pull-down) 메뉴 또는 팝업(Pop-up) 메뉴 

화면의 상단에 메뉴의 제목을 보여주고, 커서나 마우스를 이동시켜서 원하는 기능의 항목을 선택 

장단점 

장점 

 각 명령어를 알 필요가 없음 

 오타 가능성의 최소화 

 소프트웨어 오류 발생 가능성 없음 

 메뉴 자체가 도움말 기능 제공 

 초보자나 중급자에게 적합한 방식 

단점 

 논리적 표현의 어려움 

 숙달된 사용자에게는 비효율

 복잡한 구조의 명령 체계 표현의 어려움 

 일정 속도 이상의 빠른 처리 불가능 

 대량의 자료 입력 곤란 

메뉴 화면 설계 시 일반적인 지침 

작업의 의미를 효과적으로 표현하는 메뉴 구조를 사용  1 

구조의 깊이보다는 폭을 중시  2 

도형, 숫자, 제목 등을 보여줌  3 

논리적인 분류  4 

일관성 있는 메뉴 항목 순서  5 

관련 있는 것, 자주 사용하는 것 

의미 있는 이름을 사용  6 

간략한 키워드로 시작하는 항목을 형성  7 

문법, 배열, 용어 사용 등의 일관성을 유지  8 

분기(Skip)나 지름길을 허용  9 

이전 메뉴나 초기 메뉴로 복귀를 허용  10 

온라인 도움말, 반응시간, 출력속도, 화면크기 등을 고려  11 

양식 채움 방식 

특징 

자료의 입력이 많은 경우 필요한 인터페이스 방식 

화면에 미리 입력해야 할 자료 항목의 이름, 위치 및 길이를 표시 

사용자는 커서를 움직여 원하는 자료를 양식에 입력 

설계 시 고려사항 

입력 영역의 길이를 밑줄이나 역상으로 표시  1 

고정된 형식의 자료 입력을 위해서 형식을 미리 보임  2 

숫자의 입력 시 나타나는 위치를 조정  3 

정확한 입력을 요하는 항목은 주의 표시  4 

예 - 실명확인 

커서가 위치한 항목에 관한 도움말을 보여주면 오류를 줄일 수 있음  5 

커서의 이동을 쉽게 함  6 

오류 정정의 기능이 항목 단위나 레코드 단위로 이루어져야 함  7 

입력 시 오류가 발생되면, 메시지를 항목마다 표시  8 

오류 입력 시 경고음이나 깜박임 기능을 사용  9 

실행 전에 입력된 자료를 확인하고 수정할 수 있게 함  10 

장단점 

장점 

 사용자에게 친숙함을 줌 

 중급자에게 적합한 방식 

 한 번에 모든 일을 처리할 수 있음 

단점 

 항목의 형식, 키보드 사용법, 항목의 내용 및 의미를 습득해야 함 

 화면을 많이 차지 

 함축된 항목이름을 이해해야 함 

명령어 방식 

특징 

명령어 방식은 프로그래밍 언어와 같이 정형적 언어(Formal Language)로서 사용자가 키보드를 통하여 문자나 부호로 

구성된 명령어를 입력하여 수행하는 방식 

MS-DOS에서 사용하는 각종 명령어나 UNIX 시스템의 vi 편집 등 

장단점 

장점 

 키보드만으로도 처리가 가능 

 명령어 처리의 구현 방식이 쉬움 

 조합하면 복잡한 명령의 처리 가능 

 사용자 정의 매크로의 사용이 용이 

 유연성이 있음 

단점 

 명령어 사용을 위한 교육이 필요 

 마우스 사용이 불가능 

 오류가 발생할 가능성이 높음 

 오류의 수정이 어려움 

 도움말 기능, 오류 메시지 제공이 어려움 

 초보자가 사용하기 어려움 

설계 시 주의사항 

명령어의 수를 가능한 작게 구성  1 

유사한 기능에 대하여 다른 명령어를 가진 것은 없는가? 

명령어는 의미가 있고 구별되는 의미를 가져야 함  2 

약자가 사용되더라도 일관성 유지  3 

명령어나 약자 사용이 동일한 기능을 가져야 함  4 

명령어 문법 구조에 일관성 유지  5 

초보자를 위해서 문법규칙을 프롬프트로 안내  6 

직접 조작 방식 

특징 

 사용자에게 아이콘과 같이 간략화된 작업 환경을 보여 주고, 사용자가 객체를 직접 조작함으로써 원하는 작업을 

수행하는 방법 

 화면과 선택 기구로 구성 

- 화면에 아이콘을 사용하여 작업 환경을 보여주고, 선택 기구로 명령 

장단점 

장점 

 초보자도 배우기 쉽고 사용이 용이 

 화면 단위로 대화가 가능 

 정보 출력의 그래픽화가 용이 

 오류 수정이 용이 

 주관적인 만족도가 높음 

단점 

 아이콘의 설계가 어려움 

 설계가 잘못된 경우 사용에 혼란이 발생 

 표준화된 방법이 없음 

설계 시 주의사항 

아이콘의 이해가 쉬워야 함  1 

잘못된 유추가 발생하지 않도록 주의   2 

사용자층의 관습에 따름    3 

아이콘은 알맞은 목적에 사용   4 

아이콘에 의한 상호작용은 신중하게 설계  5 

입출력 설계 

개요 

입출력 양식은 입력의 효율성과 유용성에 큰 영향 

GIGO(Garbage-In-Garbage-Out) 

입력 양식이 잘못 설계되면 입력 오류를 범하기 쉽고 그 결과 쓰레기를 낳게 됨 

특징 

소프트웨어가 자료를 받아들이는 기본수단 

인간공학적이어야 하고 입력상의 오류는 사전에 방지할 수 있는 장치를 제공 

원칙 

입력의 자동화 

자료의 원천문서와 입력양식과의 관계 

입력오류의 검증 

입력 정보의 설계 순서 

입력 정보의 목적을 정의  1 

입력 정보의 수집 방법을 정의  2 

입력 정보의 매체화 방식을 선택  3 

입력 정보의 투입에 관한 사항을 정의  4 

입력 정보의 내용을 설계  5 

입력 양식 설계용 도구

구체적인 지침 

 의미 있는 단어를 사용 

- 컴퓨터 전문용어는 가능한 피함 

 입력 방법 및 내용을 잘 전달  

 논리적 분류와 순서를 잘 구성  

 보기 좋은 형태로 꾸밈 

 잘 알려진 필드 이름을 설정 

 일관성 있는 용어를 사용   

 편리한 커서 이동 

 필드 자료의 입력상 오류를 찾아줌 

 잘못된 입력은 에러 메시지로 도와줌 

 선택 필드는 선택되었음을 확실히 나타날 수 있게 함 

 도움말 기능을 충분히 제공 

출력 설계 

특징 

소프트웨어의 수행 목적은 사용자가 원하는 출력물을 얻고자 함 

판독의 용이성을 위해 다음과 같은 사항을 고려 

 출력매체의 종류 

 논리적 연결성 

 위치 및 배열의 중요성 

 여백의 중요성 

 즉각 반응 

출력 정보의 설계 순서 

출력 정보의 목적을 정의  1 

출력 정보 분배에 관한 설계  2 

출력 정보 매체화에 관한 설계  3 

출력 정보 내용에 관한 설계  4