[24.02.22] 스탠다드 특강(3)

사용자 친화적 UI를 위한 체크리스트 및 디자인 팁
-사용자 친화적 UI를 위한 핵심 행동의 이해
사용자 친화적 UI - 사용자 경험을 최 우선 고려한 인터페이스.(사용자의 만족도를 가장 극대화 시키는 것)

1.직관성과 일관성
  - 사용자가 최소한의 노력으로 인터페이스를 이해하고 어려움 없이 작업을 수행 해야 함.
Tip.
01.익숙한 소통으로 직관성 높이기
  색감-붉은색/녹색
  아이콘-취소버튼 등
02.시각적 위계를 활용하여 직관성 높이기
  - 사용자가 쉽게 작업을 수행할 수 있게 한 화면에 한가지 행동에 집중
     한 화면에서 한가지 액션에 집중할 수 있도록.
03. 공통 UI를 활용하여 시각적 일관성 유지
  - UI 요소의 위치와 스타일을 일관되게 유지
04.색상을 활용하여 시각적 일관성을 유지

2. 가독성과 이해력
사용자의 눈이 전체 UI화면을 빠르게 훑어보고, 다음 단계로 넘어가기 위해 필요한 내용이나 인터랙션을 쉽게 찾을 수 있어야 함.
Tip.
01.타이포그래피 활용하여 가독성 높이기
  - 시스템 폰트로 적합한 가독성이 좋은 폰트 사용
  - 명확한 대비를 위한 계층 활용
  - 본문에서 충분한 행간, 적당한 행길이를 활용
02.대비를 활용하여 가독성 높이기
  - 정보 식별을 높이기 위해 명확한 색상 대비 활용
03.시각적 위계를 활용하여 가독성 높이기
  - 주요 정보 강조하기 위해 명확한 색상 대비 활용
04.비주얼 요소 활용하여 가독성 높이기
  - 정보 식별을 높이기 위해 그래프, 비주얼 요소 활용
  - 가독성을 높이기 위해 아이콘 활용

3. 예측 가능성
예측 가능성을 확보했는지? - 사용자가 인터페이스를 통해 어떤 작업을 수행할 때 다음 단계가 무엇인지 쉽게 예측할 수 있어야 함
Tip.
01.익숙한 규칙을 사용하기
  - 사용자가 예측할 수 있도록 익숙한 규칙과 디자인 패턴 사용
02.명확한 가이드와 안내
  - 작업의 다음 단계를 알려주는 명확한 콜투액션(CTA)과 가이드를 제시
03.즉각적인 피드백 제공
  - 다양한 에러 상황을 예측하고 명확한 피드백 전달

→과제 : 실질적으로 오늘 배운 개념을 토대로 좋은 예시와 개선이 필요한 예시(불친절)를 하나씩 찾아보고, 그것에 대한 이유를 설명하기.