31일차_UI

23.04.24 월 31일차

UI 구현 이론

• UI 설계 검토

GUI 디자인 가이드
: 디자이너가 프로젝트 및 서비스에 맞추어 확정한 디자인 내용을 개발자에게 이관하기 위하여 
컬러,폰트, 이미지, 좌표, 크기 등의 디자인 리소스를 문서화하여 제공하는 문서

footer 영역 기입 내용
: 회사 주소, 대표자명, 사업자 번호, 대표번호, FAX, Email...

GUI 칼러 가이드에서  #FF0000 은 어떤 색?
: 빨간색 (R / G / B) 로 구성

텍스트 가이드에서  align = left 는 글자를 어느쪽으로 정렬하라는 의미인가?
: 왼쪽을 기준으로 정렬

직관성 특징
: 사용자에게 제공된 기능을 사용자가 별도의 설명이나 타인의 도움 없이도 제공된 인터페이스를 사용하는데 어려움이 없다는 특징
: 직관성이 높은 인터페이스는 사용자 오류를 최대한으로 줄일 수 있으며, 불필요한 자원 낭비를 최소화 할 수 있다

품질보장 
: 표준코드 리스트 사례에서  QA 와 관련있는 단계

theme(테마) 
: 표준 디렉터리 구조에서 공용테마 파일 폴더와 관련이 있는 디렉토리경로

Combo(콤보)
: GUI 디자인 가이드에서 사용하는 컴포넌트표기 사례에서  cbo 와 관련이 있는 컴포는트

환경 분석( 사용자 구성 단계 )
: 사용자의 연령, 성별, 장애 유무의 통계를 통해 사용자의 구성을 파악한다.

EX)
- 사용자의 연령대는 50세 이상이다.
 - 성별은 특정하지 않다.
 - 장애를 가지고 있지 않다.
 
사용성 테스트의 프로세스에서 마지막 단계인  Report 단계에서 진행 하는 2가지
: 결과 분석, 보고서 작성

• UI 구현 표준 검토

프로토타입의 특징
: 사용자의 요구사항이 정확하게 반영될 때까지 보완 및 개선이 진행된다.

브레인스토밍에 대한 설명
1) 아이디어는 많이 추출 할수록 좋다
2) 실현가능성과 관계없는 아이디어도 좋다
3) 구성원 모두가 참여 할 수 있도록 한다

UI 구현 요구사항 분석시 기능적 요구사항
1) UI의 입력 동작
2) UI의 수행 기능
3) UI의 수행 완료 후 상태

스토리 보드
: 전체 UI에 대한 정책과 흐름, 그리고 디자인 콘셉트에 기반한 콘텐츠 구성 등 모든 UI 관련 내용이 작성되어 있는 문서

웹 접근성
: 누구나(사람, 장비, 연령) 접근할 수 있도록 만드는 것

웹표준에서의 역할
1) HTML – 의미(내용) 전달
2) CSS – 디자인
3) JavaScript – 동작(동적인 것) 
                Ex 대화, 기본동작 등

• 느낀점

오늘은 UI 구현의 기초 내용을 이론적으로 복습하는 시간이었다.
기본적인 내용과 문서적인 표현 기본 내용을 이해할 수 있었다.
QA에서 직장을 다니면서 보았던 내용들을 이론적으로 다시 들으니 
새삼 반갑기도 하고 더 쏙쏙 들어왔던 것 같다.
네트워크와 UI구현 내용을 내일 시험을본다.
꼼꼼히 공부해서 잘 보도록 해야겠다.