2장 - 화면설계 핵심 요약

2024년도 시나공 필기 책 내용 정리

---

섹션11. 사용자 인터페이스

 

1. 인터페이스(Interface)

 

• 서로 다른 두 시스템이나 소프트웨어 등을 서로 이어주는 부분 또는 접속장치를 의미

2. 사용자 인터페이스(UI)의 특징

 

• 사용자의 편리성과 가독성을 높임으로써 작업 시간을 닥축시키고 업무에 대한 이해도를 높여줌
• 최소한의 노력으로 원하는 결과를 얻을 수 있게 함
• 사용자 중심으로 설계되어 사용자 중심의 상호 작용이 되도록 함
• 수행 결과의 오류를 줄임
• 사용자의 막연한 작업 기능에 대해 구체적인 방법을 제시

3. 사용자 인터페이스의 구분

 

• CLI(Command Line Interface) : 명령과 출력이 텍스트 형태로 이뤄지는 인터페이스
• GUI(Graphical User Interface) : 아이콘이나 메뉴를 마우스로 선택하여 작업을 수행하는 그래픽 환경의 인터페이스
• NUI(Natural User Interface) : 사용자의 말이나 행동으로 기기를 조작하는 인터페이스

4. 주요 모바일 제스처(Mobile Gesture)

 

• Tap(누르기) : 화면을 가볍게 한 번 터치하는 동작
• Double Tap(두 번 누르기) : 화면을 빠르게 두 번 터치하는 동작
• Press(오래 누르기) : 화면의 특정 위치를 손가락으로 꾹 누르는 동작
• Filck(빠르게 스크롤) : 화면에 손가락을 터치하면서 수평 또는 수직으로 빠르게 드래그 하는 동작
• Pinch(두 손가락으로 넓히기/좁히기) : 두 손가락으로 화면을 터치한 후 두 손가락을 서로 다른 방향으로 움직이는 동작

5. 사용자 인터페이스의 기본 원칙

 

• 직관성 : 누구나 쉽게 이해하고 사용할 수 있어야 함
• 유효성 : 사용자의 목적을 정확하고 완벽하게 달성해야 함
• 학습성 : 누구나 쉽게 배우고 익힐 수 있어야 함
• 유연성 : 사용자의 요구사항을 최대한 수용하고 실수를 최소화 해야 함

6. 사용자 인터페이스의 설계 지침

 

• 사용자 중심 : 사용자가 쉽게 이해하고 편리하게 사용할 수 있는 환경을 제공하며, 실사용자에 대한 이해가 바탕이 되어야 함
• 사용성 : 사용자가 소프트웨어를 얼마나 빠르고 쉽게 이해할 수 있는지, 얼마나 편리하고 효율적으로 사용할 수 있는지를 말하는 것으로 사용자 인터페이스 설계시 가장 우선적으로 고려해야 함
• 심미성 : 디자인적 완성도 높게 글꼴이나 색상을 적용하고 그래픽 요소를 배치하여 가독성을 높일 수 있도록 설계해야 함
• 오류 발생 해결 : 요류가 발생하면 사용자가 쉽게 인지할 수 있도록 설계해야 함

7. 사용자 인터페이스 개발 시스템의 기능

 

• 사용자의 입력을 검증할 수 있어야 함
• 에러 처리와 그와 관련된 에러 메시지를 표시할 수 있어야 함
• 도움과 프롬프트(Prompt)를 제공해야 함

---

섹션12. UI 설계 도구

 

1. 와이어 프레임

 

• 기획 단계의 초기에 제작하는 것으로 페이지에 대한 대략적인 레이아웃이나 UI 요소 등에 대한 뼈대를 설계하는 단계

2. 목업(Mockup)

 

• 디자인, 사용방법 설명, 평가 등을 위해 와이어 프레임보다 좀 더 실제 화면과 유사하게 만든 정적인 형태의 모형
• 시각적으로만 구성 요소를 배치하는 것으로 실제로 구현되지는 않음
• 툴 : 파워목업, 발사믹 목업 등

3. 유스케이스(Use case)

 

• 사용자 측면에서의 요구사항으로 사용자가 원하는 목표를 달성하기 위해 수행할 내용을 기술
• 사용자의 요구사항을 빠르게 파악함으로써 프로젝트의 초기에 시스템의 기능적인 요구를 결정하고 그 결과를 문서화할 수 있음.
• 유스케이스는 자연어로 작성된 사용자의 요구사항을 구조적으로 표현한 것으로, 일반적으로 다이어그램 형식으로 묘사됨
• 유스케이스 다이어그램이 완성되면 각각의 유스케이스에 대해 유스케이스 명세서를 작성

---

섹션13. 품질 요구사항

 

1. ISO / IEC 12119

 

• ISO / IEC 9126을 준수한 품질 표준이며 테스트 절차를 포함하여 규정

2. 기능성(Functionality)

 

• 소프트웨어가 사용자의 요구사항을 정확하게 만족하는 기능을 제공하는지 여부를 나타냄
• 하위특성 : 적절성/적합성, 정밀성/정확성, 상호 운용성, 보안성, 준수성

3. 신뢰성(Reliability)

 

• 소프트웨어가 요구된 기능을 정확하고 일관되게 오류 없이 수행할 수 있는 정도를 나타냄

4. 사용성(Usability)

 

• 사용자와 컴퓨터 사이에 발생하는 어떠한 행위에 대해 사용자가 쉽게 배우고 사용할 수 있으며 향후 다시 사용하고 싶은 정도를 나타냄

5. 이식성(Portability)

 

• 소프트웨어가 다른 환경에서도 얼마나 쉽게 적용할 수 있는지 정도를 나타냄

---

섹션14. UI 상세 설계

 

1. UI 요소

 

• 체크박스(Check Box) : 여러 개의 선택 상황에서 1개 이상의 값을 선택할 수 있는 버튼
• 라디오 버튼(Radio Button) : 여러 항목 중 하나만 선택할 수 있는 버튼
• 텍스트 박스(Text Box) : 사용자가 데이터를 입력하고 수정할 수 있는 상자
• 콤보 상자(Combo Box) : 이미 지정된 목록 상자에 내용을 표시하여 선택하거나 새로 입력할 수 있는 상자
• 목록 상자(List Box) : 콤보 상자와 같이 목록을 표시하지만 새로운 내용을 입력할 수 없는 상자

---

섹션15. HCI / UX / 감성공학

 

1.  HCI(Human Computer Interaction or Interface)

 

• 사람이 시스템을 보다 편리하고 안전하게 사용할 수 있도록 연구하고 개발하는 학문
• 최종 목표는 시스템을 사용하는데 있어 최적의 사용자 경험(UX)을 만드는 것

2. UX(User Experience)

 

• 사용자가 시스템이나 서비스를 이용하면서 느끼고 생각하게 되는 총체적인 경험
• 단순히 기능이나 절차상의 만족뿐 아니라 사용자가 참여, 사용, 관찰하고 상호 교감을 통해서 알 수 있는 가치 있는 경험을 말함

3. UX의 특징

 

• 주관성(Subjectivity) : 사람들의 개인적, 신체적, 인지적 특성에 따라 다르므로 주관적임
• 정황성(Contextuality) : 경험이 일어나는 상황 또는 주변 환경에 영향을 받음
• 총체성(Holistic) : 개인이 느끼는 총체적인 심리적, 감성적인 결과

4. 감성공학

 

• 제품이나 작업환경을 사용자의 감성에 알맞도록 설계 및 제작하는 기술
• 인문사회과학, 공학, 의학 등 여러 분야의 학문이 공존하는 종합과학