[Design Article] 좋은 인터랙션 디자인의 기본 원리

Nick Babich가 작성한 아티클을 해석했습니다

---

👇노션에서 보기

좋은 인터랙션 디자인의 기본 원리

---

좋은 인터랙션 디자인의 기본 원리

효과적인 인터페이스 디자인의 기본 원칙

다음 원칙은 효과적인 인터페이스를 디자인하고 구현하는 데 기본이 됩니다.

웹, 모바일 디바이스, 웨어러블 및 IoT 장치에 적용 할 수 있습니다.

---

1. 발견 가능성

모든 중요한 정보와 작업은 알아볼 수 있어야 하며 쉽게 검색이 가능해야 합니다.

• 복잡성을 숨기지 마세요.
  복잡성을 숨기려는 시도는 오히려 복잡성을 증가시킵니다.
  사람과 컴퓨터의 성공적인 상호 작용에 필요한 모든 요소(콘텐츠, 메뉴 등)는 항상 눈에 띄게 접근할 수 있어야 합니다.
• 단계적 공개로 학습 곡선을 평평하게 하세요.
  고급 기능을 숨기고 사용자가 필요할 때 표시하세요.
• 사용자를 고급 기능으로 안내하세요.
  사람들이 무언가를 찾을 때까지 기다리지 마세요.
  대신 그들에게 제공하세요.
  더 나은 검색 기능성을 위해 문맥상의 힌트를 제공하세요.
• 선택의 자유를 제공하세요.
  사용자가 자신의 결정을 내릴 수 있도록 허용하여 사용자를 "책임자"로 지정합니다.
  예를 들어 앱의 기본 글꼴 크기를 변경합니다. 
  그렇게 함으로써 프로덕트를 탐색하도록 동기를 부여 할 수 있습니다.

---

2. 사용자의 효율성

사용자 입력을 최소화하고 중요한 모든 정보를 한 눈에 제공하여 인터랙션 비용을 최소화합니다.

• 사용자 기대에 부합하는 UI.
  어떻게 보이거나 작동해야 하는지에 대해 논리적인 주장을 하는 것은 중요하지 않습니다.
  사용자가 다른 방식으로 보거나 작동하기를 기대한다면 문제에 직면하게 될 것입니다.
  항상 배우기 쉽고 이해하기 쉬운 프로덕트를 디자인하세요.
  이상적으로 프로덕트에는 학습 곡선이 없습니다.
• 똑똑한 기본 값.
  UI의 모든 것이 기본 값을 가져야 하는 것은 아닙니다.
  변수에 대해 정확한 추측을 할 수 없다면 기본 값을 제공하지 않는 것이 좋습니다.
• 시스템 상태의 가시성.
  사용자는 상태 정보를 찾을 필요가 없습니다.
  시스템이 수행하는 작업에 대해 사용자에게 알리고 정보를 제공하세요.
• 예측 가능한 디자인.
  사용자의 필요와 욕구를 예측하세요.
  사용자가 프로덕트과 인터랙하는 방식을 이해하고 프로세스의 각 단계에 필요한 모든 정보와 도구를 가지세요.

---

3. 디자인의 일관성

가장 중요한 일관성은 사용자 기대치와의 일관성입니다.

시각적 일관성

• 플랫폼 일관성.
  플랫폼 지침에 따라 프로덕트를 만드세요.
• 내부 일관성.
  비주얼 및 인터랙션 언어를 정의하고 모든 프로덕트, 서비스에서 유지하세요.
• 프로덕트들 전반에 걸친 일관성.
  프로덕트가 여러 개인 경우 모든 프로덕트에 전반적인 모양과 느낌을 전달해야 합니다.

상호작용 일관성

• Duck test.
  만약 무언가가 오리처럼 보이고, 오리처럼 헤엄 치며 오리처럼 꽥꽥 거리면, 그건 아마도 오리일 것입니다.
  반대로 다르게 작동하는 개체는 다르게 보이게 만드세요.

---

4. 관용

관대한 인터페이스는 사용자에게 통제감을 심어줍니다.
사용자는 편안한 환경에서 작업할 때, 빠르게 배우고 숙달됩니다.

• 사용자 작업을 보호합니다.
  사용자가 데이터를 잃어버리지 않도록 합니다.
• 유용한 오류 메시지.
  사용자가 오류를 복구하는 데 도움이 되는 오류 메시지입니다.
• 작업을 되돌릴 수 있도록 합니다.
  사용자가 언제든지 활동을 취소할 수 있는 옵션을 제공하세요.

---

사용성 테스트

목표가 달성되었는지 확인하기 위해 사용성 테스트를 충분히 수행하세요.
학습 가능성, 만족도 및 생산성을 테스트합니다.

---

 

Basic Principles of Good Interaction Design