User Interface
✅UI(User Interface)
사용자와 시스템 사이의 상호작용을 지원하는 장치 또는 소프트웨어로, 일반적으로 사용자가 접하는 화면을 의미한다. 따라서 사용자 중심으로 설계되어야 한다.
※ UX(User eXperience): 사요자가 제품 또는 서비스를 직간접적으로 경험하면서 느끼는 총체적 경험
UI 종류 [★★☆☆☆]
- CLI(Command Line Interface): 텍스트를 입력해 조작한다.
- GUI(Graphical User Interface): 마우스로 조작한다.
- NUI(Natural User Interface): 신체(터치, 음성 등)으로 조작한다.
- OUI(Organic User Interface): IoT처럼 모든 사물과 사용자가 연결된 UI
Organic: 장기, 유기적 - VUI(Voice User Interface): 음성으로 조작한다.
UI 설계 원칙
- 직관성(Intuitiveness): 누구나 쉽게 이해하고 사용해야 한다
- 유효성(Efficiency): 사용자의 목적을 정확하게 달성한다.
- 학습성(Learnability): 누구나 쉽게 배울 수 있다.
- 유연성(Flexibility): 사용자의 요구를 수용하고, 실수를 예방한다.
UI 설계 지침
사용자 중심, 일관성, 단순성, 예측 가능성, 가시성, 표준화, 접근성, 명확성
UI 개발 시스템 기능
- 사용자의 입력을 검증한다.
- 에러를 처리하고, 에러 메세지를 표시한다.
- 도움말(Help)와 프롬프트(Prompt) 제공
UI 설계 도구
-
WireFrame
기획 초기 단계에서 페이지 단위로 손그림, 파워포인트, 포토샵 등을 통해 레이아웃을 설계한다. -
Sroty Board
WireFrame에 설명 및 페이지 흐름 등을 추가한 최종 작업 지침서 -
Mockup(목업)
실제 제품과 유사하나 실제로 구현은 되지 않는 정적 모형 -
Prototype
핵심 기능을 구현해, 실제 제품처럼 동작이 가능한 동적 모형장점
- 이해가 쉽다.
- 사전에 오류를 발견할 수 있다.
단점
- 핵심 기능을 빼고 구현할 수 있다.
- 작업 시간(비용)이 증가할 수 있다.
종류
1) 페이퍼 프로토타입(Paper Prototype): 손으로 작성한다.
2) 디지털 프로토타입(Digital Prototype): 컴퓨터 프로그램으로 작성한다. -
Use Case
사용자의 요구사항을 달성하기 위한 내용을 다어이그램으로 표현하고, 각각의 Use Case에 대한 명세서를 작성한다.
✅감성공학(Sensibility Ergonomics)
인간의 감성(사용자 경험)을 제품 설계에 적용하는 공학적 접근 방법
감성공학 접근 방법(나가마치 미츠오 교수)
구분 설명 1류 접근 방법 인간의 감성을 표현하는 어휘를 이용하여 제품 이미지를 조사, 그 분석을 통해 제품 디자인 요소와 연계시키는 접근 방법 2류 접근 방법 개인의 연령, 성별 등의 개별적 특성과 생활 방식으로부터 개인이 갖고 있는 이미지를 구체화하는 방법 감성의 심리적 특성을 강조한 접근 방법 3류 접근 방법 기존의 감성적 어휘 대신 공학적인 방법으로 접근하여 인간의 감각을 측정, 이를 바탕으로 수학적 모델을 구축하여 활용
웹의 3요소
1) 웹 표준(Web Standards)
2) 웹 접근성(Web Accessibility)
3) 웹 호환성(Cross Browsing)
UI 시나리오 문서
UI설계서를 바탕으로 레이아웃과 Interaction, 예외처리 등을 문서로 정리한 것으로, Interaction Designer(UI 설계자)가 시나리오 문서를 작성한다.
UI 요소
- Radio Button: 1개 선택
- Check Box: 1개 이상 선택
- Text Box: 사용자 입력
- Combo Box: 리스트 중 선택하거나 사용자 입력
- List Box: 리스트에서 선택
소프트웨어 품질 평가 국제 표준
ISO/IEC 9126
ISO/IEC 25010
2011년 ISO/IEC 9126를 기초로 호환성과 보완성을 강화함
ISO/IEC 12119
ISO/IEC 9126를 기초로 테스트 절차를 포함함
ISO/IEC 14598
개발자, 구매자, 평가자 별 소프트웨어 품질 측정 및 평가 활동 규정
소프트웨어 품질 특성 [★★★☆☆]
-
기능성(Functionality)
요구사항을 만족시키는 기능을 제공한다.
적절성/적합성(Suitability),정밀성/정확성(Accuracy),상호 운용성(Interoperabiltiy),보안성(Sequrity),준수성 -
신뢰성(Reliability)
오류 없이 일관된 수행능력을 제공한다.
성숙성(Maturity),고장 허용성(Fault Tolerance),회복성(Recoverability) -
사용성(Usability)
사용자가 슆게 배우고 사용할 수 있다.
이해성(Understandability),학습성(Learnability),운용성(Operability),친밀성(Attractiveness) -
효율성(Efficiency)
한정된 자원을 신속하게 처리할 수 있다.
시간 효율성(Time Behaviour),자원 효율성(Resource Behabiour) -
유지 보수성(Maintainability)
변화에 대응하여 소프트웨어를 개선/확장 할 수 있다.
분석성(Analyzability),변경성(Changeability),안정성(Stability),시험성(Testability) -
이식성(Portability)
다른 사용 환경에서 사용할 수 있다.
적용성(Adaptability),설치성(Installability),대체성(Replaceability),공존성(Co-existence)
