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