당신의 일상을 바꾸는 마법: 복잡함과 혼란스러움 사이의 미묘한 균형

복잡함과 혼란스러움은 다르다.

타자가 보기에는 복잡해 보여도 구축한 사람에게는 ‘기본 구조’가 명확하게 존재한다. 외형적인 무질서에 대처하는 방법은 간단하다. 기본구조를 찾으면 된다.

복잡함과 혼란스러움을 명확하게 구분하는 방법은 아래와 같다. 복잡한은 실재의 상태이다, 혼란스러움은 마음의 상태이다. 혼란스러움을 초래하는 것은 헷갈리게 하는 복잡함이라고 한다.

경우에 따라서는 혼란스러움을 피하고 복잡함을 취해야 한다. 그렇다면 기본 구조가 명확한 UX를 설계해야 한다.

도널드 노먼의 UX 디자인 특강 – 복잡한 세상의 디자인, 도널드 노먼


우리는 매일 수많은 복잡한 시스템과 상호작용하며 살아갑니다. 스마트폰을 켜는 순간부터 잠들기 전 스마트홈 시스템으로 조명을 끄는 순간까지, 우리의 일상은 복잡한 기술로 가득 차 있습니다. 하지만 이러한 복잡성이 항상 혼란을 야기하는 것은 아닙니다. 오히려, 잘 설계된 복잡한 시스템은 우리의 삶을 더욱 편리하게 만들어줍니다. 그렇다면 복잡함과 혼란스러움의 차이는 무엇일까요? 그리고 이를 이해하는 것이 왜 중요할까요?

복잡함과 혼란스러움: 정의의 차이

닐슨 노먼 그룹의 공동 창립자인 도널드 노먼(Donald Norman)은 그의 저서 “일상적인 것들의 디자인(The Design of Everyday Things)”에서 복잡함과 혼란스러움의 차이를 명확히 설명합니다.

  • 복잡함(Complexity): 실재의 상태로, 많은 부분과 관계로 구성된 상태를 말합니다.
  • 혼란스러움(Confusion): 마음의 상태로, 이해하기 어렵거나 불분명한 상태를 의미합니다.

노먼은 “복잡함은 세상의 상태이고, 혼란스러움은 마음의 상태”라고 말합니다. 즉, 복잡한 시스템이 반드시 혼란을 야기하는 것은 아니며, 단순한 시스템도 잘못 설계되면 혼란을 일으킬 수 있다는 것입니다.

일상 속 복잡함과 혼란스러움의 예

  1. 스마트폰:
    현대의 스마트폰은 엄청나게 복잡한 기기입니다. 수많은 앱, 설정, 기능들이 내장되어 있죠. 하지만 잘 설계된 사용자 인터페이스 덕분에 대부분의 사람들은 이 복잡한 기기를 어려움 없이 사용할 수 있습니다. 반면, poorly designed 앱은 단순한 기능임에도 사용자에게 혼란을 줄 수 있습니다.
  2. 자동차 대시보드:
    현대의 자동차 대시보드는 매우 복잡합니다. 속도계, 연료 게이지, 내비게이션 시스템, 엔터테인먼트 시스템 등 수많은 정보와 컨트롤이 집약되어 있습니다. 하지만 잘 설계된 대시보드는 운전자가 주행 중에도 필요한 정보를 쉽게 확인하고 조작할 수 있게 해줍니다.
  3. 온라인 뱅킹 시스템:
    은행 업무는 본질적으로 복잡합니다. 다양한 계좌 유형, 거래 내역, 보안 절차 등이 얽혀 있죠. 하지만 잘 설계된 온라인 뱅킹 시스템은 이러한 복잡성을 사용자로부터 숨기고, 직관적인 인터페이스를 통해 쉽게 업무를 처리할 수 있게 해줍니다.
  4. 공항:
    공항은 엄청나게 복잡한 시스템입니다. 수많은 승객, 비행기, 수하물이 정확한 시간에 정확한 장소로 이동해야 합니다. 하지만 잘 설계된 공항은 이러한 복잡성을 효과적으로 관리하여 승객들이 큰 혼란 없이 여행할 수 있게 해줍니다.

복잡함을 관리하는 방법: 기본 구조의 중요성

노먼은 복잡한 시스템을 효과적으로 관리하기 위해서는 ‘기본 구조’를 명확히 하는 것이 중요하다고 강조합니다. 기본 구조란 시스템의 핵심 요소들과 그들 간의 관계를 명확히 정의한 것을 말합니다.

  1. 계층 구조 활용:
    복잡한 정보나 기능을 계층적으로 구조화하면 사용자가 쉽게 이해하고 탐색할 수 있습니다. 예를 들어, 스마트폰의 설정 메뉴는 대분류(예: 일반, 디스플레이, 보안 등)로 나뉘고, 각 분류 안에 세부 설정이 포함되는 방식으로 구조화되어 있습니다.
  2. 모듈화:
    복잡한 시스템을 독립적으로 작동할 수 있는 작은 단위로 나누는 것입니다. 예를 들어, 컴퓨터의 하드웨어 구성요소들(CPU, RAM, 하드디스크 등)은 각각 독립적인 모듈로 작동하면서도 전체 시스템을 구성합니다.
  3. 일관성 유지:
    시스템 전반에 걸쳐 일관된 디자인 패턴과 상호작용 방식을 유지하는 것이 중요합니다. 이는 사용자가 시스템의 한 부분을 학습하면 다른 부분도 쉽게 이해할 수 있게 해줍니다.
  4. 적절한 피드백 제공:
    사용자의 행동에 대해 적절한 피드백을 제공하는 것은 복잡한 시스템에서 특히 중요합니다. 이는 사용자가 자신의 행동의 결과를 이해하고, 시스템의 상태를 파악하는 데 도움을 줍니다.

복잡함의 가치: 때로는 복잡함이 필요하다

노먼은 “때로는 혼란스러움을 피하고 복잡함을 취해야 한다”고 말합니다. 이는 어떤 경우에는 복잡함이 오히려 가치를 창출할 수 있다는 의미입니다.

  1. 전문가용 도구:
    전문가들이 사용하는 도구(예: 비디오 편집 소프트웨어, 3D 모델링 프로그램)는 종종 매우 복잡합니다. 하지만 이러한 복잡성은 전문가들에게 더 많은 제어권과 창의적 가능성을 제공합니다.
  2. 고급 기능:
    일반 사용자용 제품에서도 고급 사용자를 위한 복잡한 기능을 제공하는 것이 유용할 수 있습니다. 예를 들어, 스마트폰 카메라 앱의 ‘프로’ 모드는 복잡하지만, 사진에 관심이 많은 사용자들에게 더 많은 제어권을 제공합니다.
  3. 안전 시스템:
    항공기 조종석이나 원자력 발전소의 제어 시스템과 같이 안전이 중요한 시스템은 의도적으로 복잡하게 설계될 수 있습니다. 이는 실수로 인한 오작동을 방지하기 위함입니다.

UX 디자인에서의 복잡함 관리

UX(User Experience) 디자이너들은 복잡한 시스템을 설계할 때 다음과 같은 전략을 사용합니다:

  1. 점진적 공개(Progressive Disclosure):
    모든 정보와 옵션을 한 번에 보여주는 대신, 사용자의 필요에 따라 점진적으로 정보를 공개하는 방식입니다. 예를 들어, ‘더 보기’ 버튼을 통해 추가 정보를 제공하는 방식이 이에 해당합니다.
  2. 적응형 인터페이스:
    사용자의 숙련도나 선호도에 따라 인터페이스를 조정하는 방식입니다. 초보자에게는 간단한 인터페이스를, 전문가에게는 더 복잡하고 강력한 기능을 제공할 수 있습니다.
  3. 시각화:
    복잡한 데이터나 프로세스를 그래프, 차트, 다이어그램 등으로 시각화하여 이해를 돕습니다. 예를 들어, 복잡한 지하철 노선도를 단순화된 다이어그램으로 표현하는 것이 이에 해당합니다.
  4. 메타포 사용:
    복잡한 개념을 사용자에게 친숙한 개념에 비유하여 설명하는 방식입니다. 예를 들어, 컴퓨터의 ‘바탕화면’이나 ‘폴더’ 개념은 실제 책상과 서류 정리 시스템에서 차용한 메타포입니다.

결론: 복잡함과 혼란스러움 사이의 균형

복잡함과 혼란스러움을 이해하고 관리하는 것은 현대 사회에서 매우 중요합니다. 우리가 사용하는 제품과 서비스는 점점 더 복잡해지고 있지만, 그 복잡성이 반드시 혼란을 의미하는 것은 아닙니다.

디자이너와 엔지니어들은 복잡한 시스템을 설계할 때 사용자의 인지 능력과 행동 패턴을 고려해야 합니다. 기본 구조를 명확히 하고, 적절한 피드백을 제공하며, 일관성을 유지하는 등의 전략을 통해 복잡성을 관리할 수 있습니다.

사용자로서 우리도 복잡함과 혼란스러움의 차이를 이해하는 것이 중요합니다. 새로운 제품이나 서비스를 접할 때, 그것이 정말로 혼란스러운 것인지, 아니면 단순히 익숙하지 않은 복잡성을 가진 것인지 구분할 수 있어야 합니다. 이를 통해 우리는 더 효과적으로 새로운 기술을 학습하고 활용할 수 있을 것입니다.

결국, 복잡함과 혼란스러움 사이의 균형을 찾는 것이 중요합니다. 불필요한 복잡성은 제거하되, 가치 있는 복잡성은 유지하면서 사용자가 쉽게 이해하고 사용할 수 있도록 하는 것이 현대 디자인의 핵심 과제입니다. 이러한 균형을 통해 우리는 더 나은 제품, 더 효율적인 시스템, 그리고 궁극적으로는 더 나은 삶의 질을 얻을 수 있을 것입니다.


인용:
[1] https://youexec.com/book-summaries/design-of-everyday-things-by-don-norman
[2] https://legendoroi.tistory.com/entry/UXUI-%EA%B8%B0%ED%9A%8D
[3] https://everybody-yeah.tistory.com/14