|
[디자인 정글기고] 1. Age of UX(User Experience) – UX의 시대
준서아빠.
6/30/2007 7:22:00 PM
안녕하세요. 준서아빠 김대우 입니다.
그 동안 블로깅을 많이 하지 못했는데요... 이제 슬슬 그 동안의 단상을 정리하면서 달려볼 생각입니다. ^_^ - 최근 제가 기고한 글이 있는데요... 그 내용을 우선 블로그에 공유 합니다.
이 글은 준서아빠가 (주)디자인정글 포털에 기고한 글이며 디자인 정글 저작권 원칙에 따라 제 블로그에 내용을 공유합니다. 특히, 아래 내용은 (주)디자인정글의 허락없이 사용이 불가하니 주의해 주시길 바랍니다. http://jungle.co.kr/
Age of UX(User Experience) – UX의 시대
1. UX란 무엇인가?
언제부터인가, 우리의 주변에서 조금은 낯선 UX라는 단어가 들려오기 시작했습니다.
“이 제품은 UI는 좋은데 UX측면에서는 별로 안 좋아.”
“UX적으로 볼 때, 일반 사용자가 손쉽게 접근 가능한 디자인이야.”
“우리 이런 디자인도 좋지만, 조금 더 UX친화적으로 바꿔 보자구.”
우리의 주변에서 이야기되고 있는 UX에 대해서 먼저 논의 드리도록 하겠습니다.
1) UX에 대한 정의
UX는 단순히 UI(User Interface)만을 의미하지 않습니다. 조금 더 손쉬운 예를 들어 보이자면, UX와 UI(User Interface)의 차이는 다음처럼 설명 드릴 수 있습니다.
예를 들어 “운전”을 생각해 보세요. UX는 사용자가 느끼는 전체적인 경험을 의미하는 반면에, UI(User Interface)는 사용자가 직접 접하는 한 쪽 끝만을 의미합니다.
자동차에 비유한다면 UI는 운전을 하기 위해 필요한 운전대 및 계기판이라고 한다면, UX는 차를 보고, 타는 과정에서부터 운전을 마치고 나오는, 혹은 좌석에 앉아서 겪게 되는 모든 동작을 포함한다고 할 수 있습니다. 웹사이트를 생각하신다면, 사용자가 웹페이지에 접속한 후 웹페이지의 컨텐츠를 이용하게 되는 것 뿐만이 아니라 클릭, 페이지 이동, 컨텐츠 이용 편의성 등의 전체적인 경험을 모두 의미합니다.
2) UX 구성요소
UX의 정의와 함께 다음 5가지 요소를 UX의 구성요소라고 정의 합니다.
사용성, 편의성, 정보 적응성, 신뢰성, 디자인
UX의 요소들에 대해서 다음과 같이 설명 드릴 수 있습니다.
A. 사용성
기존의 방법보다 더 보기 편한 방식의 사용자 경험을 의미 합니다. 기존 방식에서 보시는 것처럼
아이콘과 그 아래 설명을 표시하는 것 보다는, 작은 스크린 이미지를 나열과 함께 아이콘을 사용하면
더 빠르게 원하는 작업을 찾아갈 수 있고 사용하기 편한 어플리케이션이 됩니다.
B. 편의성
정보를 볼 때, 더 다양한 방법으로, 원하는 결과를 빠르게 보기위한 결과를 제공합니다.
이 방법은 비즈니스 챠트를 표시하거나 많은 정보를 시각적으로 표시할 경우에 특히 중요합니다.
또한, 원할 경우 사용자가 원하는 정보에만 관심을 가질 수 있도록 화면과 같은 필터 기능을 이용하면
다양한 시각적 정보로 편의성을 제공 가능합니다.
C. 정보 적응성
사용자와 Interaction할 때 단순 상태 정보 전달이 아닌, 상태 정보와 함께 기대치, 또는 부가 정보를 함께 전달하면
상태의 전달 뿐 아니라, 사용자에게 좀더 만족감을 줄 수 있습니다.
D. 신뢰성
사용자가 어떤 작업을 할 때, 더욱 세련되고 편리한 도구와 절차를 제공한다면, 사용자는 작업 절차의 편의성과
빠른 프로세스를 통해 지속적으로 서비스를 이용할 수 있을 것입니다.
E. 디자인
자, 이것이 바로 UX를 구성하기 위한 요소들입니다. UX를 구성하는 요소들은 처음 설명 드린 것처럼
단순한 디자인과 시각화에만 그치지 않으며 다양한 요소와 서비스의 결합을 통해 진정한 UX의 가치를 전달할 수 있습니다.
2. 왜 UX 지향적인 디자인이 화두인가?
Design World에는 많은 어려움이 있습니다.
1) 사용자의 다양한 요구
2) 다른 업체와의 경쟁
3) 기술적인 변화
4) 글로벌화
오늘날의 디자인 업계는 전에 없이 많은 도전을 받고 있습니다. 사용자와 클라이언트들은 더 향상된 경험을 요구하면서 지속적인 변화를 요구하고 있고,
디자인 업체들은 서로 끝없이 경쟁하며, 새로운 기술과 툴들을 이용해 지속적으로 디자인 시장에 진입하고 경쟁하고 있으며, 새로운 웹 기술, 디자인 기술의 발전으로 여러 기술에 대한 이해를 필요로 하고 있고 이러한 경쟁과 도전은 계속 확대되고 있습니다. 단순한 차별화와 더 나은 UI를 넘어서, 향상된 UX를 사용자에게 제공해야만 하는 추가적인 과제가 우리 디자이너들에게 생긴 것입니다. 잠시 UX에 대한 이야기를 뒤로 하고 우리가 지금까지 “경험”했던 웹을 돌아 보시면 많은 UX 변화가 느껴지실 것입니다.
HTML이라는 마크업(Markup) 언어로 표시되던 정보가 ASP.NET, JSP, PHP와 같은 스크립트 언어를 통해 프로그래밍적으로 연결되어 다양한 정보를 표시하기 시작했고 RIA(Rich Internet Application)는 웹을 확장해 점차, 웹과 클라이언트 어플리케이션의 영역이 와해되고 있습니다. HD 고화질 동영상과 같은 초고화질 비디오 플레이 기술이 당연하게 웹에서 RIA 기술에 녹아 들어 플레이 되고 있으며 데이터에 대한 정의 기술인 XML은 데이터를 넘어 웹의 Presentation(표현) 영역까지 확장되면서 모든 웹의 정보를 삼키고 있습니다. 또한, 어플리케이션과 서비스의 경계가 모호해지면서 웹 어딘가에 존재하는 서비스가 우리의 비즈니스 핵심 구성요소로 자리잡고 있고, 당연한 듯이 방송사나 회사가 제공하는 Gadget과 Widget이 웹서비스를 통해 데스크탑 한 구석에서 동작하고 있습니다. 10년 전에 만들어진 AJAX라는 웹 기술이 오늘날 UX향상을 위해 대부분의 웹사이트에 자연스럽게 녹아 들었고 AJAX를 이용하는 포탈 검색 박스의 키워드 추천 서비스가 언제부터인가 사용자에게 많은 정보를 추가적으로 제공합니다. 모두 UX가 우리의 디자인과 웹의 사용 방법을 바꾸고 있는 증거입니다.
우리들 디자이너들에게 있어서 이러한 기술과 UX의 “변화”는 작게는 며칠간의 고민이고 크게는 무서운 “위기”이기도 합니다. 변화와 기회, 그렇습니다. 우리의 주변에서 생겨나는 많은 변화는 우리 디자이너들의 작업 패턴과 협업 방식을 바꾸고 더 많은 것을 우리에게 요구하고 있습니다. 아니, 지속적이고 적극적인 UX 향상을 우리 모두에게 요구하고 있는 것입니다. 이것이 바로 UX의 필요성입니다.
자, UX의 필요성과 중요성에 대해서 간략히 말씀 드렸습니다. 그렇다면, 어떻게 해야 이러한 추가적인 작업과 디자인적인 향상이 필요한 UX를 좀더 쉽고 편하게 구현이 가능할까요? 그리고, 우리의 창조물이 표현되는 그곳, 웹에서 어떻게 사용자의 UX를 향상 시킬 수 있을까요?
그 대답은 바로 웹의 확장 기술, RIA(Rich Internet Application)기술과 UX 기술의 접목입니다.
3. 웹 확장 기술(RIA)과 디자인
저는 이 글을 통해 향상된 UX를 제공하기 위한 웹의 확장 기술(RIA)을 여기에서 소개해 드리려 합니다. 다음 세대의 웹과 웹을 확장하는 기술 RIA가 바로 오늘날 UX를 향상 시키기 위한 최선의 방안이라고 생각하기 때문입니다. 하지만, 오늘날 우리가 보고 있는 웹의 RIA 기술을 구현하기 위해서는 많은 어려움이 있었습니다. 디자이너의 디자인과 프로세스, 개발 과정은 모두 다른 독립적인 디자인 환경, 개발환경, 인터렉티브 디자인 환경이 상이한 기술과 제품으로 구성되어 있었기 때문에 모든 솔루션을 구현하기 위한 절차가 지속적으로 부드럽게 연결되지 못하고 기술과 제품이라는 벽에 막혀 디자이너의 디자인을 모두 해체한 후 개발자나 인터렉티브 디자이너가 다시 조립하는 특수한 형태로 구현이 되어야만 했습니다. 또한, 개발자 측면에서는 각각 새로운 개발 언어와 새로운 표현(Presentation) 기술을 습득해야 했기 때문에, 개발자와 디자인 측면에 넘을 수 없는 벽이 존재했고 디자인과 개발의 단절이 심화 될 수 밖에 없었습니다. – 이에 대한 솔루션으로 Microsoft는 디자이너와 개발자간 협업과 지속적인 솔루션 구현 작업을 위한 제품, 그리고 RIA 기술 플랫폼을 발표하게 되었습니다.
4. Microsoft가 제안하는 다음 세대의 웹 확장 기술인 Silverlight과 Expression.
Microsoft에서는 향상된 RIA 플랫폼인 Silverlight을 발표했으며, 더 빠르고 쉬운 디자인 작업을 위한 디자인 솔루션을 발표 했습니다.
Expression 제품과 Silverlight을 통해 다음과 같은 웹 솔루션을 직접 생성할 수 있습니다.
Silverlight Airline 서비스
http://delay.members.winisp.net/SilverlightAirlinesDemo/
Silverlight HD 고화질 미디어 서비스
http://silverlight.net/fox/
이러한 다양한 웹 솔루션을 Silverlight과 Expression 제품을 이용하시면 손쉽게 구현 하실 수 있습니다. 다음 글을 통해 Silverlight과 Expression으로 RIA 솔루션을 구현하는 방안에 대해서 소개해 드리도록 하겠습니다.
감사합니다.
|
|