2년여 전부터 국내에서도 개념이 조금씩 알려지기 시작한 UX 분야가 있다.. 바로 UX Writing..

네이버를 비롯한 국내 포털에서 서비스 기획 글쓰기 같은 접근법으로 이미 실무에서는 시행이 되고 있었던 개념이지만 그것이 UX Writing이라는 개념으로 구체화된 것은 그리 오래되지는 않은 듯 싶다.. 최근에는 국내에서도 UX Writer라는 직군 채용도 이뤄지는 것으로 보아 국내 UX 분야에서도 보편화된 개념으로 자리잡게 될 것 같다..  

UX Writing에 대해서는 별도로 다루는 기회를 만들기로 하고 관련 자료를 알아보며 알게된 글들을 소개하는 것으로 이번 포스트는 갈음하기로 한다.. 참고로 이 포스트의 내용은 지속적으로 업데이트 될 예정이다..

국내

http://blog.rightbrain.co.kr/?p=10280

https://blog.naver.com/uiux_lab/221436849632

http://icunow.co.kr/uxwriting-series1/

https://story.pxd.co.kr/1383

국외

요즘은 욕실 주변기기들이 예전에 비해 다양한 제품들이 많이 나오고 있다.. 그러한 것들 중 대표적인 것이 잡지꽂이를 들 수 있다.. 요즘은 스마트폰이 그 자리를 대신하고 있지만 불과 몇년 전만해도 화장실에 들어갈 때는 책을 들고 들어가는 것이 자연스런 행동이었다.. (물론 본인의 경우다..)

욕실에 비치되어 있는 잡지꽂이 중 알루미늄 소재로 만들어진 제품이 있는데 대략 아래 형태의 디자인이 주를 이룬다.. 물론 좀더 멋진 디자인들이 많이 있지만 거의 이러한 형태의 연장선에 있다고 볼 수 있다..

이 디자인은 깔끔한 디자인이긴 하지만 실제 사용성 측면에서 보면 잘못된 디자인이다.. 과연 어느 부분이 잘못된 것일까?

문제가 되는 부분은 다름아닌 잡지를 잡아주는 대각선 바의 방향에 있다.. 이 형태의 잡지꽂이에 잡지나 책을 비치하게 되면 시간이 지날 수록 책의 모서리 부분부터 중력의 영향으로 꺽이게 되어 책이 휘어지게 된다..

우리나라를 비롯한 대부분의 국가에서 출간되는 책의 제본 형태는 정면에서 바라볼 때 왼쪽 부분을 철하여 만들어진다.. (이러한 형태의 제본 방식을 좌철제본이라고 말한다) 보통 잡지꽂이에 책을 꽂을 때 표지가 보이도록 놓게 되는데 옆에 있는 디자인의 경우 좌철제본으로 만들어진 책의 경우 제본 부분은 바가 잡아주게 되어 문제가 없지만 책이 넘겨지는 페이지 부분은 전혀 힘을 받지 못해 책의 오른쪽 상단부터 서서히 휘어지게 된다..

시간이 흐르면 흐를 수록 그 꺽임의 정도는 더 심해지고 결국 책이 휘어지게 되는 상태에 이르게 된다.. 만약 위 디자인에서 바의 대각선 방향이 좌상-우하가 아닌 좌하-우상 형태로 되어 있었다면 책은 꺽이지 않을 것이고 잡지꽂이는 자신의 역할을 잘 감당하는 제품으로 되었을 것이다.. 제품 디자이너가 실제 잡지를 꽂은 상태에서의 사용성을 깊게 고민하지 않았음을 잘 알 수 있는 부분이다..

더 아쉬운 점은 이러한 디자인을 그대로 모방한 잡지꽂이가 의외로 많이 보인다는 것이다.. 이 디자인이 갖고 있는 사용성의 문제가 그러한 제품들에서도 동일하게 나타나는 것은 말할 것도 없다..

제품을 설계하거나 서비스를 디자인할 때 사용성에 대한 고민을 많이 하지만 실제 적용되어 사용해 보기 전에는 그것이 갖고 있는 문제점에 대해 바로 파악하지 못하는 경우가 많다.. 제품을 기획하는 초기 단계부터 UX에 대해 심도있게 고민해야 하는 이유가 바로 여기에 있다.. 깊이 고민하고 그것을 풀어내는 것이야 말로 바로 서비스를 설계하는 이들의 몫이자 숙제이다..

우리가 여행을 할 때 얻게되는 감동은 그 여행을 이끌어 주는 가이드에게서 얻는 것이 아니라 우리가 실제로 그 여행을 하고 있기 때문이다.. 모든 것이 그렇겠지만 특히 우리네 삶이 그러하다.. 우리가 경험이라는 것을 중요시 할 수 밖에 없는 것은 우리 삶이란 것이 바로 경험의 축적인 탓이다..

지난 수요일부터 열린 2008 서울 디자인 페스티벌에 우리 회사가 함께 참여하고 있다.. remix d'strict 라는 주제 아래 see, touch, swing 세개의 부제로 참여하고 있는데 디지털로 발현될 수 있는 UX의 미래를 직접 체험할 수 있도록 부스가 마련되어 있다.. remix라는 단어에서 알 수 있듯이 이번에 선보이는 내용은 하나의 미디어 소스를 가지고 다양한 디바이스를 통해 새로운 사용자 경험을 확장시켜 나가는 것에 그 포커스를 맞추고 있다..

디스트릭트 부스 입구에 마련된 리플렛.. see, touch, swing 세개의 부제에 대해 각각의 의미를 설명하고 각 부제별로 진행된 프로젝트에 대한 간단한 안내글이 담겨져 있다..

see 부제로 선보인 holographic display.. 사내 R&D를 위한 선행 과제로 루이까또즈와 공동으로 진행했던 이 프로젝트는 실제로 지난 11월 청담동 루이까또즈 Flagship Store에 설치되어 운영(아래 동영상 참조)되었다.. 사용자의 움직임을 인식하여 모션의 방향에 따라 정보를 제공하는 형태를 달리 보여줄 수 있도록 하여 사용자로 하여금 인터렉티브한 경험을 얻을 수 있도록 구현되어 있다..


touch 부제로 선보인 tangible interface 코너에선 touch기반의 인터페이스를 통해 실제로 만지고 체험하면서 사용자 경험을 얻을 수 있는 환경을 방문자들에게 제공했다.. 국내 최초로 일반인에게 공개된 Microsoft의 Surface에서 Sliverlight 기술을 통해 구현된 여러가지 tangible UI를 직접 체험할 수 있다..

swing 부제에선 실제 상업적인 공간에서 활용될 수 있는 interactive installation에 대한 두개의 프로젝트가 선보였다.. 위 사진의 모습은 그 중 하나인 d'stick인데 디스플레이 하단에 위치한 camera를 통해 사용자의 움직임을 추척하고 이를 다시 디스플레이에서 보여지는 정보에 실시간으로 반영하여 사용자의 동선이나 움직임에 따라 제품의 정보를 유기적으로 결합하여 보여줄 수 있도록 되어 있다.. 이러한 상호작용을 통해 사용자는 가상의 환경으로 분리된 영역임에도 불구하고 간극을 뛰어넘는 경험의 일치를 이끌어 낼 수 있는 새로운 UX를 체험할 수 있게 된다..

swing 부제의 또 다른 프로젝트인 J4.. see 부제에서 선보인 holographic display와 더불어 루이까또즈에서 실제 설치되어 운영되고 있는 프로젝트이다.. 홀로그램 디스플레이를 통해 보여지는 정보에 사용자의 손동작을 바로 인식할 수 있는 sensing 기술을 접목시켜 제품의 정보를 보다 다양한 시각적 형태와 함께 좀더 깊게 몰입하여 체험할 수 있게 되어 있다.. 홀로그램 디스플레이라는 제한된 공간의 한계를 다양한 시각적 효과를 포함한 레이어로 분할하여 제약조건을 가질 수 밖에 없는 공간 상에서도 다양한 정보에 손쉽게 접근할 수 있도록 설계되어 있다..




이번 2008 서울 디자인 페스티벌은 12월 7일까지 열리게 된다.. 디자인에 관심있다면.. 특히 UX에 관심이 있는 분들이 있다면 remix d'strict에서 좋은 UX를 체험하게 되길 기대해 본다..

최근 새로 출시된 제품의 디자인이나 인테리어 등의 트랜드를 이야기할 때 빠지지 않고 등장하는 용어 중 하나가 바로 미니멀리즘이란 말이다.. 주로 장식적 요소를 최소화하고 최대한 절제된 형태로 유지시키는 사조를 통칭하여 미니멀리즘이란 말을 사용하는데 미니멀리즘의 시작을 거슬러 올라가면 1960년대 미국 미술계에 새로이 등장했던 일련의 시도에서 살펴볼 수 있다..

1960년대 미국 미술계에는 기존의 미술계에서 보지 못했던 특정 작가들의 새로운 시도가 등장한다.. 칼 안드레(Carl Andre), 솔 르윗(Sol LeWitt), 도널드 저드(Donald Judd) 등으로 대표되는 작가들의 시도는 당대 평론가들에 의해 대안미술, 저항미술 등으로 불리우다가 결국 미니멀리즘이라는 명칭으로 최종 축약되어 정리되게 된다..

기존 회화가 캔버스라는 2차원 평면에 가상으로 3차원의 형태를 표현하기 위해 일종의 환영을 만들었던 것이라 여기고 이에 대해 반대하는 성격으로 등장한 미니멀리즘은 캔버스라는 평면 위에 3차원의 형태를 표현하는 것은 그 형태의 모사일뿐 실제(實際)가 아니라는 점을 중시하고 결국 표현하는 방법이 실재(實在)하는 존재로서 다가서야 한다는 점을 중요시한 사조이다. 이 관점에서 바라본다면 결국 미니멀리즘은 reality에 대한 고민의 결과로 나타났다고 볼 수 있다..

reality를 추구했음을 증명하기 위한 방법으로 작품의 재료로 그들이 선택한 것은 주로 물질적인 것을 강조하는 것들이었는데 특히 이미 생산되어진(ready made) 기성제품들을 사용했다는 점-물론 모든 작가가 그렇게 한 것은 아니다-을 주목할 수 있다.. 칼 안드레가 벽돌을 나열하는 방식으로 작품을 표현한 것이나 댄 플래빈(Dan Flavin)이 형광등을 벽에 설치하여 작품을 만들었던 것에서 그런 부분을 볼 수 있다..

초기 미니멀리즘을 표현한 작품들의 공통점에서 주로 단순성, 기하학적 측면 만을 주목하고 이를 부각시켜 타 산업분야에서 미니멀리즘에 대한 적용의 폭을 넓혀 나갔는데 바로 이 점 때문에 미술계에서의 미니멀리즘과 타 분야에서의 미니멀리즘에 대한 해석과 활용이 다른 양태로 보여지게 된다.. 결국 타 분야의 미니멀리즘에 대한 해석은 단순, 기하학적 관점에서 보여지는 면이 강하며 초기 미술계에서 나타났던 형태의 미니멀리즘이 가진 의미(리얼리티라는 본질을 찾는 것을 강조하고자 했던)와는 다른 방향으로 발전해 왔다..

미니멀리즘의 최근 경향은 주로 기능성을 중요시 하는 방향으로 발전되고 있는데 이 부분은 기능성의 강화를 위해 장식적 요소를 최소화하는 절제의 형태로 보여지는 즉, 미니멀(minimal) 적인 부분을 좀더 특화하여 바라보는 시선으로 집중하고 있다.. 결국 초기 미니멀리즘이 찾고자 했던 본질과는 다른 방향으로 미니멀리즘의 본질이 바뀌어 버린 결과가 되버린 것이다.. 어찌보면 본질에 대한 정의를 본질 스스로 규정한다는 것은 너무 어려운 일인지도 모를 일이다..

초등학교 시절 색맹검사를 난생 처음 접하고 그것이 무엇을 뜻하는 것인지 몰라서 더듬거리다가 색약판정을 받을뻔한 기억이 있다.. 물론 최종 검사 결과는 정상으로 나왔지만..

웹 접근성을 논할 때 대부분 눈이 안보이는 시각장애인들에 대한 이야기를 많이 하지만 정상시력을 가진 사용자들 가운데 색맹이나 색약 역시 웹접근성이 다뤄야하는 범주에 포함된다.. 색맹이나 색약을 가지지 않은 사용자들은 인식하기 어렵겠지만 의외로 돌아보면 주변에 색맹자나 색약자들이 많이 있다.. 통계정보에 따르면 국내 색맹, 색약자는 130여만명 정도라고 한다..

색맹가운데 제일 많은 분포를 가진 집단군이 적록색맹인데 적록색맹은 적색이나 녹색을 바로 인식하지 못하는 색맹을 말한다.. 대부분 선천적인데다가 나름대로 녹색이나 적색을 인지하기 때문에 일상생활을 하는데는 큰 불편이 없다.. 하지만 그 차이가 미묘한 경우 이들에게는 색을 구별하는데 어려움을 겪게 되는 상황이 발생하는데 웹접근성이 고려하는 부분이 바로 이런 부분이다..

아 래 링크를 들어가보면 각 색맹군에 따라 시각적으로 사물이 어떻게 보여지는가에 대한 자세한 정보를 알 수 있다.. 웹에 대한 얘기가 아닌 색맹 전체에 대해 언급하고 있는 내용이므로 관심있는 사람들이라면 한번씩 살펴보길 추천한다..

http://jfly.iam.u-tokyo.ac.jp/color/index.html

내용을 보다 보면 그래프 등에서 색을 구분지어 표시하는 부분이 나오는데 이 부분은 색맹뿐 아니라 흑백인쇄물 형태로 문서를 출력할 경우에도 해당하는 문제이기 때문에 일상적인 업무상황에서도 반드시 고려해야할 내용이기도 하다..(예전에 참여했던 한 프로젝트에서 PM을 맡으셨던 이사님이 문서 작성 시 그렇게도 강조하던 내용이 바로 이 부분이었다..)

위 내용을 토대로 색맹, 색약자를 위한 웹접근성을 고려하는 경우 평소 우리가 흔히 사용하는 내용 중 지적될 점을 예를 들자면 이런 것이 있을 수 있다..

• 다음 글을 추천하려면 녹색버튼을, 추천하지 않으면 적색버튼을 클릭하세요 (적녹색맹의 경우 두 색의 차이를 구분할 수 없다.. 단, 버튼이 서로 근접하지 않을 경우나 적녹색약은 구별이 가능합니다. 정찬명님 지적 감사드립니다 :)
• 글의 문맥을 강조할 때 적색으로 굵게, 강조되는 내용이 아닌 경우 회색으로 굵게 처리한다 (적색맹 또는 적록색맹의 경우 적색과 회색이 모두 회색으로 보이므로 어느 것이 강조인지 구분할 수 없다..)

색맹이나 색약을 고려하여 작업한다는 것은 색맹자나 색약자가 아닌 일반인들에게는 익숙치 않은 작업이다.. 나 역시 그런 부분에 있어서 심각하게 고려를 해본 경우는 거의 없었다.. 하지만 이런 부분은 반드시 필요한 부분이고 그 필요가 가지고 있는 중요성이 보편적으로 인식이 될 수 있도록 먼저 알고 있는 이들이 작게나마 실천을 할 필요가 있다.. 그것이 모두에게 평등할 수 있는 웹을 만들 수 있는 지름길이다..

이야기를 풀어내자면 적을 내용이 너무 많기 때문에 차후에 기회가 되는대로 한번 정리를 한 후 내용을 남기고자 한다.. 뭔가 두서없이 이야기를 꺼낸 듯 하여 민망하지만 최근들어 웹접근성에 대한 논의가 일어나는 가운데 웹접근성을 바라보는 관점에 또하나의 관점을 더하기를 기대하는 바램으로 간단히 글을 남겨본다..

강남역 3번 출구를 올라가다 보면 재미있는 사실 하나를 발견할 수 있다.. 바로 3번 출구 계단 올라가는 방향 오른쪽에 붙어있는 종합 안내도 때문인데 안내도를 보고 있자면 왜 그 자리에 안내도를 설치했는지가 궁금해진다.. 궁금증의 사유는 이러하다..

우리나라의 보행자 통행방법은 좌측통행을 원칙으로 삼고 있다.. 계단을 오르내릴 때도 마찬가지.. 바로 이점 때문에 안내도의 위치가 문제가 되는데 3번출구로 나가려는 사람들이 안내도를 보려고 계단 아래 서있는 동안 좌측통행에 의거하여 위에서 내려오는 사람들과 부딪히게 되어 그 자리에서 작게나마 정체현상이 벌어지는 것이다..

더군다나 안내도는 계단 초입부에 설치한 것도 아니고 두세칸 올라간 위치에 설치되어 있어서 계단 위에서 정체아닌 정체가 일어난다.. 안내도를 보려는 대부분의 사람들이 3번출구로 나가려는 사람들일텐데(안내도가 지하상가 안내도가 아닌 역 주변 지역 안내도이므로..) 그 사람들이 안내도를 보려는 목적을 생각하지 않고 배치한 결과가 지나가는 보행자들의 불편함을 이끌어 낸 것이다.. 왜 좌측통행의 방향에 맞춰서 입구 왼쪽에 안내도를 설치하지 않았을까? 공간상의 문제였는지 아니면 단지 눈에 잘보이라고 그런 것인지 설치 당사자가 아니라 추측만 가능할 뿐이다.. (입구 왼쪽 벽엔 눈에 잘보이는 광고판이 붙어있다..)

서비스를 기획하는 이들은 유저들의 사용성(UX:User Experience)에 대해 고민을 하게 마련이다.. 이 때 중요하게 여기는 부분 중 하나는 그 사용성이 일반적인 속성을 가지는가의 문제다..

일반적이란 표현 속에는 암묵적으로 동시대(contemporary)에 통용되는 보편적 기준이라는 의미가 내포되어 있다.. 이것은 마치 표준어의 정의가 교양 있는 사람들이 두루 쓰는 현대 서울말이라는 것처럼 시대적 조건[footnote]표준어의 경우 시대적 조건 외에 계층적 조건과 지역적 조건이 더 포함이 되므로 어떤 면에선 좀더 세밀한 기준일 수 있다.. 그러나 사용성 역시 그에 못지 않게 고려할 조건들이 많이 있다..[/footnote]이 포함된다고 볼 수 있다..

따라서 일반적인 사용성이란 바로 현 시점에서 통용되는 사용성이고 그 시점을 살아가는 사용자들에게 보편적으로 받아들여질 수 있는 것이 되어야 한다.. 이 말은 사용성의 의미에 눈에 보이지 않는 장벽이 내재함을 의미한다.. 장벽은 사용자 개인의 성향이 될 수도 있고 습관이 될 수도 있다.. 이전에 접했던 경험이 어떤 서비스를 접할 때 다시 살아날 수도 있으며 심지어 개인의 가치관이 사용성에 대한 평가와 판단을 이끌어 낼 수도 있다.. 따라서 모든 이를 만족할 수 있는 사용성이란 애초에 존재하기 힘들며 그렇기 때문에 동시대에 보편적으로 받아들여지는 사용성을 고민해야 하는 것이 기획자들의 일거리다..

위에서 예로 든 종합 안내도의 배치가 만약 우측통행을 하는 국가에서 행해 진 것이라면 그 배치로 인해 발생한 사용성은 전혀 문제가 되지 않았을 것이다.. 그러나 그렇지 않았기에 결국 일반적이지 않은 사용성을 사용자에게 제공하고 말았다.. 일반적이란 말은 그렇기 때문에 쉽게 답을 써내기 어려운 숙제와 같다..