설계 (Part 9) : UI 설계

• UI가 중요한 이유
  - 사용자 경험 개선
  - 생산성 향상
  - 오류 감소
  - 유지보수 용이성
  -> 시장경쟁력 강화

 

• UI 설계 요소
  - 버튼
  - 툴바
     -> 공통 작업일 경우
  - 메뉴
  - 라디오 버튼
     -> 여러 항목중 하나만 선택할 경우
  - 체크 박스
     -> 다른 항목과 관련없이 한 항목에 대한 True/False가 필요한 경우
  - 텍스트
     -> 내용을 입력해야 되는 경우
     -> 오류가 들어올 가능성을 전제로 두고 구현
  - 리스트
     -> 여러 선택항목을 모두 보여주고 그 중 선택하는 경우
  - 콤보 박스
     -> 선택항목이 너무 많아 한 화면에 보여주는 것이 힘들 때(화면의 제약) 스크롤을 사용
  - 탭
     -> 탭으로 구분을 잘 하면 모듈화가 잘 된 느낌을 준다
     -> 너무 많은 탭을 만들면 사용자의 실수를 유발할 수 있다.
  - 다이얼로그 박스
     -> 임시 화면이나 옵션을 제시할 때

 

• 좋은 UI를 위한 설계 지침
  1) 사용하기 쉽게 직관적이어야 함 (가시성 - visibility)
     -> 사용자가 아이콘을 보고 직관적으로 알 수 있는 이미지
  2) 사용하기 편리해야 함
     -> 필요한 핵심만 남겨 중복된 내용을 최대한 제거해야 함 (간단명료성)
  3) 도움말을 제공해야 함
  4) 사용자의 입력을 제어할 수 있어야 함
     -> 형식에 맞지 않는 데이터를 입력할 수 있음
     -> 잘못된 경우 정확한 값을 입력하도록 메세지를 출력
  5) 입력 작업을 최소로 해야함
     -> 어느 하나가 빠지거나 틀렸을 때 틀린 부분만 다시 입력하도록 해야함
  6) 삭제 또는 취소 버튼 클릭 시 재확인을 요구해야 함
   
  7) 사용자의 입력에 반응 (피드백 - Feedback)
     -> 사용자는 명령에 대한 진행 상황, 입력 내용을 해석하는 법을 알고 싶어함
  8) 일관성을 유지해야 함
     -> 사용자가 쉽게 기억하고 빠르게 적응할 수 있음