소프트웨어 설계(화면 설계)

1. UI 요구사항 확인

(1)UI사용자 인터페이스; User Interface 1. 정보기기나 소프트웨어 화면 등에서 사람이 접하게 되는 화면 2. 사용자와 시스템 사이에서 의사소통할 수 있도록 고안된 물리적, 가상의 매개체. (2)UI유형 (CG NO) ①CLI; Command Line Interface : 명령어를 텍스트로 입력하여 조작 ②GUI; Graphical User Interface : 그래픽 환경을 기반으로 한 마우스나 전자펜을 이용 ③NUI; Natural User Interface : 신체 부위를 이용하는 사용 (터치, 음성) ④OUI; Organic User Interface : 모든 사물이 입출력장치로 변화할 수 있는 사용자 인터페이스 (마이너리티 리포트) (3)UI설계원칙 (직유학유) ①직관성Intuitiveness : 쉬운 검색, 쉬운 사용성, 일관성(직접적인 이해) ②유효성Effectiveness : 쉬운 오류 처리 및 복구 (목표 달성) ③학습성Learnability : 쉽게 학습, 쉬운 접근, 쉽게 기억 (학습이 용이) ④유연성Flexibility) : 사용자가 실수를 해도, 오류예방, 실수 포용, 오류 감지 (포용, 실수 방지) (4)UI시스템의 필요 기능 ①사용자의 입력을 검증한다. (사용자가 숫자를 입력하는 곳에 문자를 입력하면 안되게끔) ②에러처리와 에러메시지 처리를 한다. (사용자에게 에러메시지를 보여줘야 한다.) ③도움(HELP)과 프롬프트(PROMPT)를 제공한다. (UI를 사용할 때 사용방법과 어떤 명령을 실행 할 수 있는 제공해야 한다.) (5)UI화면 구성요소 ①콤보박스   ②토글버튼   ③텍스트 박스 ④라디오버튼   ⑤체크박스 (6)UI개발을 위한 주요 기법 ①3C: Company, Customer, Competitor ②SWOT: Strength(강점), Weakness(약점), Opportunity(기회), Threat(위협) ③시나리오 플래닝; Scenario :다양한 시라니오 설계 ④사용성 테스트: 사용자가 직접 제품을 사용하면서 미리 작성된 시나리오에 맞추어 과제를 수행한 후, 질문에 답하도록 하는 테스트 ⑤위크숍: 소집단 정도의 인원 (7)UI컨셉션 : 와스정 ①와이어프레임스케치  ②페이퍼 프로토타입을 통한 스토리보드 설계 ③ 정보 구조 설계 (8)UI시나리오 문서의 작성 요건 : (완일이가추수) ①완전성; Complete ②일관성; Consistent ③이해성; Understandable ④가독성; Readable ⑤추적 용이성; Traceable ⑥수정 용이성; Modifiable (9)스토리보드(문서) : 구축하는 서비스를 위한 대부분의 정보가 수록된 문서 (10)UI화면설계구분 : 와스프 ①와이어프레임 ②스토리보드 ③프로토타입(시제품)

반응형

2. UI 설계

(1)UI설계프로세스 (문사 작컴 인디) ①문제정의 ②사용자모델정의 ③작업분석 ④컴퓨터오브젝트 및 기능정의 ⑤사용자 인터페이스정의 ⑥디자인평가 (2)UI흐름설계절차 (기입 유양) ①기능작성 ②입력요소확인 ③유수케이스설계 ④기능 및 양식 확인                                                         (애플워치) (3)감성공학 Sensibility Ergonomics : 인간의 감성을 정성적, 정량적으로 측정 및 평가하고 과학적으로 분석하여 이를 구체적인 제품 설계