🔥 정보처리기사(혹은 NCS) - UI/UX 요구분석

1. UI/UX 콘셉트 아이디어 도출하기

요구사항 분석

• 요구사항 : 어떤 문제를 해결하거나 특정 목적을 위하여 사용자가 필요로 하는 조건이나 능력. 계약, 표준, 명세 등의 형식으로 제시된 문서에 맞추어 시스템이나 시스템 구성 요소가 갖추어야 할 조건이나 능력.
• 요구사항 분석 : 시스템이나 소프트웨어 요구사항을 정의하기 위해 사용자의 요구사항을 조사하고 확인하는 과정. 요구사항 도출, 분석, 기록의 작업을 수반한다.

요구사항의 구분

요구사항의 목표 대상에 따른 구분

• 사용자 요구사항
• 시스템 요구사항

요구사항의 기능적 특성에 따른 구분

• 기능 요구사항
• 비기능 요구사항
• 도메인 요구사항

비기능 요구사항

• 제품 요구사항 : 제품, 서비스에 대한 요구사항
• 조직 요구사항 : 조직 내부의 정책, 규칙, 표준 등에 부합하기 위한 요구사항
• 외부 요구사항 : 조직 외부의 법령, 표준 등에 부합하기 위한 요구사항

사용자 리서치 종류

• 포커스 그룹 인터뷰(FGI) : 그룹 참가자들이 특정 아이디어나 제품에 대해 함게 인터뷰하는 방법
• 심층(In-Depth) 인터뷰 : 면접자가 질문에 대한 전체 틀만 가지고, 구체적인 질문 내용이나 순서는 면접자와 응답자 간의 상호작용으로 결정
• 필드(Field) 스터디 : 참가자들의 자연적인 환경에서, 진행하는 사람이 질문을 먼저 준비하되, 참가자의 응답에 따라 질문 변경
• 카드 소팅(Card Sorting) : 카드에 시스템의 기능, 특징 등을 적은 후 사용자가 마음대로 재구성하게 하기
• 정보구조와 카드 소팅 연관성 : 정보구조를 어떻게 인식하는지 카드를 그룹화하여 조사하는 방법
• 5why 기법 : 사용자들의 중요 행태를 계속 질문하여 잠재된 니즈 분석
• 쉐도우 트랙킹(Shadow Tracking) : 일정 기간 동안 참가자의 행동을 관찰하는 것
• 피어 쉐도잉(Peer Shadowing) : 일정 기간 동안 참가자의 행동을 그림자처럼 밀착해 관찰하여 분석하는 기법

사용자 케이스

사용자 케이스에 포함하는 것

• 제품, 서비스의 사용자
• 사용자가 수행하는 행위
• 사용자의 목표
• 사용자가 작업을 완료하기 위해 수행해야 하는 단계별 과정
• 제품, 서비스의 응답

포함하지 않는 것

• 구현을 위해 사용되는 프로그래밍 언어
• 상세한 UI 또는 화면

휴리스틱 평가

장점

• 상대적으로 비용이 저렴한 방법. 디자인에 대해 신속한 피드백 받을 수 있음
• 설계의 초기 단계에 피드백 받을 수 있음
• 올바른 휴리스틱 평가는 디자이너가 문제를 해결하는데 필요한 최선의 기준이 될 수 있음
• 다른 사용성 테스트와 병행할 수 있음
• 핵심적인 문제에 집중할 수 있음

단점

• 효율적인 평가를 위해서는 많은 지식과 전문성 필요로 함
• 전문가를 찾기 어려움
• 여러 전문가의 평가 결과를 종합해야 함
• (중요한 이슈 말고) 중요하지 않은 이슈만이 파악될 수 있음

👨🏻 제닐 콥슨의 10대 사용성 리스트

• 시스템 상태의 가시성 : 시스템은 사용자가 무엇이 진행되고 있는지 알 수 있도록 적절한 시점에 정보를 제공함
• 실제 세계와 시스템의 일치 : 시스템은 시스템 기준이 아닌 사용자 기준으로 사용자의 언어, 친숙한 단어, 구문 등으로 이야기함
• 사용자 통제와 자유 : 사용자는 실수로 원치 않는 조작을 할 수 있다. 이때 벗어날 수 있도록 취소하기(Undo), 되돌리기(Redo) 등의 통제가 가능하다.
• 일관성과 표준의 준수 : 사용자가 같은 의미를 갖는 조작, 상황, 단어 등에 의해 혼란을 겪지 않게 일관성을 유지
• 오류 방지 : 사용자의 오류를 방지할 수 있도록 오류가 발생할 수 있는 조건 제거, 혹은 최종적인 동작 수행 전 옵션 등을 확인
• 기억보다는 인식 : 사용자의 기억력에 대한 의존을 최소화하도록 객체, 동작, 옵션 등을 가시화함 (특정 부분의 조작을 위해 다른 부분의 조작 정보를 기억할 필요 없음)
• 사용의 유연성과 효율성 : 초심자와 다른 숙련자에게는 보다 신속하게 작업할 수 있는 기능 등을 제공한다. 또는 자주 취하는 조작을 사용자가 설정할 수 있는 기능 등을 제공한다.
• 심미적인 최소지향(Minimal) : 주로 제공되는 정보의 내용에 관련이 없거나 사용될 가능성이 낮은 정보를 뺀다.
• 오류를 인지하고 식별하며 이로부터 복구 가능함 : 오류에 대한 메시지는 일반적인 용어들로 명확하게 오류 상황을 알려주고 명료한 해법을 제시한다.
• 도움말과 매뉴얼 : 사용자가 수행하고자 하는 작업을 중심으로 쉽게 검색할 수 있고, 구체적으로 수행하여야 할 작업 과정을 안내하며, 해당 내용이 너무 많지 않은 형태의 도움말, 매뉴얼을 제공한다.

요구사항 선별 참여자

• 사용자의 견해를 대변할 사람
• 비즈니스의 견해를 대변할 사람
• 개발팀의 견해를 대변할 사람
• 프로젝트의 입장을 대변할 사람

콘셉트 아이디어 문서화 (고려해아 할 사항들)

• 설계에 적용될 프로세스
• 설계시 협업 상황
• 설계 문서에 대한 보고 및 공유
• 설계 문서 상세함의 적절성
• 문서의 수명 (프로젝트 중 업데이트되지 않는 문서는 죽은 문서)
• 각 문서 독자 (수요자)
• 해당 설계 문서와 관련된 타 문서 참고 정보
• 설계 문서 작성 난이도 (어느 정도의 노력을 필요로 하는가?)
• 설계 문서 작성 일정에 영향을 미치는 요소
• 다수의 디자이너와 작업하는가?

2. 패스트 프로토타입

프로토타입

• 프로토타입 : 상품/서비스가 출시되기 전 만들어진 원형(archetype)을 의미함
• 프로토타이핑 : 사용자의 요구사항 담은 모형 만들어서, 이후 사용자와 상품이 제공하는 기능의 추가, 변경, 삭제 등의 요구사항에 대해 소통하는 도구(개발이 진행되는 동안 개발 참여자 간 개념을 공유하는 도구)를 만드는 설계 과정

프로토타입 형태

• 실험적 프로토타입(폐기형 프로토타입) : 요구사항 검증 목적임. 실험이 종료되면 프로토타입 폐기
• 진화적 프로토타입(지속적 프로토타입) : 제작된 프로토타입을 지속적으로 발전시켜 최종 상품까지 개발하는 방식

프로토타이핑 장점/제약

프로토타이핑의 장점

• 신속하게 제작 가능. 반복을 통해 발전된 결과물을 얻을 수 있음
• 최종 완성 전에 사용자로부터 추가/변경 요구사항 등 피드백 받을 수 있음
• 개발 참여 인력과 사용자 간에 의사소통이 원활해짐
• 사용성과 관련된 문제를 조기에 식별할 수 있음
• 테스트에 대한 부담이 적음. 조기 개선 가능

프로토타이핑 제약(단점)

• 프로토타입의 제작에만 집중하는 경우 문서화가 불충분할 수 있음
• 상품의 일부만을 대상으로 제작되었음을 간과하면 사용성이 과대평가될 수 있음
• 상품의 일부만을 대상으로 제작되어, 테스트 수행 시 테스트 경로가 제한될 수 있음.
• 지속적, 반복적인 요구사항 수집에 대한 통제가 어려울 수 있음
• 반복을 종료해도 충분함을 판단하기 어려움

프로토타이핑 과정

1. 요구사항 정의
2. 프로토타입 개발
3. 프로토타입 검토
4. 프로토타입 수정
5. 프로토타이핑 평가 및 종료

프로토타이핑 방법 구분 (충실도에 따라 구분)

• 낮은 충실도 프로토타이핑 : 신속하게 제작될 경우 쓰임. 페이퍼 프로토타이핑 기법을 주로 활용 (종이에 대충 그린 그림)
• 높은 충실도 프로토타이핑 : 완성품에 가까운 시제품, 베타버전 등 완성도가 높은 프로토타입 (작은 문제점까지 찾고 반영하는 데 적합)

낮은 충실도 프로토타이핑 장점

• 개발 단가가 낮음
• 여러 디자인 콘셉트를 평가할 수 있음
• 유용한 커뮤니케이션 도구로 활용할 수 있음
• 시장의 요구를 파악하는 데 유용함
• 콘셉트의 검증 도구로 활용 가능

낮은 충실도 프로토타이핑 단점

• 에러 검증 어려움
• 세부 사양을 정하기 어려움
• 요구사항이 결정되면 쓸모 없어짐
• 사용성 평가에 사용하기 어려움
• 정보 구조 혹은 태스크 흐름을 탐색하기 어려움

높은 충실도 프로토타이핑 장점

• 최종 결과물과 유사 (Look & Feel)
• 아이디어 탐색과 사용성 테스트 동시에 활용 가능
• 정보 구조 탐색 가능
• 실제 생산을 위한 사양서 역할
• 마케팅 및 영업 도구로 활용 가능

높은 충실도 프로토타이핑 단점

• 개발비가 비쌈
• 제작 기간이 길어짐
• 콘셉트 디자인을 검증하는 데 효율적이지 못함
• 요구사항을 수집하는 데 적절하지 못함

반영하는 기능의 폭과 깊이에 따른 구분

• 수평적 프로토타이핑 : 기능의 깊이보다 폭넓게 다양한 기능을 담는 것
• 수직적 프로토타이핑 : 핵심적으로 다루어야 할 주요 기능만 선별해서 깊이있게 제작
• 시나리오 프로토타이핑 : 시나리오를 수행하는 데 필요한 경로상의 기능들이 접근되고 실행될 수 있게 프로토타입 제작
• 래피드 프로토타이핑 : 3D 프린터 등을 이용해 시제품을 빠르게 제작. 급속 조형법이라고도 함

프로토타이핑 제작도구

• 종이와 필기구
• 출력된 이미지, 풀, 가위
• 벡터 그래픽 편집 프로그램 (래스터 그래픽 편집 프로그램보다 선호)
• 문서, 스프레드시트, 프레젠테이션 작성 프로그램
• 설치형, 웹 기반 프로토타이핑 전용 프로그램
• HTML, CSS 편집 프로그램

프로토타이핑 제작 유형

• 목업 (MockUp)
• 스토리보드
• 스케치
• 시나리오
• 스크린샷 (Screen Shot)
• 기능을 보여주는 인터페이스 (Functional Interface)

3. 패스트 프로토타입 검증하기

👨🏻 피터 모빌의 7가지 측면 벌집 모형

• 유용한 : 만든 제품이 사용자에게 유용한가?
• 편리한 : 사용자가 사용하기 편리한가?
• 매력적인 : 제품의 디자인 요소들이 매력적인가?
• 찾을 수 있는 : 사용자들이 필요한 것을 잘 찾을 수 있게 내비게이션 가능한가?
• 접근 가능한 : 장애와 상관없이 누구나 접근 가능한가?
• 신뢰할 수 있는 : 움직임과 연동이 안정적이고 에러가 없는가?
• 가치 있는 : 투자 가치가 있는가? 제품의 목적을 잘 달성하는가?

인간 중심 디자인 : 6가지 디자인 원칙

• 디자인은 사용자 작업 및 환경의 명백한 이해에 기초하여야 함
• 사용자는 디자인 및 개발 전반에 참여해야 함
• 디자인은 사용자 중심의 평가에 의해 정제되고 주도되어야 함
• 반복적 프로세스를 적용함
• 디자인은 UX 전체를 다루어야 함
• 디자인 팀은 여러 전문 분야의 기술과 관점을 가지고 있어야 함

---

🤭 확인문제 (정답 아래에)

1. 다음이 뜻하는 것이 무엇인지 단답형으로 적어보시오.

어떤 문제를 해결하거나 특정 목적을 위하여 사용자가 필요로 하는 조건이나 능력.
계약, 표준, 명세 등의 형식으로 제시된 문서에 맞추어 시스템이나 시스템 구성 요소가 갖추어야 할 조건이나 능력.

2. 요구사항의 목표에 따른 구분 방법 두가지를 적어보시오.

3. 비기능 요구사항에 대해 아래 ㄱ, ㄴ, ㄷ을 채워보시오.

• ㉠ : 제품, 서비스에 대한 요구사항
• ㉡ : 조직 내부의 정책, 규칙, 표준 등에 부합하기 위한 요구사항
• ㉢ : 조직 외부의 법령, 표준 등에 부합하기 위한 요구사항

4. 다음 중 사용자 케이스에 포함되지 않는 것은?

① 제품, 서비스의 사용자
② 사용자의 목표
③ 사용자가 작업을 완료하기 위해 수행해야 하는 단계별 과정
④ 구현을 위해 사용되는 프로그래밍 언어
⑤ 제품, 서비스의 응답

5. 다음 사용자 리서치 개념을 무슨 방법이라고 하는가?

참가자들의 자연적인 환경에서, 진행하는 사람이 질문을 먼저 준비하되, 참가자의 응답에 따라 질문을 변경하는 방식

6. 다음 사용자 리서치 개념을 무슨 방법이라고 하는가?

일정 기간 동안 참가자의 행동을 그림자처럼 밀착해 관찰하여 분석하는 기법

7. 다음 중 휴리스틱 평가의 장점이 아닌 것은?

① 상대적으로 비용이 저렴하고, 디자인에 대해 신속한 피드백을 받을 수 있다.
② 올바른 휴리스틱 평가는 디자이너가 문제를 해결하는 데 필요한 최선의 기준이 될 수 있다.
③ 여러 전문가의 평가 결과를 종합해야 한다.
④ 다른 사용성 테스트와 병행할 수 있다.
⑤ 핵심적인 문제에 집중할 수 있다.

8. 콘셉트 아이디어 분석 요구사항 참여자가 아닌 것은?

① 사용자 견해
② 프로세스 입장
③ 개발자 견해
④ 비즈니스 견해
⑤ 프로젝트 입장

9. 다음이 뜻하는 것이 무엇인지 단답형으로 적어보시오.

상품/서비스가 출시되기 전 만들어진 원형(archetype)

10. 아래는 실험적/진화적 프로토타입 중 무엇에 해당하나?

요구사항 검증 목적임. 검증 종료되면 프로토타입 폐기

11. 프로토타이핑의 과정을 바른 순서로 정렬해보자.

① 프로토타입 수정
② 프로토타입 검토
③ 프로토타입 개발
④ 요구사항 정의
⑤ 프로토타이핑 평가 및 종료

12. 피터 모빌의 7가지 측면 중 개념-설명이 일치하지 않는 것을 골라보자.

① 편리한 : 사용자가 사용하기 편리한가?
② 찾을 수 있는 : 사용자들이 필요한 것을 잘 찾을 수 있게 내비게이션 가능한가?
③ 신뢰할 수 있는 : 투자 가치가 있는가? 제품의 목적을 잘 달성했는가?
④ 매력적인 : 제품의 디자인 요소가 매력적인가?
⑤ 접근 가능한 : 장애와 상관없이 누구나 접근 가능한가?

---

.
.
.
.
.
.
.
.
.
.
.

정답
1. 요구사항
2. 사용자 요구사항, 시스템 요구사항
3. 제품 요구사항, 조직 요구사항, 외부 요구사항
4. ④
5. 필드 스터디
6. 피어 쉐도잉
7. ③
8. ②
9. 프로토타입
10. 실험적 프로토타입
11. ④, ③, ②, ①, ⑤
12. ③