1-소프트웨어 설계 2. 화면 설계 2) UI 설계

Junha Kim·2021년 2월 17일
0

정보처리기사

목록 보기
5/6

(1) UI 흐름 설계 및 상세 설계

1. UI 설계 프로세스

  1. 문제 정의
  2. 사용자 모델 정의 : 사용자의 특성 파악하여 사용자 모델 정의
  3. 작업 분석
  4. 컴퓨터 오브젝트 및 기능 정의
  5. 사용자 인터페이스 정의
  6. 디자인 평가

2. UI 흐름 설계

  1. 화면에 표현되어야 할 기능 작성
    • 기능적 요구사항 : 입출력 데이터 파악, 저장 데이터 분석, 수행 연산 분석
    • 비기능적 요구사항 : 처리 속도, 보안성 등 시스템 성능
  2. 화면 입력 요소 확인
  3. UI 요구사항 기반으로 유스케이스 설계
  4. 기능 및 양식 확인

3. UI 상세 설계

  1. UI 요구사항 기반으로 메뉴 구조 설계
  2. 내외부 화면과 폼 설계
  3. UI 검토 및 보완

(2) 감성 공학

1. 감성공학 개념

  • 인간의 감성을 정성적, 정량적으로 측정 및 분석 → 구체적인 제품 설계로 실현

2. 감성공학의 접근 방법

  • 1류 접근 방법
    • 의미 미분법
    • 감성을 표현하는 어휘를 이용하여 제품 이미지 조사 및 디자인 요소와 연계
  • 2류 접근 방법
    • 문화적 감성의 일부 반영
    • 개별적 특성과 생활 방식으로부터 개인이 갖고 있는 이미지 구체화
    • 감성의 심리적 특성 강조
  • 3류 접근 방법
    • 공학적인 방법으로 인간의 감각을 측정 → 수학적 모델 구축
    • 대상 제품의 물리적 특성에 대한 객관적 지표 및 연관분석
    • 감성의 생리적 특성 강조

3. 감성공학 관련 기술 종류

  • 감성 공학 기술
    • 인간 공학
    • 생체 기술
    • 인간 감각 계측 기술
  • 감성공학 기반 인터페이스 구현 기술
    • 센서 및 센싱 기술
    • 디스플레이 기술
    • 액츄에이터 기술
    • 센서 퓨전 기술
    • 마이크로 머시닝 기술
    • 퍼지 뉴럴 네트워크 기술
    • 산업 디자인 기술
  • 적합성 판단 / 새로운 감성 창출 기술
    • 사용성 평가 기술
    • 가상현실 기술

(3) UI 설계 도구

1. UI 설계 도구 개념

  • 사용자와 시스템 사이에 의사소통 할 수 있도록 만들어진 UI의 설계를 지원하는 도구

2. UI 개발 단계별 활용 가능한 설계 도구

3. UI 설계 도구 유형

  1. 화면 설계 도구
    • 파워 목업, 발사믹 목업, 카카오 오븐
  2. 프로토타이핑 도구
    • UX 핀, 액슈어, 네이버 프로토나우
  3. UI 디자인 도구
    • 스케치, 어도비 XD
  4. UI 디자인 산출물로 작업하는 프로토타이핑 도구
    • 인비전, 픽사에이트, 프레이머(커피 스크립트 기반)

0개의 댓글