티스토리 뷰

UIUX 엔지니어링/화면 구현

UI 설계하기

heewon.lee 2020. 9. 15. 19:24
Document

UI 메뉴 구조 확인

  • UI요구사항과 UI표준 및 지침에 따라 설계된 메뉴 구조를 해석할 수 있다.
  • 구현을 위해 하위 시스템 단위의 내․외부 화면과 폼의 설계를 확인할 수 있다.

사용성(Usability)

  • 1. 특정한 목적을 성취하고자 하는 특정 사용자들에 의해 어떤 제품이 사용될 때와 같은 특정한 맥락의 사용에서의 효과성, 효율성, 만족도에 관한 것이다(출처 : ISO 9241-11, 2001).
  • 2. 사용성은 사용자가 업무를 쉽고 편리하게 수행하는 것에 의미를 둔다.

유용성(Usefulness)

사용자가 업무를 수행하는 데 있어 얼마나 정확하게 수행할 수 있는지를 나타내는 것이다.


정보 구조(Information Architecture)

  • 1. 설계 단계에서 사이트를 구성하는 처리 내용이나 메뉴의 구조를 표현함으로써 사이트의 구조를 파악할 수 있도록 하는 것으로 사이트 맵이라고도 한다.
  • 2. 정보 구조를 표현하는 방법에 따라 계층적 구조, 계열 구조, 그리드 구조, 네트워크 구 조 등으로 나뉜다.

내비게이션(Navigation)

  • 1. 사용자가 사이트에서 원하는 정보를 찾도록 안내하는 것이다.
  • 2. 사이트 맵(사이트 구조)과 관계가 있고 설계나 구현할 때 사용자가 중심이 되어야 한다.
  • 3. 내비게이션은 메뉴, 버튼, 링크 등으로 구성되며 이들 구성요소는 모든 페이지에서 일 관성을 지켜 사용자로 하여금 혼동되지 않도록 하고, 사용자가 직관적으로 자신이 찾고 있는 정보를 알고 찾아가는 데 도움을 줄 수 있도록 설계되어야 한다.

유스케이스(Use Case)

  • 1. 사용자 측면에서의 요구사항이며 주로 기능 개선에 대한 내용으로, 사용자가 원하는 목표를 위하여 시스템에서 수행해야 하는 내용을 기술한다.
  • 2. 유스케이스에 기록된 내용을 토대로 실제 수행 방법을 구현하게 된다.
  • 3. 사용자에게 있어 외부 시스템이나 서브 시스템과의 의사소통 수단으로 사용된다.
  • 4. 하나의 단위 업무에 대한 독립적인 기능을 수행할 수 있도록 표현한다.
유스케이스 명 작성자
개 요 유스케이스의 전체적인 개요가 되는 내용 기술
관련 액터 유스케이스 실행의 주인공(예. 학생 또는 교수 등)
우선순위 해당 유스케이스의 중요도를 표시
실행 전 조건 해당 유스케이스가 실행되기 전에 갖추어야 할 조건을 기록
실행 후 조건 해당 유스케이스가 실행된 후 결과로 나타나야 하는 조건
흐름(시나리오) 기본 오류가 없는 정상적인 흐름을 기록
대안 정상적인 기본 흐름에서 벗어나는 예외의 경우 기록
기타 요구사항 해당 유스케이스가 실행되는 데 기본으로 표기된 내용 이외의 요구사항 기록

'UIUX 엔지니어링 > 화면 구현' 카테고리의 다른 글

UI 구현하기  (0) 2020.09.15
UI 구현하기  (0) 2020.09.15
UI 구현하기  (0) 2020.09.15
UI 설계하기  (0) 2020.09.15
댓글
© 2018 webstoryboy