정보처리기사 필기(화면 설계) UI 설계 도구

※ 본 내용은 스스로 공부하며 중요하다고 생각하는 부분만 정리한 내용입니다.

---

공부 서적(시나공 정보처리기사 필기책)

2022 시나공 정보처리기사 필기

〈2022 시나공 정보처리기사 필기〉는 출제기준에 포함된 125개의 학습 모듈을 완전 분해하여 정보처리기사 수준에 맞게 205개 섹션으로 엄선하여 정리하였습니다. 비전공자들이 쉽게 학습 방향을 잡을 수 있도록 NCS 학습 모듈을 가이드 삼아 자세한 설명과 충분한 예제를 더했고, 책에 수록된 내용은 어떠한 변형 문제가 나오더라도 대처할 수 있도록 최대한 자세하고 쉽게 설명했습니다.〈기억상자&기출 CBT〉 ‘기억상자’ 암기 프로그램으로 반복 학습을 통해 틀린 문제는 틀리지 않을 때까지, 맞혔던 문제는 안전하게 머릿속에 담아 시험장에 가지고 갈 수 있도록 해주고, 실제 시험장과 똑같은 기출문제 CBT로 마무리 학습 및 시험 전 현장 감각을 키울 수 있습니다(WWW.MEMBOX.CO.KR).

book.naver.com

출처: 시나공 정보처리기사 필기

 

저자: 김정준,강윤석,김용갑,김우경

 

출판사 : 길벗

---

UI 설계 도구

---

정의 : UI 화면 구조나 화면 배치 등을 설계할 때 사용하는 도구

 

종류 : 와이어 프레임, 목업, 스토리보드, 프로토타입, 유스케이스 등

 

 

와이어 프레임

 

• 개략적인 UI요소에 뼈대를 설계
• 레이아웃 협의 및 진행상황 공유시 사용
• 손그림, 파워포인트, 키노트, 스케치 등

 

목업

 

• 와이어 프레임보다 좀 더 실제적인 화면과 더 유사한 정적인 화면
• 파워 목업, 발사믹 목업

 

스토리보드

 

• 와이어 프레임에 콘텐츠 설명 및 이동 흐름을 추가한 문서
• 최종적으로 참고하는 작업 지침서
• 서비스 구축을 위한 모든 정보가 들어가 있다.
• 파워포인트, 키노트, 스케치, Axure 등

 

프로토 타입

 

• 인터렉션을 적용하여 테스트가 가능한 동적인 형태
• HTML/CSS. Axure, Flinto, 네이버 프로토나우 등

 

유스 케이스

 

• 사용자가 원하는 목표를 달성하기 위해 수행할 내용 기술
• 자연어로 작성, 요구사항 구조적, 다이어그램 형식
• 다이어그램 완성시 명세서 작성