9. 일관성: 사용성 좋은 디자인의 10가지 법칙

일관성의 부재: 반드시 서로 다르게 동작해야만 할 때 시각적으로 일관성이 없는 것은 어떤 것들이 똑같이 동작할 때 시각적으로도 동일하게 보이는 것과 마찬가지로 중요하다.

동의어의 유혹

창의성을 위한다거나 일을 대충 하지 않겠다는 등의 이유만으로 당신의 용어들을 마구 혼용하지는 마라. 나름의 언어 규칙을 수립한 후에는 그것을 고수하고, 특히 서식과 대화 상자와 관련된 사항에는 더욱 그렇게 해라.

환원적 추론의 중요성

환원적 추론은 우리가 어떤 상황에서 배운 것을 새롭지만 비슷한 또 다른 상황에 적용하는 논리적 사고의 과정이라 할 수 있다.

표준화는 일관성을 증진시킨다

창의성에 제동을 거는 것이 아니라, 해결책에 명확성을 세우는 것이다.

하나의 버튼에는 하나의 기능만

다기능 버튼은 정말 골칫거리가 될 수도 있다. 버튼이 알아보기 쉽게 잘 분류되어 있고 매번 다른 기능을 하지만 않는다면, 버튼이 많은 것이 꼭 나쁜 것만도 아니다. 일관성과 단숨함은 언제나 서로 밀접한 관련이 있다. 하지만 단순함과 사용의 편리성을 혼동하지는 말아라.

하나의 아이콘에는 한 가지 행동만

하나의 제품에는 한 가지 동작만


묻고 답해야 할 10가지 질문들

  1. 똑같아 보이지만 실제로는 다르게 기능하는 것이 당신의 디자인에 존재하는가? 다르게 기능하면 서로 다르게 보이도록 하라.
  2. 동일한 기능을 하지만 다르게 보이는 것이 당신의 디자인에 존재하는가? 동일한 기능이면 동일하게 보이도록하라.
  3. 당신이 어딘가에서 보았던 유사 제품과 다르게 보이는 것이 당신의 제품에 존재하는가? 간과되었거나 무시되었던 모범적인 디자인사례 같은 것이 있나?
  4. 어떤 대상이나 기능의 일관성이 창의성을 위해 희생되고 있지는 않은가? 이 기능과 대상은 무엇인가? 디자이너들을 대단히 불쾌하게 하지 않으면서도 효과가 빠른 해결책을 떠올릴 수 있는가?
  5. 다른 시간에 다른 것을 하리라 예상되는 물리적 버튼이 손잡이 그리고 레버를 갖고 있느낙? 더 많은 버튼이나 레버를 추가하는 것이 괜찮을 수 있는가?
  6. 다른 기능을 위해 재사용되고 있는 아이콘들이 있는 건 아닌가? 만약 그렇다면 그 아이콘들을 다시 디자인하거나 없애라.
  7. 어떤 대상이나 과정의 일관성을 증진시킬 수 있는가? 다른 사람들에 의해 개발된 모범 사례를 채택하는 것과는 완전히 별도로 제품이나 서비스의 맥락 내에서 기능적인 통일성을 향상시키도록 시도하라.
  8. 당신의 제품은 사용자들이 그것을 어떻게 사용하는지 이해하기 위해서 유하산 제품이나 서비스에 대한 사전 지식을 필요로 하지는 않은가? 만약 그렇다면 사용자들은 당신의 제품을 마주하면서 이 유사성을 인지할 것인가? 사용자들에게 그들이 어딘가에서 본 듯한 지식을 끌어낼 수 있는 강력한 시각적 단서를 주어야 함을 명심하라.
  9. 버튼이나 다른 통제장치의 색상이나 물리적인 그룹화를 이용함으로써 사용자들이 직관적으로 그것들이 어떤 식으로 연관되어 있는지를 바로 확인할 수 있는가?
  10. 근본적인 일관성 문제를 신속하게 고치키 위한 방편으로서 어떤 지침에서 뭔가를 ‘덧대었던’ 적이 있는가? 실제로 문제를 고치는 것이 가능하며 그 덧댄 부분을 업앨 수 있다면 아마 지금이 그렇게 할 때다.

자료 출처: UX 불변의 법칙 — 에릭 리스