우리에게 정보를 제공하는 것들
기표는 우연한 부산물이지만 복잡함을 이해하는 강력한 근거가 될 수 있다. 많은 기표가 정보를 주기 위해 의도적으로 디자인되고 설치된다. 물론 의도하지 않은 부차적인 결과도 있다. 그림자는 사람이나 물체가 빛 앞에 있을 때 나타나는 결과지만, 우리는 그림자를 보면서 물체가 있음을 추론할 수 있다. 그림자는 우연한 것이면서 자연적이다. 의도적으로 디자인되거나 그 자리에 놓은 것이 아닌 자연현상일 뿐이다. 직접적인 상호작용 대신 일을 하고 남은 화학적 작용이 다른 일개미를 자극해 간접적인 협동을 이뤄내는 것이다. 그 결과 설계도 없이도 복잡한 구조체를 만들고, 구체적인 목표나 리더 없이도 스스로를 조직화하는 행동양식을 갖게 된다. 이런 자취가 바로 기표다. 대부분은 의도하지 않아도 자연스럽게 생긴다. 물론 진화의 힘이 ‘고의적으로’ 작동할 수도 있다. 개미와 같은 동물들에게 화학적 자취를 남기게 하여 벌집이나 둥지를 만들 때 이전의 자취를 이용하게끔 하는 것이다. 사실 모든 동물들은 그들만의 특별하고 독특한 구조를 만드는 유전적인 재능을 타고난다. 디자이너들은 이런 관찰을 토대로 사람들이 읽기나 편집을 그만두는 지점마다 의도적으로 표시를 남길 수 있는 시스템을 디자인했다. 이것을 리드 마크 또는 에디트 마크라고 부른다. 이런 표시는 독자나 편집자가 책에 남기는 표식을 베낀 것이다.
문화적 복잡성
- 우리가 이 세상에서 어떻게 행동해야 하는지를 이해하려면 다른 사람과 어떻게 상호작용 하는지를 알아야 한다는 것이다.
- 불확실하고 통제할 수 없는 현실 세계에서의 가장 좋은 전술은 ‘신중히 행동하라’이다. 그리고 가능하다면 실험해보는 것이다.
- 좋은 디자인은 이 모든 것을 해결한다는 사실이다. 기능 디자인(혹은 기능 설계)이란 우리 주변의 사물들을 사용가능하고, 이해가능한 것으로 만들어주는 디자인으로, 주로 커뮤니케이션에 관한 것이다. 적절한 커뮤니케이션에 실패한면, 우리는 최악의 경우 사고를 당하거나 재난을 겪게 될 수도 있다. 커뮤니케이션을 고려한 적절한 디자인은 난해한 지식을 숙지해야 하거나 실험을 해봐야 하는 필요성을 최소화시켜준다. 그러나 너무 걱정하지마라. 우리가 현대 사회에서 편안하게 지내기 위해서는 사회적 상호작용, 조직, 문화에 따라 수행해야 하는 역할을 잘 이해해야 한다.
도널드 노먼의 UX 디자인 특강 – 복잡한 세상의 디자인, 도널드 노먼
우리는 매일 수많은 물건과 환경을 마주하며 살아갑니다. 문을 열고, 스마트폰을 조작하고, 횡단보도를 건너는 등 일상적인 행동들을 하면서 우리는 거의 무의식적으로 이러한 행동들을 수행합니다. 하지만 이런 자연스러운 상호작용 뒤에는 ‘어포던스’와 ‘기표’라는 숨겨진 디자인 원리가 있습니다. 오늘은 이 두 개념에 대해 자세히 알아보고, 우리 주변에서 어떻게 적용되고 있는지 살펴보겠습니다.
어포던스란 무엇인가?
닐슨 노먼 그룹에 따르면, 어포던스(Affordance)는 “사물의 특성이 어떤 행동을 유도하는 것”을 의미합니다. 쉽게 말해, 물건을 보고 어떻게 사용해야 할지 직관적으로 알 수 있게 만드는 디자인 요소입니다.
일상 속 어포던스의 예
- 문손잡이: 손잡이의 모양에 따라 밀어야 할지 당겨야 할지 직관적으로 알 수 있습니다.
- 스마트폰 아이콘: 카메라 앱은 카메라 모양, 전화 앱은 수화기 모양으로 되어 있어 기능을 쉽게 이해할 수 있습니다.
- 엘리베이터 버튼: ‘열림’ 버튼과 ‘닫힘’ 버튼의 화살표 모양이 직관적인 이해를 돕습니다.
기표(Signifier)의 역할
기표는 어포던스와 밀접한 관련이 있지만, 조금 다른 개념입니다. 기표는 사용 방법이나 상태를 명시적으로 알려주는 표시나 신호를 말합니다.
일상 속 기표의 예
- 교통 신호등: 빨간색, 노란색, 초록색의 색상이 각각 ‘정지’, ‘주의’, ‘진행’을 나타냅니다.
- 공공 화장실 표지판: 남성과 여성을 구분하는 그림이 기표 역할을 합니다.
- 스마트폰의 배터리 아이콘: 배터리 잔량을 시각적으로 보여줍니다.
어포던스와 기표의 중요성
닐슨 노먼 그룹의 연구에 따르면, 잘 설계된 어포던스와 기표는 사용자 경험을 크게 향상시킬 수 있습니다. 이들은 다음과 같은 이점을 제공합니다:
- 학습 용이성 향상: 직관적인 디자인으로 사용 방법을 쉽게 익힐 수 있습니다.
- 오류 감소: 잘못된 사용을 방지하여 실수를 줄일 수 있습니다.
- 효율성 증가: 빠르고 정확한 조작이 가능해집니다.
- 사용자 만족도 증가: 스트레스 없이 제품을 사용할 수 있어 만족도가 높아집니다.
디지털 세계의 어포던스와 기표
디지털 환경에서도 어포던스와 기표는 중요한 역할을 합니다. 웹사이트나 모바일 앱 디자인에서 이를 어떻게 적용할 수 있을까요?
- 버튼 디자인: 클릭 가능한 버튼은 보통 입체감 있게 디자인되어 사용자가 자연스럽게 클릭하도록 유도합니다.
- 하이퍼링크: 밑줄이나 다른 색상으로 표시된 텍스트는 클릭 가능한 링크임을 나타냅니다.
- 스크롤바: 페이지의 길이와 현재 위치를 시각적으로 보여줍니다.
문화적 맥락의 중요성
어포던스와 기표는 문화적 맥락에 따라 다르게 해석될 수 있습니다. 예를 들어, 색상의 의미는 문화권마다 다를 수 있습니다. 서양에서 흰색은 순수함을 상징하지만, 동양에서는 죽음이나 슬픔을 나타내기도 합니다. 따라서 글로벌 제품을 디자인할 때는 이러한 문화적 차이를 고려해야 합니다.
어포던스와 기표의 균형
닐슨 노먼 그룹은 어포던스와 기표 사이의 균형이 중요하다고 강조합니다. 너무 많은 기표는 오히려 사용자를 혼란스럽게 만들 수 있습니다. 반면, 어포던스만으로는 사용자가 제품의 모든 기능을 이해하기 어려울 수 있습니다.
균형 잡힌 디자인의 예
- 스마트폰 카메라 앱: 셔터 버튼의 모양(어포던스)과 카메라 아이콘(기표)이 조화롭게 사용됩니다.
- 자동차 대시보드: 계기판의 레이아웃(어포던스)과 아이콘(기표)이 운전자에게 필요한 정보를 효과적으로 전달합니다.
어포던스와 기표의 미래
기술이 발전함에 따라 어포던스와 기표의 개념도 진화하고 있습니다. 증강현실(AR)과 가상현실(VR) 기술에서는 새로운 형태의 어포던스와 기표가 필요합니다. 예를 들어, VR 환경에서 사용자가 물체를 잡을 수 있다는 것을 어떻게 직관적으로 알려줄 수 있을까요? 이는 디자이너들에게 새로운 도전 과제가 되고 있습니다.
일상생활에서의 응용
우리는 일상생활에서 어포던스와 기표의 개념을 활용하여 더 나은 환경을 만들 수 있습니다. 몇 가지 예를 살펴보겠습니다:
- 가정에서: 쓰레기 분리수거 통에 각 종류별로 다른 색상과 아이콘을 사용하여 직관적인 구분을 돕습니다.
- 직장에서: 회의실 예약 시스템에 색상 코드를 사용하여 사용 가능 여부를 한눈에 알 수 있게 합니다.
- 공공장소에서: 비상구 표시에 발광 재질을 사용하여 어두운 환경에서도 쉽게 찾을 수 있게 합니다.
결론: 보이지 않는 디자인의 힘
어포던스와 기표는 우리 일상에 깊숙이 스며들어 있지만, 대부분의 경우 우리는 그 존재를 의식하지 못합니다. 하지만 이 ‘보이지 않는 디자인’이야말로 우리의 일상을 더욱 편리하고 안전하게 만드는 핵심 요소입니다.
디자이너, 개발자, 그리고 사용자 모두가 어포던스와 기표의 중요성을 인식하고, 더 나은 디자인을 위해 노력한다면, 우리의 일상은 더욱 직관적이고 효율적으로 변할 것입니다. 다음에 어떤 물건을 사용할 때, 잠시 멈추고 그 디자인에 숨겨진 어포던스와 기표를 찾아보세요. 그렇게 하면 당신은 세상을 새로운 눈으로 보게 될 것입니다.
우리를 둘러싼 환경은 끊임없이 우리에게 정보를 제공하고 있습니다. 때로는 의도적으로, 때로는 우연히 만들어진 이 정보들은 우리의 행동을 안내하고 결정을 돕습니다. 어포던스와 기표는 이러한 정보 전달의 핵심 메커니즘입니다. 이들을 이해하고 활용함으로써, 우리는 더 나은 제품, 더 안전한 환경, 그리고 더 만족스러운 사용자 경험을 만들어낼 수 있습니다.
인용:
[1] https://www.interaction-design.org/literature/topics/affordances
[2] https://careerfoundry.com/en/blog/ux-design/affordances-ux-design/
[3] https://www.linkedin.com/advice/3/what-some-examples-good-bad-affordances-everyday
[4] https://www.tandfonline.com/doi/full/10.1080/0968776042000216183
[5] https://www.nngroup.com/articles/simplicity-vs-choice/