1900년대에 살던 누군가를 지금 우리 세상에 데려온다고 상상해 보세요. 일상의 모습은 달라지겠지만, 과연 그의 두뇌는 이 변화를 따라잡을 수 있을까요? 이게 바로 현대 인지 디자인의 핵심 과제입니다. 어떻게 하면 사람들의 머릿속을 혼란스럽게 하지 않으면서도 폭발적으로 증가하는 정보를 전달할 수 있을지 말예요.

이러한 정보 과부하를 해결하기 위해 인지 부하, 정신적 상호작용 비용, 멘탈 모델, 캄 테크놀로지(calm technology)*와 같은 개념을 살펴볼 겁니다. 이런 기본 개념을 이해하면 혼란스러운 정보 환경에서도 사용자 경험을 단순화하고, 기술과의 상호 작용을 더욱 효율적으로 만드는 직관적 경험을 만들 수 있을 거예요.

*캄 테크놀로지: 평소에는 비활성화 상태로 있다가 사용자의 필요에 따라 자연스럽게 활성화 상태로 변하는 기술을 말해요. 예를 들어 현관에 들어서면 자동으로 켜지는 전등이나 환경에 따라 화면 밝기를 조정하는 스마트폰 액정 등에 사용되는 기술을 캄 테크놀로지라고 합니다.

인간 인지의 스펙트럼

인간의 인지를 이해하려면 지각, 주의력, 기억력, 언어, 추론, 감정, 의식을 포함한 총체적인 접근 방식이 필요합니다. 이러한 요소는 효과적이고 직관적인 디자인의 기초를 형성합니다.

자극에서 지각으로

지각(perception)은 감각 기관이 받은 자극(stimulus)에서 시작해, 감각(senses)에 의해 뇌의 신경 활동으로 변환됩니다. 감각 처리 과정(sensation)이라고 부르는 이 변환은, 원래의 자극을 정신적 이미지로 만들어냅니다.

지각에는 상향식 처리와 하향식 처리가 모두 포함됩니다. 상향식 처리는 자극이 선입견 없이 순전히 데이터와 감각 입력에 의해 지각에 영향을 미칠 때 발생합니다. 예를 들어, 사람들이 뜨거운 스토브를 만지면 감각 수용체가 뇌에 긴급한 "SOS"를 보내 통증을 감지하고 사람들은 목욕을 피해 도망가는 고양이보다 더 빨리 손을 떼게 됩니다.

하향식 처리는 이전의 지식과 예측이 지각에 영향을 끼칠 때 발생하는데, 이것은 개념과 경험에 의해 좌지우지됩니다. 예를 들어, 부분적으로 가려진 표지판을 볼 때 문맥을 알고 있기 때문에 무슨 내용인지 알 수 있다면 이는 하향식 처리가 작동하는 것입니다.

훌륭한 디자인은 이 둘 사이의 균형을 잡습니다! 초보자도 쉽게 이해할 수 있어야 하고(상향식), 이미 시스템을 잘 알고 있는 사람(하향식)에게도 잘 작동해야 합니다. 이 두 가지를 모두 고려함으로써 모두에게 효과적이고 즐거운 인터페이스를 만들 수 있습니다.

주의력, 기억력 및 개념 모델

따라서 행동은 사용자의 동기와 능력이 조화를 이룰 때 발생합니다. 따라서 동기가 낮다면 능력을 높이는 것이 도움이 될 수 있습니다. 다음은 디자인 이니셔티브*에 포그 행동 모델을 적용할 수 있는 몇 가지 전략입니다:

인터페이스 단순화

• 작업을 더 간단한 단계로 세분화하여 작업의 복잡성을 줄입니다.
• 사용자가 최소한의 노력으로 작업을 쉽게 이해하고 완료할 수 있도록 합니다.

동기 부여 강화

• 설득력 있는 디자인 기법을 사용하여 사용자 참여도를 높입니다.
• 높은 동기 부여 수준을 유지하기 위해 혜택과 가치를 강조하세요.

효과적인 트리거

• 적절한 순간에 사용자에게 메시지를 전달할 수 있는 명확하고 시의적절한 알림을 디자인하세요.
• 찾기 쉽고 이해하기 쉬운 CTA 버튼을 활용하세요.

포그 행동 모델은 투명성과 단순성을 통해 원하는 행동을 유도하는 인터페이스를 디자인하는 데 도움이 되지만, 이러한 원칙이 적용되지 않을 때는 '블랙 박스' 문제*가 일어날 수 있습니다.

*디자인 이니셔티브: UX 디자인 과정에서 특정 목표를 달성하기 위해 계획되고 실행되는 프로젝트나 활동을 의미해요. 새로운 디자인 접근법을 시도하거나, 기존 디자인을 개선해 사용자 만족도와 편의성을 높이는 데 중점을 둡니다.

*'블랙 박스' 문제: '블랙 박스' 문제는 시스템이나 모델이 내부 작동 방식에 대한 명확한 설명 없이 결과를 도출하는 상황을 의미합니다. 즉, 사용자는 시스템이 어떻게 결정을 내리는지 알 수 없으며, 이는 신뢰성 문제를 일으킬 수 있습니다. 포그 행동 모델의 원칙이 제대로 적용되지 않으면, 사용자는 인터페이스가 왜 특정 방식으로 작동하는지 이해하지 못하게 되어 '블랙 박스' 문제에 직면하게 됩니다. 이는 사용자 경험을 저해하고 의도된 행동을 유도하는 데 실패할 수 있습니다.

인지 과부하: '블랙박스' 시나리오

우리의 두뇌는 한 번에 처리할 수 있는 양이 한정되어 있습니다. 디자이너로서 우리는 이 점을 기억해야 합니다. 사용자에게 한꺼번에 너무 많은 선택지나 정보를 제공하면 혼란스럽고 막막해집니다. '블랙박스' 인터페이스를 만나면 상황은 더욱 복잡해집니다. 버튼을 누르면 어떤 일이 일어나지만 사용자는 그 이유를 전혀 알 수 없는, 마술 같은 인터페이스입니다. 사용자가 작동 원리를 명확하게 이해하지 못하면 우리가 던져주는 모든 정보를 이해하기는 더욱 어려워집니다.

만약 반대로 설계되었다면 어떨까요? 바로 '클리어 박스' 시나리오가 등장합니다. 좋은 친구같은 인터페이스를 상상해 보세요. 무슨 일이 일어나고 있는지 정확히 알려주는 겁니다.

여기서 중요한 것은 피드백입니다. 사용자가 어떤 행동을 취했을 때, 시스템은 명확하게 긍정적이거나 부정적인 피드백(혹은 그 중간의 어떤 것)을 줘야 합니다! 이 피드백은 즉각적이고 이해하기 쉬우며 상황에 맞는 것이어야 합니다.

이를 위한 세 가지 주요 방법이 있습니다:

이걸 보세요! - 시각적 피드백 - 버튼을 클릭하면 버튼이 켜지거나 올바른 정보를 입력하면 필드가 녹색으로 바뀌는 등의 시각적 피드백입니다.

들어 보세요! - 때로는 소리가 도움이 될 수 있습니다. 맑은 소리의 벨이 울리면 뭔가 잘했음을 알려주는 반면, 이상한 소리가 나면 실수했다는 뜻일 수 있습니다.

읽어 보세요! - 클리어(명확한) 메시지는 당신의 친구입니다. 녹색 체크 표시 대신 "파일이 성공적으로 업로드되었습니다."라는 메시지가 표시될 수도 있습니다.

이런 피드백이 있으면 "성공했나?"라고 궁금해할 필요가 없습니다. 이러한 확실성 덕분에 시스템 사용이 쉬워지죠!

밀러의 법칙: 작업 기억

히크-하이먼 법칙: 결정의 시간

배가 고플때 드디어 샌드위치 가게 앞에 줄을 서 완벽한 샌드위치로 허기를 달랠 준비가 되었다고 상상해 보세요. 그런데 순조로운 주문 대신 이런 질문이 쏟아져 들어옵니다:

"빵 종류는 어떤 걸로 하실래요? 크기는 어떤 거요? 치즈 넣을까요? 데워 드릴까요? 야채는 다 넣으시나요? 고기 종류는 뭘로 하시겠어요? 소스는요? 베이컨이나 아보카도 같은 재료 추가하시겠어요? 쿠키나 음료는요? 세트로 하시겠어요? 적립 하세요? 먹고 가시나요 아니면 포장하시나요? 결제는 뭘로 하시겠어요?" ...😮‍💨

엄청난 선택지가 당신의 머릿속에서 폭발합니다. 마비된 당신은 대답하기 위해 애쓰지만, 뒤에서 기다리는 사람들의 초조한 발소리에 압박감을 느낍니다.

이 압도적인 경험은 힉-하이먼 법칙이 실생활에서 어떻게 작동하는지 정확히 보여줍니다. 선택지가 너무 많으면 결정을 내리는 데 시간이 더 오래 걸립니다.

이 개념을 바탕으로 추론할 수 있습니다:

• 복잡성을 줄이면 인지 부하가 줄어듭니다.
• 논리적인 그룹화는 탐색하기 쉽게 만듭니다.
• 중요한 정보를 명확하게 제시하면 주의가 산만해지는 것을 최소화할 수 있습니다.

이러한 원칙은 디자이너가 시스템을 개발할 때 사용자의 생활에 원활하게 통합되고 사용자에게 부담을 주지 않으면서 기능을 최적화하는 형태로 개발할 수 있도록 합니다.

1. 명확한 의사소통: 명확한 의사소통은 모호함을 피합니다. 인터페이스는 그 목적과 기능을 직접적으로 전달해야 합니다. 이는 인터페이스의 텍스트부터 사용되는 아이콘과 기호에 이르기까지 적용됩니다.
2. 일관성 및 인식 가능한 패턴: 일관성은 사용자가 사전 지식을 적용하는 데 도움이 됩니다. 레이아웃, 색상, 타이포그래피에서 알아볼 수 있는 패턴을 유지하면 일관되고 직관적인 사용자 경험을 만드는 데 도움이 됩니다.
3. 반응형 피드백: 모든 행동에 적절한 피드백을 제공해야 합니다. 이는 간단한 애니메이션부터 복잡한 메시지까지 다양할 수 있으며, 사용자가 자신의 행동이 인식되고 처리되었다는 것을 이해할 수 있도록 합니다.
4. 인지 부하 최소화: 프로세스를 간소화하고 핵심 요소를 강조합니다. 즉 프로세스를 단순화하고, 제시되는 정보의 양을 줄이고, 핵심 요소를 강조하여 사용자가 가장 중요한 것에 집중할 수 있도록 합니다.
5. 예측 가능성과 직관성: 디자인 규칙을 따르고 익숙한 요소를 사용합니다. 여기에는 디자인 규칙을 따르고 사용자의 멘탈 모델과 일치하는 친숙한 요소를 사용하는 것이 포함됩니다.
6. 사용의 유연성과 효율성: 사용자 맞춤형 인터페이스를 통해 초보자와 숙련자 모두를 고려합니다. 이는 단축키 및 사용자 설정과 같은 인터페이스 유연성을 제공하여 숙련된 사용자가 효율성을 높일 수 있도록 함으로써 달성할 수 있습니다.

·          ·          ·