UX / UI

1. UX: 사용자가 상품에 대해 경험하는 모든 것, 단지 앱이나 기기에 국한된 것이 아닌 경험하는 방식에 대한 정의
2. UI: 의사소통할 수 있도록 포함하는 동일한 목적의 상호작용, 매개체, 반응 방식
   1. 종류
      1. 피지컬 인터페이스
      2. 그래픽 유저 인터페이스(GUI)
      3. 오디토리얼 유저 인터페이스(AUI)
      4. 보이스드 유저 인터페이스(VUI)
      5. 메츄얼 유저 인터페이스(MUI)
   2. 직관성, 효율성, 평이성, 유연성 + HCI 닉슨 10가지 원칙

디자인 방법론 - 더블 다이아몬드 프로세스

왼쪽부: 문제 탐색 및 해결 부분 상정
오른쪽부: 문제에 대한 솔루션, 테스트, 가장 좋은 경험 도출, 확장과 수렴의 방법 반복

1. 1페이즈 - 실제 세계에서 어떤 문제가 도출되는지 충분히 탐구, 사용자가 정말로 원하는 소구점을 확실히 하기 위한 관찰 및 인터뷰 등 유저 리서치 진행
2. 2페이즈 - 리서치에 대한 표본의 결과를 보고 문제를 판단하고 우선순위를 정해서 그룹핑, 결정의 과정, 어피니치 다이어 그램
3. 3페이즈 - 아이디어 베리에이션, 발산, 예비안을 1 - 3안 정도 수행하는 걸을 통해서 작은 평가를 반복, 개발자의 참여
4. 4페이즈 - 파이널 라이즈, 솔루션 적용, 베타 테스트 및 피드백 환류

디자인 가이드 라인(HIG) - 공식문서

• UI 히스토리
  1. 스퀘어 모피즘 기반: 현실 감각의 적용 - 아날로그의 경험을 차용하여 사용자의 이질성 감쇄 -> 시간이 지나면서 익숙해지는 사용자, 기기 환경, 개발/디자인 문제점
  2. 플랫 디자인 기반: 직관적, 인식과 판단에 집중, 명료성 -> 사용자 행동유도(어퍼런스)의 어려움, 정보와 인터렉티브의 인식의 노이즈 발생
  3. 구글 머터리얼 디자인 등장: 평면의 회면에 깊이감 적용, 실제적인 재료의 질감에 대한 것을 기반으로 개발
  4. 애플 HIG 디자인 등장: 명료성, 컨텐츠 포커싱, 블러 활용, 깊이감 적용 / 심리적 무결성, 일관성(예측가능한 행동), 직접 조작, 피드백, 아이콘 하나하나의 의미적 요소, 유저의 통제 방향 고려
  5. 뷰의 구성에 있어서 런치, 온보딩, 로딩, 모달 등 여러 구성요소를 고려하고 해당 가이드라인을 준수하여 작성!