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