iOS HIG 독서모임 2~3강

⭐️ iOS 앱 디자인에서 중요한 3가지 ⭐️

• 명확성 (Clarity)

  • 글자를 한 눈에 읽을 수 있어야 한다. 좌우로 스크롤해야 읽을 수 있다던지, 앱의 글자가 길어서 … 으로 가려져 있다던지 등의 사례는 명확성을 위반한 사례.
  • 한 눈에 읽을 수 없는 글자는 모두 빼는 것이 명확성을 지키는 것!
  • 여백을 활용하는 것도 명확성을 지키는 것!
  • 과도하게 UI를 활용하는 것보다 은은하게 중요한 포인트에만 UI를 활용하는 것도 명확성을 지키는 것!

• 콘텐츠에 대한 존중 (Deference)

  • UI보다 앱 자체의 콘텐츠가 더 중요하다.
    • 사용자는 앱의 콘텐츠에 집중하지, 내가 공들여서 만든 UI에 크게 신경쓰지 않는다.
    • 즉, UI는 내 앱의 콘텐츠에 더 집중하도록 만드는 보조 역할이 되어야지, 메인이 되어서는 안 된다.
    • 가장 중요한 것은 콘텐츠, UI는 콘텐츠를 돕는 보조역할.
    • 콘텐츠가 산 꼭대기, 나머지는 보조

• 깊이<계층> (Depth)

  • Modal Present 방식으로 화면 전환을 함으로써 계층 구조를 인식할 수 있음

⭐️ iOS 디자인 테마 ⭐️

• 미적 무결성 (Aesthetic Integrity)

  • 앱의 콘텐츠와 UI가 잘 맞아야 함 (은행 앱은 은행 앱에 맞게끔 가볍지 않은 UI 추구)

• 일관성 (Consistency)

  • 사람들이 기대하는 방식으로 기능이 동작하도록 해야 함
    • X 버튼이어서 눌렀는데 취소 버튼이 아니라 확인 버튼인 경우는 일관성이 없는 것

• 직접 조작성 (Direct Manipulation)

  • 사용자의 제스쳐가 사용자로 하여금 즉각적인 결과를 경험할 수 있도록 설계해야 한다.
    • 아래의 텍스트를 보기 위해 아래로 스크롤 하자마자 앱의 화면이 아래로 스크롤되는 것

• 피드백 (Feedback)

  • 애니메이션과 사운드 효과를 사용하는 것도 피드백을 활용하는 것
    • 메일을 보냈을 때 메일이 보내졌다는 것을 알 수 있게 해주는 소리 효과
  • 시간이 걸리는 작업에 진행률을 표시하는 것도 피드백을 활용하는 것

• 은유 (Metaphor)

  • 일상생활에서의 개념을 은유적으로 앱으로 옮겨온 것.
    • 책을 넘길 때에 실제 책을 넘기는 것 같은 경험을 제공.
    • 지우개 아이콘은 앱 내에서 뭔가를 지울 때 사용
    • 펜 아이콘은 앱 내에서 뭔가를 적을 때 사용
    • 휴지통은 앱 내에서 뭔가를 버리고자 할 때 사용

• 사용자가 직접 제어 (User Control)

  • 앱 스스로가 앱을 제어하도록 하는 것이 아니라 사용자가 직접 제어하도록 해야 한다.
    • 배달을 시킨 순간 뭔가 다른 걸 먹고 싶어서 배달 취소 버튼을 누르려 하는데 취소 버튼이 보이지 않거나 실행이 되지 않는 경우, User Control을 위반한 것
    • 위험한 작업에 대해 앱이 경고할 수 있지만 앱 스스로가 의사결정을 하도록 하는것은 안 된다.
    • 사용자의 의사에 따라 앱을 제어할 수 있도록 디자인을 고안해야 함.

⭐️Mac Catalyst⭐️

• iOS와 아이패드, macOS가 하나의 개념으로 합쳐지는 것

  • macOS는 키보드가 있기 때문에 불시에 키보드 입력이 들어올 것을 대비하고 있음
  • 원래 아이패드는 키보드 입력이 들어오는 것에 대한 대비가 없었으나, 최근에는 키보드 입력이 들어오는 것을 대비하고 있음을 확인할 수 있다. (macOS와 아이패드가 하나의 개념으로 합쳐지고 있음)

• 참고해야 할 문서

  • Mac Catalyst (iOS 13.0)