Post

[정보처리기사] 화면 설계

Posted
By DayeonNam
8 min read

화면 설계

UI/UX

  • UI(User Interface, 사용자 인터페이스)
    • 사용자와 시스템 간의 상호작용이 원활하게 이뤄지도록 도와주는 장치나 소프트웨어
    • UI의 세 가지 분야
      • 정보 제공과 전달 위한 물리적 제어에 관한 분야
      • 콘텐츠의 상세적인 표현과 전체적인 구성에 관한 분야
      • 모든 사용자가 편리하고 간편하게 사용하도록 하는 기능에 관한 분야
  • UX(User Experience, 사용자 경험)
    • 사용자가 시스템이나 서비스를 이용하면서 느끼고 생각하게 되는 총체적인 경험
    • UI가 사용성, 접근성, 편리성을 중시한다면 UX는 이러한 UI를 통해 사용자가 느끼는 만족이나 감정을 중시

UI의 구분

  • CLI(Command Line Interface) : 명령과 출력이 텍스트 형태로 이뤄지는 인터페이스
  • GUI(Graphical User Interface) : 아이콘이나 메뉴를 마우스로 선택하여 작업을 수행하는 그래픽 환경의 인터페이스
  • NUI(Natural User Interface) : 키보드, 마우스 등 별도의 장치 없이 사용자의 자연스러운 움직임으로 기기를 조작하는 인터페이스

UI의 기본 원칙

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

UI 설계 도구 - 와이어프레임(Wireframe)

  • 페이지에 대한 개략적인 레이아웃이나 UI 요소 등에 대한 뼈대를 설계하는 도구
  • 기획 단계의 초기에 제작
  • 개발자나 디자이너 등이 레이아웃을 협의하거나 현재 진행 상태 등을 공유하기 위해 사용
  • 와이어프레임 툴 : 손그림, 파워포인트, 키노트, 스케치, 일러스트, 포토샵 등

UI 설계 도구 - 목업(Mockup)

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

UI 설계 도구 - 스토리보드(Story Board)

  • 와이어프레임에 콘텐츠에 대한 설명, 페이지 간 이동 흐름 등을 추가한 문서
  • 디자이너와 개발자가 최종적으로 참고하는 작업 지침서
  • 서비스 구축을 위한 모든 정보가 들어 있음
  • 스토리보드 툴 : 파워포인트, 키노트, 스케치, Axure 등

UI 설계 도구 - 프로토타입(Prototype)

  • 와이어프레임이나 스토리보드 등에 인터랙션을 적용함으로써 실제 구현된 것처럼 테스트가 가능한 동적인 형태의 모형
  • 사용자의 요구사항을 개발자가 맞게 해석했는지 검증하기 위한 것
  • 페이퍼 프로토타입 : 스케치, 그림, 글 등을 이용하여 손으로 직접 작성하는 아날로그적인 방법
  • 디지털 프로토타입 : 파워포인트, 아크로뱃, 비지오, 옴니그래플 등과 같은 프로그램을 사용하여 작성하는 방법

UI 설계 도구 - 유스케이스(Use Case)

  • 사용자의 요구사항을 기능 단위로 표현하는 것
  • 사용자가 원하는 목표를 달성하기 위해 수행할 내용을 기술
  • 일반적으로 다이어그램 형식으로 묘사됨

품질 요구사항

  • 소프트웨어 품질은 소프트웨어에 대한 요구사항이 사용자의 입장에서 얼마나 충족하는가를 나타내는 소프트웨어 특성의 총체
  • 소프트웨어 품질 관련 표준
    • ISO/IEC : 9126 소프트웨어의 품질 특성과 평가를 위한 국제 표준
    • ISO/IEC 25010 : ISO/IEC 9126에 호환성과 보안성을 강화하여 개정한 소프트웨어 제품에 대한 국제 표준
    • ISO/IEC 12119 : 패키지 소프트웨어의 일반적인 제품 품질 요구사항 및 테스트를 위한 국제 표준
    • ISO/IEC 14598 : 소프트웨어 품질의 측정과 평가에 필요 절차를 규정한 표준

ISO/IEC 9126의 소프트웨어 품질 특성

  • 기능성(Functionality)
    • 소프트웨어가 사용자의 요구사항을 정확하게 만족하는 기능을 제공하는지 여부를 나타냄
    • 하위 특성 : 적절성/적합성, 정밀성/정확성, 상호 운용성, 보안성, 준수성
  • 신뢰성(Reliability)
    • 주어진 시간동안 주어진 기능을 오류 없이 수행할 수 있는 정도를 나타냄
    • 하위 특성 : 성숙성, 고장 허용성, 회복성
  • 사용성(Usability)
    • 사용자와 컴퓨터 사이에 발생하는 어떠한 행위에 대하여 사용자가 정확하게 이해하고 사용하며, 향후 다시 사용하고 싶은 정도를 나타냄
    • 하위 특성 : 이해성, 학습성, 운용성, 친밀성
  • 효율성(Efficiency)
    • 사용자가 요구하는 기능을 얼마나 빠르게 처리할 수 있는지 정도를 나타냄
    • 하위 특성 : 시간 효율성, 자원 효율성
  • 유지 보수성(Maintainability)
    • 환경의 변화 또는 새로운 요구사항이 발생했을 때 소프트웨어를 개선하거나 확장할 수 있는 정도를 나타냄
    • 하위 특성 : 분석성, 변경성, 안정성, 시험성
  • 이식성(Portability)
    • 소프트웨어가 다른 환경에서도 얼마나 쉽게 적용할 수 있는지 정도를 나타냄
    • 하위 특성 : 적용성, 설치성, 대체성, 공존성
정보처리기사
정보처리기사 화면 설계
This post is licensed under CC BY 4.0 by the author.