콘텐츠
일관성은 인터페이스의인지 부하를 줄이는 데 필수적입니다. 디자인이 일관되면 모든 상호 작용이 매끄럽고 마찰없이 느껴집니다. 너무 일관성이없는 경우 사용자는 불필요한 노력을해야합니다.
그러나 인터랙션 디자인의 일관성은 단순히 같은 일을 반복하는 것보다 조금 더 구체적입니다. 특정한 종류의 일관성과 다른 것보다 일관성이 더 중요한 특정 분야가 있습니다.
또한 같은 작업을 반복하면 지루하고 균일 한 디자인을 얻을 수 있습니다. 디자인 혼란을 일으키지 않고 일관성을 깨뜨릴 때를 알아야합니다. 디자인에서 가장 흔히 볼 수 있듯이 핵심은 균형입니다.
이 글에서는 일관성이 웹 디자인에 어떤 의미인지, 왜 중요한지에 대해 자세히 설명하고 사용자가 기대하는 것과 일관성을 유지하는 방법 (외부 일관성)을 설명합니다.
일관성이 중요한 이유
상호 작용 디자인은 시스템의 학습 가능성에 의존합니다.
간단히 말해, UI가 일관된 방식으로 작동하면 예측 가능해집니다 (좋은 방식으로). 즉, 사용자가 지침없이 직관적으로 특정 기능을 사용하는 방법을 이해할 수 있습니다.
이것은 제품을 사용하기 쉽게 만들어 더 바람직하게 만드는 디딤돌입니다. 반대로 UI가 일관되지 않으면 학습 가능성을 저해하고 사용자에게 불만을 불러 일으키고 나쁜 경험으로 이어집니다.
그러나 일관성은 인터페이스의 모양과 동작에만 국한되지 않습니다.
사용자는 제품에만 모든 시간을 소비하지 않습니다. 대부분의 시간은 다른 제품에 있으며 다른 경험에서 아이디어와 기대치를 생성하는 동안에도 마찬가지입니다. 따라서 이러한 외부 경험과 일치하면 추가 작업없이 UI의 학습 능력이 향상됩니다.
최소한의 놀라움
확실하지 않은 경우 최소 경악의 원칙을 참조하십시오. 유쾌한 놀라움은 괜찮지 만 (MailChimp가 유머와 재미로 사용자를 놀라게하는 방식과 같이), 핵심 기능이 표준에서 너무 멀리 떨어져서는 안됩니다.
검토는 확인과 같은 의미가 아닙니다. 동영상을 이미지로 착각해서는 안됩니다. 기본 작업의 버튼이 마우스 오버시에만 표시되도록 만들지 마세요.
사실 디지털 디자인에서 일관성의 본질에 대해 여전히 의문을 갖고 있다면 Apple의 iOS Human Guidelines는 앱의 일관성에 대한 표준을 요약하는 데 상당히 효과적입니다. 자신의 말로 ...
- 앱이 iOS 표준과 일치합니까? 시스템 제공 컨트롤,보기 및 아이콘을 올바르게 사용합니까? 사용자가 기대하는 방식으로 기기 기능을 통합합니까? "
- 앱이 자체적으로 일관성이 있습니까? 텍스트가 통일 된 용어와 스타일을 사용합니까? 같은 아이콘이 항상 같은 의미입니까? 사람들이 다른 장소에서 같은 행동을 할 때 어떤 일이 일어날 지 예측할 수 있습니까? 사용자 정의 UI 요소가 앱 전체에서 동일하게 보이고 작동합니까?
- 이유 내에서 앱이 이전 버전과 일치합니까? 용어와 의미가 동일하게 유지 되었습니까? 기본 개념과 기본 기능은 본질적으로 변경되지 않았습니까? "
위에서 논의한 내용에서 디자인 일관성을 외부 및 내부 일관성의 두 가지 범주로 나눌 수 있습니다. 외부는 다른 제품과 UI의 일관성을 나타내며 내부는 그 자체의 일관성을 나타냅니다. UI 디자인의 일관성에서 논의한 몇 가지 모범 사례를 살펴 보겠습니다.
외적 일관성
외적 일관성은 제품이 다른 유사한 제품과 얼마나 일관성이 있는지뿐만 아니라 플랫폼의 모든 제품, 일반적으로 모든 소프트웨어, 심지어 실제 세계의 비 디지털 상호 작용에 대한 일관성을 나타낼 수 있습니다.
그렇다면 외적 일관성이 중요한 이유는 무엇입니까? 요약하자면 사용자의 기대치를 충족하는 것입니다.
사용자가 기대하는 것과 일치하는 디자인을 만들려면 먼저 사용자가 사이트 나 앱을 사용하기 전에 어떤 아이디어를 가져 오는지 이해해야합니다. 이것은 사용성 전문가 인 Jared Spool이 현재 지식으로 언급하는 개념입니다.
사용자의 현재 지식은 최근에 사용한 사이트에서 가장 좋아하는 공상 과학 영화의 기대치에 이르기까지 다양한 외부 요인의 영향을받습니다. 하지만 걱정하지 마세요. 대부분 사용자의 기대치는 합리적입니다.
사용자가 이미 알고있는 것을 기반으로 디자인하는 것은 새로운 개념이 아닙니다. 이 아이디어는 수년 동안 존재 해 왔으며 오늘날 거의 모든 앱이나 웹 사이트에서 볼 수있는 일반적인 디자인 규칙으로 발전했습니다.
이미지 캐 러셀, 이메일을 나타내는 봉투 아이콘, 사이트 로고를 클릭하여 홈페이지로 돌아 가기… 모두 UI 패턴이라고합니다.
다음 페이지 : UI 패턴 사용, 피해야 할 사항 및 추가 ...