Engineering
Prompt Engineering
AI Design Prompt Gist
HIG - User Interaction

원본 Gist

HIG - 사용자 상호작용 (User Interaction)

Apple의 HIG(Human Interface Guidelines) 중 사용자 상호작용에 초점을 맞춘 상세 분석입니다.


핵심 상호작용 원칙

  • 명료성 (Clarity): 모든 상호작용 요소(버튼, 제스처)는 즉시 알아볼 수 있고 모호하지 않아야 합니다.
  • 피드백 (Feedback): 사용자 행동에 대해 즉각적인 시각적, 햅틱 또는 청각적 반응을 제공해야 합니다.
  • 일관성 (Consistency): 사용자의 기대를 충족시키기 위해 표준 시스템 컨트롤과 상호작용 패턴을 사용해야 합니다.

주요 구성 요소

1. 제스처 (Gestures)

  • 직접 vs. 간접: 일반적인 동작에는 간접 제스처(예: 버튼 탭)를 선호하고, 콘텐츠 조작에는 직접 제스처(예: 스와이프)를 사용합니다.
  • 표준 제스처:
    • : 주요 동작 (예: 항목 선택)
    • 스와이프: 내비게이션 (예: 뒤로/앞으로) 또는 옵션 표시 (예: 목록에서 "삭제")
    • 핀치: 콘텐츠 확대/축소 (지도, 이미지)
    • 드래그: 목록 재정렬 또는 객체 이동
    • 길게 누르기: 컨텍스트 메뉴 또는 보조 동작 (신중하게 사용)
  • 충돌 방지: 제스처가 다른 상호작용 요소와 겹치지 않도록 해야 합니다.

2. 피드백 메커니즘 (Feedback Mechanisms)

  • 햅틱 (Haptics): 촉각적 반응을 위해 UIImpactFeedbackGenerator를 사용합니다 (예: 버튼 누름 확인).
  • 애니메이션 (Animations): 부드러운 전환(예: 뷰 슬라이딩)은 공간적 관계와 상태 변경을 강화합니다.
  • 시각적 신호 (Visual Cues): 활성 요소를 강조(예: 버튼 색상 변경)하여 상호작용을 확인시킵니다.

3. 입력 방법 (Input Methods)

  • 다중 입력: 터치와 함께 키보드, 터치 바, 손쉬운 사용 도구(예: VoiceOver)를 지원합니다.
  • 터치 대상 (Touch Targets): 정확성을 보장하기 위해 상호작용 요소의 최소 크기는 44x44 포인트여야 합니다.
  • 발견 가능성 (Discoverability): 숨겨진 제스처를 사용자가 발견할 수 있도록 미묘한 힌트(예: 바운스 애니메이션)를 제공합니다.

4. 오류 처리 (Error Handling)

  • 명확한 메시지: 오류를 쉬운 언어로 설명하고 해결책을 제안합니다 (예: "비밀번호가 틀렸습니다 – 다시 시도하세요").
  • 예방적 설계: 입력 유효성 검사(예: 유효하지 않은 양식 제출 비활성화)를 사용하여 오류를 최소화합니다.

5. 접근성 (Accessibility)

  • Dynamic Type: 가독성을 위해 조절 가능한 텍스트 크기를 지원합니다.
  • VoiceOver: 모든 상호작용 요소에 설명적인 레이블이 있는지 확인합니다.
  • 사용자 정의: 사용자가 제스처 민감도나 피드백 강도를 조절할 수 있도록 허용합니다.

모범 사례

  • 성능: 인지 지연을 방지하기 위해 피드백이 100ms 이내에 발생하도록 보장합니다.
  • 상황별 동작: 햅틱/애니메이션을 비례적으로 사용합니다 (예: 삭제와 같은 중요한 동작에 더 강한 피드백).
  • 테스트: 제스처 반응성 및 피드백 스타일을 개선하기 위해 A/B 테스트를 수행합니다.

플랫폼별 참고 사항

  • iOS: 가장자리 스와이프(예: 시스템 뒤로가기 제스처)를 우선시하고 시스템 전체 제스처를 재정의하지 않습니다.
  • macOS: 트랙패드 제스처와 함께 키보드 단축키(⌘C, ⌘V)를 사용합니다.
  • watchOS: 상호작용을 단순화합니다 (예: 컨텍스트 메뉴를 위한 Force Touch).

이 가이드라인을 준수함으로써 디자이너는 사용자의 인지 부하를 줄이면서 Apple의 생태계와 일치하는 직관적이고 반응성이 뛰어난 인터페이스를 만들 수 있습니다.