Transcript Essentials of Systems Analysis and Design Third Edition 8

Essentials of
Systems Analysis and Design
Third Edition
8장
사용자 인터페이스 설계
8.1
Copyright 2006 Prentice-Hall, Inc.
학습목표
양식과 리포트의 설계과정과 이의
생성에 따른 산출물을 설명할 수 있다.
텍스트, 테이블, 목록의 형식을 정하는
일반적 지침을 논의한다.
텍스트, 테이블, 목록의 형식을
효과적으로 맞추는 방법을 배운다.
인터페이스와 대화를 설계하는 과정과
이의 생성에 따른 산출물을 설명할 수
있다.
8.2
Copyright 2006 Prentice-Hall, Inc.
학습목표(계속)
인터페이스 설계에 대한 일반적 지침:




8.3
레이아웃 및 설계
데이터 입력 필드의 구조화
피드백 제공
시스템 도움말
Copyright 2006 Prentice-Hall, Inc.
학습목표(계속)
사용자와 컴퓨터간 대화의 설계와 대화
도(Dialogue Diagramming)의 사용에
대해 논의한다.
인터넷 기반 전자상거래시스템의
설계에 대한 특징적인 인터페이스 설계
지침을 설명한다.
8.4
Copyright 2006 Prentice-Hall, Inc.
양식과 리포트의 설계
시스템 입력과 출력은 분석단계의 마지막에
생성된다.

이 단계에서 정확한 모습이 정의되지는 않는다.
양식과 리포트는 자료흐름도(DED)와
개체관계도(ER-Diagram)에 통합적으로
연결되어 있다.
8.5
Copyright 2006 Prentice-Hall, Inc.
양식과 리포트의 설계
주요 개념
양식


사전에 정의된 데이터들을 포함하는 비즈니스 문서로서,
추가적인 데이터들이 입력될 수 있는 구역들을 가지고 있다.
양식의 인스턴스는 전형적으로 데이터베이스 레코드에
기반하여 생성된다.
리포트



8.6
사전에 정의된 데이터만을 포함하는 비즈니스 문서
이것은 읽거나 검토하는 데에만 사용되는 수동적인
문서이다.
리포트 형식은 전형적으로 다수의 레코드들 또는
거래처리를 기반으로 한 데이터들을 포함한다.
Copyright 2006 Prentice-Hall, Inc.
양식과 리포트 설계 과정
사용자 중심의 활동
프로토타이핑 접근법을 따른다.
요구사항 결정





8.7
양식과 리포트를 누가 사용할 것인가?
양식과 리포트의 목적은 무엇인가?
양식과 리포트는 언제 필요하며 사용되는가?
양식과 리포트는 어디에 전달되고 사용되는가?
양식과 리포트는 얼마나 많은 사람들이 보고
사용할 것인가?
Copyright 2006 Prentice-Hall, Inc.
양식과 리포트 설계 과정(계속)
프로토타이핑



8.8
요구사항으로부터 초기 프로토타입을
설계한다.
사용자가 프로토타입을 검토하고 설계를
승인하거나 변경을 요청한다.
변경이 요청되면, 설계가 승인될 때까지
구축, 평가, 개선의 순환을 계속한다.
Copyright 2006 Prentice-Hall, Inc.
산출물
설계 명세서는 중요한 산출물이며
다음의 세 영역을 포함한다.
1. 스토리 개요
2. 견본 설계
3. 테스트와 유용성 평가
8.9
Copyright 2006 Prentice-Hall, Inc.
양식과 리포트의 서식작성을 위한
일반적 지침
강조



8.10
정보로부터 사용자들을 떨어져 있게 하여
구분하거나 사용자의 관심을 끌기 위해 가끔
사용한다.
깜박임과 음향은 사용자의 집중을 요구하는
중용한 정보를 강조할 때만 사용하여야 한다.
강조하는 방법은 일관성 있게 선택되어야 하고
강조된 정보의 중요도에 따라서 사용되어야 한다.
Copyright 2006 Prentice-Hall, Inc.
8.11
Copyright 2006 Prentice-Hall, Inc.
8.12
Copyright 2006 Prentice-Hall, Inc.
폼과 리포트의 서식작성을 위한
일반적 지침(계속)
텍스트 표현





8.13
대소문자를 혼합하고 관습적 표현을 따른다.
공간에 여유가 있다면 두 줄 간격을 사용한다. 만약
여유가 없다면, 문단 사이에 빈 줄을 삽입한다.
왼쪽맞춤을 사용하여 오른쪽에 들쭉날쭉한 형태의
여백이 생기도록 한다.
줄이 바뀔 때에는 하이픈이 들어간 단어를
사용하지 않는다.
사용자들이 보편적으로 이해하고 전문을 사용할
때보다 훨씬 짧은 문장이 될 때 약어를 사용한다.
Copyright 2006 Prentice-Hall, Inc.
양식과 리포트의 서식작성을 위한
일반적 지침(계속)
테이블과 목록의 표현

라벨
 모든 열과 행은 의미있는 라벨을 사용해야 한다.
 라벨은 강조하여 다른 정보와 분리되어야 한다.
 데이터가 한 화면 또는 페이지를 초과하면
라벨은 반복되어야 한다.
8.14
Copyright 2006 Prentice-Hall, Inc.
양식과 리포트의 서식작성을 위한
일반적 지침(계속)
테이블과 목록의 표현 (계속)

열, 행, 텍스트의 형식








8.15
의미있는 순서로 정렬하라
긴 열의 경우 각 5줄마다 빈 줄을 삽입하라.
여러 열에서 나타나는 유사한 정보는 수직으로
정렬되어야 한다.
열 간의 간격은 적어도 두 개의 활자폭만큼 공간을
주어야 한다.
사용자가 주석을 달 수 있도록 인쇄된 리포트에 공간을
주어야 한다.
강조를 위한 경우 외에는 단일 활자체를 사용한다.
화면과 리포트에서는 단일 활자체 그룹을 사용한다.
지나치게 화려한 활자체는 피하도록 한다
Copyright 2006 Prentice-Hall, Inc.
양식과 리포트의 서식작성을 위한
일반적 지침(계속)
테이블과 목록의 표현 (계속)

숫자, 텍스트, 기호로 표시된 문자 및 숫자
데이터의 형식
 숫자 데이터는 소수점을 기준으로 오른쪽으로 맞춘다.
 텍스트 데이터는 왼쪽으로 맞춘다. 통상 한 줄에 30에서
40개의 문자를 사용하여 간결하게 한다.
 기호로 된 문자 및 숫자 데이터가 길 때에는 3,4개 문자의
작은 그룹으로 나누어서 작성한다.
8.16
Copyright 2006 Prentice-Hall, Inc.
8.17
Copyright 2006 Prentice-Hall, Inc.
8.18
Copyright 2006 Prentice-Hall, Inc.
인터페이스와 대화 설계
정보가 어떻게 사용자에게 제공되고
획득되는 지를 강조
대화(Dialogues)는 두 사람간의 대화와
유사하다.
좋은 사용자-컴퓨터 인터페이스는
시스템의 다른 구성요소들을 찾고, 보고,
발생시키는 단일화된 구조를 제공한다.
8.19
Copyright 2006 Prentice-Hall, Inc.
인터페이스와 대화의
설계 과정
사용자 중심의 활동
양식과 리포트 설계과정을 병행한다.
프로토타이핑 방법론을 적용한다.




8.20
정보의 수집
프로토타입의 구축
유용성 평가
개선
Copyright 2006 Prentice-Hall, Inc.
인터페이스와 대화의
설계 과정(계속)
산출물

설계 명세서
1.스토리 개요
2.견본 설계
3.테스트와 유용성 평가
8.21
Copyright 2006 Prentice-Hall, Inc.
인터페이스 설계
레이아웃 설계


8.22
양식과 리포트와 유사한 표준화된 형식을
사용하여야 한다.
데이터 입력 화면: 네비게이션은 문서를
읽을 때처럼 왼쪽에서 오른쪽, 위에서
아래로 이루어져야 한다.
Copyright 2006 Prentice-Hall, Inc.
레이아웃 설계
주요 설계 목적은 유연성과 일관성임



8.23
사용자들은 필드를 자유롭게 이동할 수
있어야 한다.
데이터는 사용자가 명시적으로 저장을
요청하기 전에는 영구적을 저장되어서는 안
된다.
각 키와 명령어는 한 기능에만 할당되어야
한다.
Copyright 2006 Prentice-Hall, Inc.
데이터 입력 구조화
8.24
입력
이미 온라인상에 존재하거나 계산될 수 있는 데이터는
요구하지 않는다
기본값
단위
적절하다고 판단될 때에는 기본값을 항상 제공한다
대체
적절하다고 판단될 때에는 문자를 자동으로 제시해
준다.
캡션
형식
맞추기
항상 필드 근처에 캡션을 제공한다.
도움말
적절하다고 판단될 때에는 상황에 맞는 도움말을
제공한다
입력에 요구되는 데이터 단위의 형식을 명확히 한다
형식 예제를 제공한다
자동적으로 데이터 입력을 맞춘다
Copyright 2006 Prentice-Hall, Inc.
데이터 입력 통제
인터페이스 설계의 목표 중 하나는 데이터
입력 오류를 줄이는 것이다.
시스템 분석가의 역할은 사용자 오류를
예측하고 시스템 인터페이스에 데이터 입력
실수를 피하고, 오류를 발견하고 정정하는
특성을 설계하는 것이다.
표 8-9는 데이터 입력 오류의 유형을 기술하고
있다.
표 8-10은 오류를 발견하기 위해 시스템
설계자가 사용하는 기법을 보여준다.
8.25
Copyright 2006 Prentice-Hall, Inc.
8.26
Copyright 2006 Prentice-Hall, Inc.
8.27
Copyright 2006 Prentice-Hall, Inc.
피드백 제공
1. 상태정보


사용자에게 시스템에서 무슨 일이 진행되고 있는 지를
알려준다.
작업이 1, 2 초 이상 걸릴 때 상태정보를 보여주는 것은 특히
중요하다.
2. 지시 메시지

가능하면 상세하게 하는 것이 최선이다.
3. 오류와 경고 메시지




8.28
메시지를 구체적으로 만들고 코드와 전문용어를 오류가
없게 만든다.
사용자는 경고를 받기보다는 결과에 대한 안내를 받아야
한다.
사용자에게 친숙한 용어를 사용한다.
메시지의 형식과 위치가 일관성 있어야 한다.
Copyright 2006 Prentice-Hall, Inc.
도움말 제공
도움말을 설계할 때에는 사용자의 입장에서
본다.
지침

단순성
 도움말 메시지는 간결하고 요점만 있어야 한다.

조직화
 도움말 메시지의 정보는 사용자들이 쉽게 받아들일 수
있어야 한다.

데모
 어떻게 수행하고 작동하는 지를 사용자에게 명시적으로
보여주는 것이 유용한다
8.29
Copyright 2006 Prentice-Hall, Inc.
도움말 제공(계속)
상상에 민감한 도움말

사용자가 필드의 세부수준에 따른 도움말을
얻을 수 있도록 한다.
사용자들은 도움말을 요청했던 곳으로
항상 돌아와야 한다.
8.30
Copyright 2006 Prentice-Hall, Inc.
8.31
Copyright 2006 Prentice-Hall, Inc.
대화 설계
대화

정보가 사용자에게 보여지고 정보를
사용자로부터 얻는 순서
주요 디자인 지침은 실행의 순서,
키입력, 용어의 일관성이다.
3단계 과정
1. 대화 순서를 설계한다.
2. 프로토타입을 개발한다.
3. 유용성을 평가한다.
8.32
Copyright 2006 Prentice-Hall, Inc.
대화 순서 설계
순서를 정의한다.
사용자, 업무, 기술적 환경적 특성의 명확한 이해를
한다.
대화도

사용자와 컴퓨터 간의 대화를 박스와 선을 이용한
다이어그램을 이용하여 설계하고 표현하는
공식적인 방법

세가지 영역으로 구성된 박스
1. 상단: 다른 화면들이 참조하기 위해 사용하는 유일한
화면 참조번호를 포함한다
2. 중간: 화면의 이름 또는 설명을 포함한다.
3. 하단: 현재의 화면에서 접근할 수 있는 화면 참조번호를
포함한다.
8.33
Copyright 2006 Prentice-Hall, Inc.
8.34
Copyright 2006 Prentice-Hall, Inc.
대화 설계:
프로토타이핑 개발과 유용성 평가
종종 선택적인 활동
작업은 그래픽 설계 환경을 이용하면
간단하다.
8.35
Copyright 2006 Prentice-Hall, Inc.
8.36
Copyright 2006 Prentice-Hall, Inc.
PVF WebStore:
Pine Valley Furniture의
사용자 인터페이스 설계
설계 지침

쿠키를 이용한 네비게이션
사용자가 어디에 있었는지 그리고 현재는 어디에
있는지를 보여주는 웹 페이지상에서의 색인표(즉,
기록)를 저장하여 사용자에게 웹 사이트에서 어디에
있는 지를 보여주는 기법.
 탭은 사용자가 사이트에서 쉽게 뒤로 이동할 수 있도록
하이퍼링크가 되어 있다.
 두 가지 중요 목적



8.37
사용자들이 이전에 방문한 장소로 이동할 수 있도록
해준다.
사용자들에게 지금까지 거쳐온 경로와 홈으로부터 얼마나
멀리 떨어져 있는지를 보여준다.
Copyright 2006 Prentice-Hall, Inc.
인터넷 개발:
설계 지침
저용량 그림

웹페이지에 빨리 보여질 수 있도록 만든 용량이
작은 그림.
폼과 데이터 무결성



8.38
정보를 요청하는 모든 폼은 명확하게 라벨을 붙여
구분하고 입력에 필요한 충분한 공간을 제공하여야
한다
사용자들에게 명확한 예제를 제공해서 데이터
에러를 줄일 수 있도록 해야 한다
사이트는 어떤 필드가 선택적인지, 어떤 필드가
반드시 입력되어야 하는지, 입력값의 범위가
얼마인지를 명확히 밝혀야 한다.
Copyright 2006 Prentice-Hall, Inc.
인터넷 개발:
설계 지침(계속)
템플릿 기반 HTML


8.39
상위수준에서 보다 추상화된 아이템들로
표현하고 처리할 수 있는 공통 속성들
유지보수가 매우 쉬운 인터페이스를
생성한다.
Copyright 2006 Prentice-Hall, Inc.
요약
양식과 리포트 설계
양식과 리포트 설계에 대한 일반적 지침
텍스트,표, 목록에 대한 형식 맞추기
인터페이스를 위한 설계 지침




8.40
레이아웃 설계
데이터 입력 필드의 구조화
피드백 제공
도움말 설계
Copyright 2006 Prentice-Hall, Inc.
요약(계속)
사용자와 컴퓨터간의 대화 설계
인터넷의 특성에 따른 인터페이스 설계
지침
8.41
Copyright 2006 Prentice-Hall, Inc.