제품 디자인의 일관성의 가치에 대해 많은 이야기가 있었습니다.
우리는 디자인 시스템, 모든 회사 자산에 시각적 언어 통합, 업계 모범 사례 연구 및 구현을 전문으로 합니다.
완벽한 사용자 경험을 제공하고 비용을 절감할 수 있다고 믿습니다.
일반적으로 이것은 사실이지만 항상 그런 것은 아닙니다.
제가 제안하고 싶은 것은 어떤 경우에는 일관성을 맹목적으로 추구하면 제품이 손상되고 혁신이 저해되며 개발 속도가 느려질 수 있다는 것입니다.
첫째, 몇 가지 이론 – 일관성이란 무엇입니까?
“일관성”이라는 단어의 Cambridge English Dictionary 정의 중 하나는 항상 비슷한 방식으로 행동하거나 수행하는 품질입니다.
사용자 경험 측면에서 유사한 요소와 패턴이 통일되고 모양과 기능이 유사함을 의미합니다.
일관성에는 네 가지 유형이 있습니다.
- 비주얼 — 유사한 제품 요소 및 패턴이 동일하게 보입니다.
- 기능 — 유사한 제품 요소 및 패턴은 동일하게 동작합니다.
- 내부 — 제품 내 유사한 요소 및 모티프는 동일하게 보이고 동일하게 작동합니다.
- 나가 — 요소와 패턴이 대부분의 애플리케이션과 동일하게 보이고 작동하는 경우, 즉 업계 표준 및 모범 사례를 따릅니다.
이 기사의 목적을 위해 내부 일관성에 초점을 맞추겠습니다.
따라서 제품 및 웹사이트 생태계 내 요소의 통합이 나타납니다.
기존 제품과 새 제품 또는 웹사이트의 대규모 인프라 구축 및 유지 관리를 감독하는 대규모 조직과 더 관련이 있습니다.
이상적인 세계와 현실
이상적인 세상에서 우리 제품은 고품질의 완전하고 액세스 가능하며 철저한 테스트를 거친 디자인 시스템의 요소를 사용하여 디자인됩니다.
문제는 거의 발생하지 않는다는 것입니다.
일부 조직에는 디자인 시스템 인프라를 만들고 유지 관리하는 전담 팀이 있을 수 있습니다.
실제로 디자이너, 프런트 엔드 개발자, 제품 관리자의 팀워크가 필요하며 이상적으로는 팀 전체에서 일관성을 유지하기 위한 일부 디자인 작업이 필요합니다.
이미 적절한 기술을 보유한 디자이너를 찾기가 어려울 수 있습니다.
놀랄 수도 있지만 시스템 사고는 드문 특성입니다.
실제로 “디자인 시스템”은 테스트되지 않은 “창의적인” 솔루션을 포함하여 장기간에 걸쳐 구축되는 경우가 많습니다.
종종 어떤 것이 특정한 방식으로 만들어진 이유를 추적하는 것은 어렵지 않습니다.
단지 “우리가 항상 해왔던 방식”일 뿐입니다.
잘못 설계되고 오래된 패턴을 재사용하려고 할 때 문제가 발생합니다.
대형 제품에 대해 이야기할 때 다른 팀과 다른 의제에 따라 동일한 구성 요소의 여러 변형이 있을 수 있습니다.
예를 들어 테이블 그리드 구성 요소를 상상해 보십시오. 한 팀이 테이블의 모양/동작 방식을 변경하는 솔루션을 만들었습니다.
그들은 그것을 테스트했고 정말 잘 작동합니다.
유일한 문제는 제품의 다른 모든 테이블과 일치하지 않는다는 것입니다.
잘 작동하는 공유 구성 요소 시스템이 있더라도 각 시트를 변경하려면 각 변형의 실제 설계, 개발 및 테스트에 소요되는 시간은 말할 것도 없고 다른 팀의 계획에 영향을 미치기 위해 몇 주 동안의 회의와 정책이 필요할 수 있습니다.
따라서 개선되었지만 일관되지 않은 솔루션을 추진하지 못한 팀은 결국 더 나쁘지만 일관되지 않은 솔루션을 수용하게 됩니다.
종교적으로 일관성을 유지하려는 시도는 개선, 더 나은 모델 및 새로운 접근 방식을 실험하는 데 방해가 될 수 있습니다.
어려운 질문은 어디에 선을 그어야 하는가입니다.
불일치가 더 이상 완벽하게 작동하지 않는 패턴의 일관성만큼 전반적인 사용자 경험에 해로운가요? 한쪽 극단에는 공통 표준을 고려하지 않고 각 팀이 원하는 대로 디자인하는 조직이 있고, 다른 한쪽 극단에는 표준에서 벗어나는 것이 고통스러운 곳이 있습니다.
이러한 방법 중 어느 것도 좋지 않습니다.
일관성 없는 솔루션을 푸시하거나 차단하기 전에 다음을 고려하십시오.
사용자가 실제로 차이점을 알 수 있습니까?
- 사용자가 동일한 사용자 세션 동안 동일한 구성 요소를 접하게 됩니까?
예를 들어 에어비앤비 호스트와 여행을 한다고 상상해 보세요. 목록 프로세스는 호스트 목록과 정확히 일치할 필요가 없습니다.
이러한 프로세스는 같은 날 같은 사용자가 수행할 가능성이 낮으므로 UI의 불일치가 눈에 띄지 않습니다. - 이 페이지의 콘텐츠가 불일치를 입증하기에 충분합니까?
예를 들어 에어비앤비 예로 돌아가면 임대 목록과 청구 목록은 기본적으로 동일한 구성 요소(필터 세트가 있는 테이블 그리드)를 사용할 수 있지만 실제로 다르게 보이면 사용자는 이를 찾지 못할 것입니다.
단계.
이것은 매우 일반적인 시나리오이며 대부분의 경우 사람들은 디자이너의 눈의 차이에 대해 이상한 점을 느끼지 못합니다.
때때로 우리는 우리의 일을 덜 심각하게 받아들여야 합니다.
눈에 띄는 차이가 상당한 신뢰 상실입니까 아니면 전환율 감소입니까?
경우에 따라 사용자는 요소가 제품의 나머지 부분과 너무 이질적으로 보이기 때문에 사용을 꺼립니다.
전자 상거래 상점의 결제 페이지를 생각해 보십시오. 온라인 결제 양식은 종종 Paypals 및 Stripes of the world와 같은 타사 서비스에서 제공합니다.
잘못 수행하면 이러한 양식이 상점의 나머지 부분과 매우 다르게 보일 수 있습니다.
결제 버튼은 녹색 사각형이고 나머지 상점은 분홍색과 원을 사용한다고 가정해 보겠습니다.
고객은 안전하지 않다고 느끼고 구매를 중단할 수 있습니다.
이것은 당신이 돈을 잃을 수 있음을 의미합니다.
한편, 같은 예에서 결제 버튼이 검은색 원이고 다른 모든 버튼이 분홍색 원이면 사용자는 이질적인 요소가 아닌 디자인 하이라이트로 볼 수 있습니다.
허용되는 편차와 허용되지 않는 편차 사이의 경계는 매우 얇습니다.
이전에 배운 패턴으로 인해 돌이킬 수 없는 실수를 할 위험이 높습니까?
예를 들어 CTA를 변경하면 CTA가 항상 보조 작업의 오른쪽에 있는 경우 많은 불만이 발생할 수 있습니다.
일관성이 정말 좋아졌나요?
어떤 경우에는 의도적으로 일관되지 않은 스키마가 더 나은 사용자 경험으로 이어집니다.
제품에 유사한 모듈이 많이 포함되어 있으면 사용자를 혼란스럽게 할 수 있습니다.
한 번은 대량의 데이터를 구성하는 가장 좋은 방법인 필터가 있는 테이블 그리드로 설계된 여러 모듈이 포함된 복잡한 제품을 작업한 적이 있습니다.
모든 테이블과 필터는 완전히 일관성이 있으며 각 모듈은 개별적으로 실행될 때 매우 잘 수행됩니다.
그러나 전체 여정을 테스트하기 시작했을 때 모든 모듈이 동일하게 보이고 사람들이 제목에 주의를 기울이지 않으면 혼란스러워할 것이라는 피드백을 받았습니다.
해결책은 사용자가 헤드라인을 읽지 않고도 서로 구별할 수 있도록 다양한 시각적 요소를 추가하는 것입니다.
린 및 애자일 관행
린(Lean) 및 애자일(Agile) 관행이 문제의 핵심일 수 있습니다.
새로운 UI 패턴을 도입할 때 제품의 단일 영역을 대상으로 하고 성능을 확인하는 것이 아마도 여러 번 반복하여 전체 애플리케이션으로 확장한 후에야 더 안전할 것입니다.
소규모로 시작하고 빠르게 학습함으로써 다른 제품에 영향을 미치는 요소를 글로벌 디자인 시스템에 추가하기 전에 여러 개선 주기를 거칠 수 있습니다.
크게 생각하고, 작게 시작하고, 빨리 실패하십시오.빨리 배우다
– 린 슬로건
돌 공급을 중단하다
때로는 제품이 너무 크고 무거워집니다.
종속성이 너무 많으면 팀 속도가 느려지고 기능이 너무 많으면 사용자가 혼란스러워할 수 있습니다.
이러한 경우 의도적으로 제품을 제품군 또는 제품군으로 분류할 수 있습니다.
모든 제품에서 일관성을 유지해야 한다는 요구 사항은 실제로 사용자를 혼란스럽게 할 수 있는 절대적으로 필수적인 요소와 프로세스로 제한되어야 합니다.
대부분의 경우 기본 색상 세트와 버튼 및 기본 탐색과 같은 가장 원시적이고 일반적으로 사용되는 구성 요소에 관한 것입니다.
예를 들어 Google 제품을 살펴보십시오. Youtube, Gmail 및 Google 문서 도구는 거의 동일하게 보이지만 시간이 지남에 따라 발전하면서 때로는 공유하고 때로는 다르게 유지되는 완전히 다른 패턴과 스타일을 사용하는 방법이 밝혀졌습니다.
결론적으로
일관성은 문제 해결 능력, 사용이 얼마나 쉽고/직관적인지, 경험이 얼마나 즐거운지와 함께 UX 솔루션의 많은 특성 중 하나일 뿐입니다.
모든 자질은 평가되고 비교되어야 합니다.
일관성이 제품에 피해를 줍니까?
제품 디자인의 일관성의 가치에 대해 많은 이야기가 있었습니다.
우리는 디자인 시스템에 집착하여 모든 시각적 언어를 통합합니다…
uxdesign.cc
번역에는 의역이나 오역이 있을 수 있습니다.
자세한 내용은 원문을 참고하시기 바랍니다.