UX/UI

• UX : 사용자가 서비스를 이용하면서 드는 감정이나 태도, 행동 등 모든 총합

• UI : 사용자가 서비스를 이용하면서 마주하는 모든 것(시각, 청각 등)

• GUI : 시각적인 UI (다른 예로 VUX = Voice UX)

  

• UX의 중요성과 관련된 몇 가지 흥미로운 통계 :

  • 사용자는 웹사이트를 방문했을 때 평균적으로 3초 이내에 사이트를 떠남
  • 사용자가 서비스를 처음 사용할 때 갖게 되는 첫인상의 94%는 디자인과 관련
  • 88% 이상의 사용자는 웹사이트가 사용하기 불편하면 다시 사용하지 않음
  • 60%의 사용자들은 웹사이트를 사용할 때 자신이 원하는 정보를 찾지 못함

디자인의 원리

• 일관성의 원리

  • User Inyerface 사이트 - 안좋은 디자인 집합소

  • 사용자가 제품을 사용할 때 편안함과 익숙함을 느낄 수 있는 환경을 제공을 해야한다

  • ‘안드로이드’스럽게

    

    

    UI 컴포넌트가 예상된 곳과 다른 곳에 배치되지 않도록 !

    → 안드로이드 컴포넌트 구성 확인하기

    Components – Material Design 3

• 컨셉트 모델

  • 제품 그 자체에서 제공하는 경험, 인터페이스

  • 전자책에서는 기존 책과 비슷한 멘탈 모델을 최대한 가지면서, 기기만의 특수성을 고려하여 책을 넘기는 듯한 모션 디자인을 적용

  • 기존 사용자가 기대하는 바를 활용하여 제품의 인터페이스를 만들기

    (멘탈 → 컨셉트)

  • 사용자가 기대하는 기능들의 공통적인 특징들을 추려서 더 나은 지향점을 인터페이스에 녹여서 새로운 제품 기능을 만들기

    (컨셉트 → 멘탈)

안드로이드의 접근성

Pixel Density : DP vs SP

• 기기마다 다양한 화면 크기에 의해 픽셀 수의 차이 발생

  → 단위 제곱인치당 픽셀 수에 따라서 디자인 레이아웃을 제공

• px = dp * (dpi / 160)

  • tip : 확장 프로퍼티로 안드로이드에서 계산하기

• 기기마다의 dpi 차이 :

  

아이콘의 Touch Target

• 기본적으로 제공하는 아이콘의 사이즈는 24 X 24 dp

• 손가락 굵은 사람 위해 → 터치 타겟 사이즈 키우기 (48 X 48)

  → padding을 12 주기