정보처리기사 필기 정리 - 1. 소프트웨어 설계 (1-02. 화면 설계)

정보처리기사 필기 정리 - 1. 소프트웨어 설계

 

Chapter 02 화면 설계 (중요도: ★★★)

1. UI 요구사항 확인
   • UI(User Interface): 사용자와 시스템 사이에서 의사 소통할 수 있도록 고안된 물리적, 가상의 매개체
     • UI 유형
       • CLI(Command Line Interface): 정적인 텍스트 기반 인터페이스
       • GUI(Graphical User Interface): 그래픽 반응 기반 인터페이스
       • NUI(Natural User Interface): 직관적 사용자 반응 기반 인터페이스
       • OUI(Organic User Interface): 유기적 상호작용 기반 인터페이스
     • UI 설계 원칙
       • 직관성(Intuitiveness): 누구나 쉽게 이해, 사용
       • 유효성(Efficiency): 사용자의 목표가 달성되도록 제작
       • 학습성(Learnability): 누구나 쉽게 배우고 사용하게 제작
       • 유연성(Flexibility): 사용자의 실수 방지하도록 제작
     • UI개발 기법
       • 3C 분석: 고객(Customer), 자사(Company), 경쟁사(Competitor)비교하여 경쟁에서 이길 방법 분석
       • SWOT 분석: Strength(강정), Weakness(약점), Opportunity(기회), Threat(위협) 요인을 규정하고 경영전략 수립하는 방법
       • 시나리오 플래닝: 다양한 시나리오를 설계하여 불확실성을 제거하는 방법
       • 사용성 테스트: 미리 작성된 시나리에어 사용자가 답하도록 하는 테스트
       • 워크숍: 새로운 지식, 기술, 방법 등을 서로 교환하고 검토하는 연구회 및 세미나
     • 사용자 요구사항 도출
       • 페르소나 정의: 잠재적 사용자의 다양한 목적과 관찰된 행동 패턴을 응집시켜 놓은 가상의 사용자
       • 콘셉트 모델 정의: 여러가지 추상적인 콘셉트들 사이의 관계를 보여주는 다이어그램
       • 사용자 요구사항 정의: 리서치 및 페르소나 결과물을 토대로 요구사항을 도출하고 우선순위 정함
       • UI 컨셉션: 대표 화면 설계를 진행하는 단계
     • UI 화면 설계 구분
       • 와이어 프레임(Wireframe): 화면 단위의 레이아웃을 설계하는 작업
         • 도구: 파워포인트, 키노트, 스케치, 일러스트
       • 스토리보드(Stroyboard): 서비스 구축을 위한 모든 정보가 담겨있는 설계 산출물
         • 도구: 파워포인트, 키노트, 스케치
       • 프로토타입(Prototype): 실제 구현된 것처럼 시뮬레이션할 수 있는 모형
         • 도구: HTML/CSS
2. UI 설계
   • UI 설계 프로세스: 문제 정의 -> 사용자 모델 정의 -> 작업 분석 -> 컴퓨터 오브젝트 및 기능 정의 -> 사용자 인터페이스 정의 -> 디자인 평가
   • 감성공학: 인간의 감성을 정서적, 정략적으로 측정 평가하여 구체적인 제품 설계로 실현해 내는 공학
   • 화면 설계 도구
     • 파워 목업(Power Mockup): 파워포인트에 추가 메뉴를 설치해 목업 기능을 사용할 수 있도록 지원하는 툴
     • 발사믹 목업(Balsamiq Mockup): 스케치한 느낌으로 빠르고 심플하게 서비스 콘셉트를 전달하는 도구
     • 카카오 오븐(Oven): 카카오에서 제작한 온라인 프로토타이핑 도구
   • 프로토타이핑 도구
     • UX핀(UXPin): 웹 브라우저 통해 와이어 프렐임과 프로토타이핑 작업을 동시 가능한 도구
     • 액슈어(AXURE): 스토리보드에 포함되는 정책, 플로 차트, 디스크립션까지 모두 작성 가능한 도구
     • 네이버 프로토나우(ProtoNOW): 네이버에서 만든 프로토타이핑 도구
   • UI 디자인 도구
     • 스케치(Sketch): 다양한 목업, 템플릿 활용한 레이아웃 중심 UI 도구
     • 어도비 익스피리언스 디자인 CC(Adobe XD): UI 디자인에 최적화된 툴, 포토샵, 일러스트 연동지원
   • UI디자인 산출물로 작업하는 프로토타이핑 도구
     • 인비전(Invision): 디자이너의 작업 결과를 사이트에 업도르하여 UI를 연결해 인터랙션 적용이 가능한 도구
     • 픽사에이트(Pixate): 모바일 앱 프로토타이핑에 최적화된 도구, 구글인수
     • 프레이머(Framer): 커피 스크립트 코드 기반의 프로토타이핑 도구

 

---

---

2022 수제비 정보처리기사 필기 & 2022 이기적 정보처리기사 필기 책을 참고하여 정리하였다.

건기원 수제비 정보처리기사 필기 1권+2권 합본세트 - 전2권 - NCS기반 2022 : 기사북닷컴

2022 이기적 정보처리기사 필기 기본서 - 예스24

ㅇ