News and PR

웹 프로젝트를 수행하는 기획자, 디자이너, 개발자들이 빠르게 진화하는 웹 개발 기술 환경에서 모든 개발 기술을 습득할 수는 없으나, 웹 환경의 변화에 따른 최신 기술의 이해, 기본 지식을 쌓는 것도 최적의 웹 프로젝트를 완성하기 위한 하나의 성공 요소가 될 것이라 생각한다. 그 중 우리의 화두인, 사용자 경험을 주는 웹 프로젝트에서 적용 가능한 개발 기술에는 어떠한 것들이 있을까? 지난 3회에 걸쳐 사용자 경험에 대한 접근방법, 구현사례, 경험요소 등에 대해서 살펴보았고, 마지막 회를 통해서 사용자 경험 웹 사이트를 구축하는데 최근 적용되고 있는 개발 기술에 대해 살펴보도록 하겠다. 01. 사용자 경험 요소 02. 사용자 경험의 반영 03. 사용자 경험과 컨텍스트 04. 사용자 경험과 개발 기술 >> 풍부하고 향상된 사용자 경험을 제공하는 RIA(Rich Internet Applications) 웹에서 더욱 풍부한 사용자 경험을 가능케 하는 기술 트렌드로 RIA(Rich Internet Applications)가 자리잡고 있다. RIA는 보다 향상된 그래픽 사용자 인터페이스(GUI)를 제공하는 애플리케이션이다. 초창기에는 Rich Internet Applications였으나, 인터넷 뿐만 아니라 다양한 분야에서 인터렉티브한 애플리케이션을 개발할 수 있는 기술의 발전으로 Rich Interactive Applications로 강조되어 사용되고 있다. 고객이 보다 편리한 UI를 구현하기 위해 RIA 기술의 적용을 요구하고 프로젝트에 적용한다고 하여 그 프로젝트가 성공적이냐 라는 질문에는 꼭 그렇지만은 않다. 옛말에 과유불급(過猶不及)이라는 말이 있다. 너무 과하면 아니한 만 못하다. RIA 기술의 적용을 화려한 UI와 획기적인 기능 구현으로만 오인하고 과하게 프로젝트에 적용 시에 오류를 범할 수 있다는 점이다. 무엇보다 기업환경에 적합한 RIA 기술을 선택하고 효율적인 적용이 중요하다. 대부분의 RIA 기술의 단점 중 하나가 애플리케이션이 무거워진다는 점이다. 이러한 문제를 해결하기 위한 지원으로 끊임 없는 노력을 하고 있지만, 기업 환경을 고려하지 않을 수 없는 면이 있기도 하다. 또한 전체적인 프로젝트 구조를 설계할 수 있는 아키텍처가 되지 않는 한 결코 안정적이고 성공적인 프로젝트가 될 수 없다. > 기업들은 어떠한 목적으로 RIA를 도입하나. 그림 1. Firms Use RIAs for A Wide Variety of Purposes (Source : Forrester Research) RIA는 HTML에 비해 뛰어나고 정교한 사용자 인터랙션 구현이 가능하고, 데이터의 비주얼화, 연속성의 프로세스를 구현이 가능한 기술 제공으로 기업들이 선호하고 있다. 그림 2. RIAs Usually Meet Or Exceed Business Expectations (Source : Forrester Research) 기업들은 RIA의 적용을 통해 풍부한 어플리케이션이 그들의 비즈니스 목적을 달성하는데 비교적 많은 기대를 하고 있다. 그렇다면, RIA 기술에는 어떤 애플리케이션들이 있나? >> 디자이너 기반의 RIA 플랫폼, Adobe ‘Flex’ Flex는 오랜 세월 Flash를 기반으로 개발을 편리하게 할 수 있도록 개발된 플랫폼이다. Flash 또한 가장 쉽게 접할 수 잇는 RIA 개발 툴이다. 소프트웨어 안에서 드로잉이나 타임라인기반의 애니메이션 등 오브젝트를 그리고 제어 가능하다. Flex 또한 swf 확장자의 결과물을 가지나, Flex는 좀 더 개발자 중심으로 특화되어 있다. Flex는 컴포넌트 기반으로 작업을 하고, 컴포넌트는 Adobe에서 기본적으로 제공하는 컨포넌트를 사용할 수도 있고, 자신이 직접 만든 컨포넌트를 사용할 수도 있다. 이렇게 만들어진 컨포넌트를 기반으로 레이아웃을 잡고 배치하여 코딩하는 방식으로 만들어지기 때문에 개발자들이 좀 더 쉽게 개발 할 수 있다. Adobe사 사이트를 방문하면, 다양한 Flex 기술 적용 사례를 살펴볼 수 있다. 그림 3. Flex 기술 적용 사례 (http://flex.org/showcase/) >> 다양한 계층에 적용 가능한 Microsoft ‘Silverlight’ Microsoft는 오랜 세월 닷넷 기술을 발전시켜오면서 개발자 중심의 RIA 플랫폼을 제공하고 있다. 사용환경에 따라 Universal UX, Portable UX, Full UX로 구분하여 각각의 사용 환경을 오가며 사용자들에게 동일한 UX를 제공할 수 있다. Silverlight는 브라우저와 플랫폼을 가리지 않고 .Net 기반 미디어 환경을 지원하는 등 뛰어난 사용자 환경을 제공한다. Silverlight는 AJAX, Visual Basic, C#과 같은 .NET 언어를 지원하여 유연하고 일관성 있는 프로그래밍 모델을 제공하면 기존 웹 응용 프로그램에 통합이 가능하여, 개발자와 디자이너가 손쉽게 각자의 기존 기술과 도구를 사용하여 웹을 위한 미디어 환경 및 RIA를 개발할 수 있다. 또한 Silverlight 미디어 기능에는 Mac과 Window에서 실행되는 Firefox, Safari, Internet Explorer를 포함한 모든 주요 브라우저에서 고품질 오디오 및 비디오를 빠르고 효율적으로 제공하는 기능이 뛰어나 풍부한 그래픽과 미디어를 사용한 뛰어난 성능을 자랑한다. Microsoft사 사이트를 방문하면, 다양한 Silverlight 기술 적용 사례를 살펴볼 수 있다. 그림 4. Silverlight 기술 적용 사례 (http://silverlight.net/showcase/) >> RIA 시장 판도 변화 가져올 Sun ‘자바FX’ 2008년 12월 썬마이크로시스템즈는 웹 브라우저와 데스크톱용 미디어 콘텐츠 개발을 위한 새로운 RIA(리치 인터넷 애플리케이션) 플랫폼인 '자바FX 1.0'을 발표했다. 자바FX는 웹 개발자, 콘텐츠 작가, 비주얼 디자이너 등의 다양한 계층에 광범위하면서도 동시에 적용될 수 있으며, 데스크톱과 브라우저에서부터 모바일 디바이스, TV에 이르기까지 일상생활에 사용되는 모든 스크린의 풍부한 애플리케이션을 포함할 수 있도록 성능이 강화된 점이 특징이다. 자바FX의 여러 기술 가운데 자바 플랫폼의 드래그투인스톨(drag-to install)은 매우 혁신적인 기술로 꼽힌다. 이 기능은 사용자들이 각자의 브라우저에서 데스크톱으로 자바FX 애플리케이션들을 쉽게 드래그앤드롭(drag-and-drop)할 수 있게 해준다. 브라우저에서 작동하는 애플릿들을 직접 데스크톱으로 이동시킬 수 있으며, 인터넷 애플리케이션 및 콘텐츠를 간편하게 설치할 수 있다. 따라서 자바FX는 자바 개발자 및 웹 디자이너의 제작 기간을 현저히 단축시켜 주며, 그래픽과 비디오, 오디오, 애니메이션, 풍부한 텍스트를 통합시킨 애플리케이션 제작을 쉽게 만들어 준다. Sun사 사이트를 방문하면, 다양한 자바FX 기술 적용 사례를 살펴볼 수 있다. 그림 5. 자바FX Project Gallery (http://javafx.com/samples/) >> 마치며 4회에 걸쳐 ‘사용자 경험을 주는 웹 프로젝트’에 대한 몇 가지 주요 관점에서의 Insights를 글로 옮겨 보았다. 지금도 수많은 웹 개발자들이 보다 나은 사용자 웹 환경을 구현하기 위해 노력하고 있을 것이다. 최적의 사용자 경험을 주는 웹 프로젝트는 웹이 존재하는 한 늘 우리에게 화두가 될 것이고, 나 또한 고민하고 또 고민할 것이다. UX의 비전문가로, Insights를 던진다는 것이 쉽지 않은 일이지만, 위와 같은 노력을 하는 웹 개발자의 한 사람으로서 즐거운 시간이었고, 부족하나마 글을 읽어주신 분들께 감사드린다.