Web User Interface & Usability의 모든것

소개글

Web User Interface & Usability의 모든것에 대한 보고서 자료입니다.

목차

1. UI 디자인이란

2. UI 디자인이 왜 필요한가
개발자 중심에서 사용자 중심으로의 변화
- 고성능 PC의 보급
- 개발 생산성 향상
- 비용절감에 대한 압력 증가
- User Interface Design적인 해결의 필요성

3. UI 디자인의 기본 이론
1).메타포
2).직접조작(Direct Manipulation)
3).보고 선택하기(See-and Point)
4).반응과 대화(Feedback and Dialog)
5).관대함(Forgiveness)
6).미적 완전함(Aesthetic integrity)
7).사용자에 대한 이해
8).접근 가능성(Accessibility)
9).조직성
-일관성(Consistency)
-안정성(Perceived Stability)
-Navigability
10).경제성
-간결성(Simplicity)
-명료성(Clarity)
11).의사소통성
12).장애인을 위한 디자인 원칙
기법

4.웹사이트에서의 UI디자인 체크리스트
1)Business Goals
2)User Goal
3)정보의 향기
4)링크의 품질
5)링크구성
6)페이지 레이아웃
7)그래픽
8)사이트 구성
9)사이트 상의 검색엔진

5.사용성(Usability)을 고려한 웹 사이트 기획하기
1)사용자들로부터 데이터 수집하기
2)프로토타입 (Prototype) 제작
3)자료수집, 컨텐츠 제작 및 편집
4)사용성 테스트 수행
5)사이트의 지속적인 관리

UI 디자이너 VS 클라이언트

본문내용

겠지요?
웹사이트나 시스템을 통해 고객의 정보를 쉽게 정리하고 이용, 관리 할 수 있다는 것은 매우 합리적인 목표이다. 그러나 이를 위해 사이트 또는 시스템의 모든 구성이 기업내의 관리체계 또는 조직체계와 동일하게 구성되어져서는 안된다. 더욱 중요한 것은 이제 사용자들은 Interaction이 없는 사이트나 시스템은 사용하고 싶어하지 않는다는 것이다.
웹사이트나 고객용 시스템을 만드는 궁극적인 목적은 ‘고객의 만족’이며 이를 통해 모든 매출이 발생되어야 한다. 이를 위해 UI디자이너는 사이트나 시스템 내에서 사용자가 접하는 서비스는 철저하게 사용자들의 사고나 행태에 의해 구성되어져야 함을 고객에게 설명해야 한다. 사용자들이 동일하게 생각하는 서비스는 기업내 관리조직 구성과 관계없이 일관성을 가지고 구성되어야 하며, 이를 관리자들이 좀더 편리하게 접근하고자 한다면 또 다른 해결방법을 찾아야 한다. 더군다나 웹사이트나 시스템을 통해 담당자가 편리해지는 이유는 불필요한 작업을 줄인 결과이지, 결코 사용자들과의 Interaction에 필요한 관리업무의 소홀을 의미하는 것이 아님을 명확히 해야 한다.
2.이 사이트 내에서 우리회사를 충분히 알리고 홍보해서 간접적인 광고효과를 누렸으면 좋겠습니다.
클라이언트의 요구의 대다수는 사이트의 웹 브로슈어화를 기대한다. 그러나 이러한 요구는 사이트나 시스템 내 Business Goal과 User Goal 사이의 매우 현격한 차이를 발생시킨다.
UI디자이너는 이러한 고객의 요구에 간단한 사용성 테스트 등을 통해 사용자들의 반응을 직접 보임으로써 사이트에 대한 나쁜 이미지가 기업홍보나 매출에 얼마나 직접적인 영향을 미치는가를 증명할 수 있다. 주어진 과제(태스크)없이 실시하는 자유 테스트에서 클라이언트가 중요하게 생각했던 ‘사장님 인사말’ 과 ‘회사가 걸어온 길’ 그리고 ‘경영방침’ 등을 사용자들이 얼마나 많이 클릭하는가? 혹시 오히려 이러한 메뉴가 자리를 차지하게 때문에 사용자가 관심있어하는 다른 메뉴가 하부로 내려간 것에 대해 불평하지는 않는가?
항상 사이트나 시스템은 주 타겟사용자가 누구인가를 명확하게 설정하고, 그에 따라 구성되어야 한다. 위의 예는 관심있는 타사용자를 위해 투자자코너 등으로 따로 제공되는 것이 좀더 효과적임을 설득해야 하는 것이다.
3.우리는 다섯번 결재를 올려야 상품이 출고되므로 입력화면을 다섯개 만들어야 겠는데요. 지금까지의 업무프로세스와 웹사이트로 하는 업무가 같은 것이 당연하지 않은가요?
A쇼핑몰 사이트는 구매를 위한 양식작성, 결재와 확인, 완료의 과정이 매우 길다. 게다가 한번 입력한 이름, 주민등록번호, 전화번호 등을 재입력해야 하는 화면도 있다. 사용자들은 구매의 과정이 긴 것도 못미더울 뿐더러 여러 번 같은 내용을 입력하는데 대해 불만이 대단하다. 이러한 웹페이지들이 만들어지게 된 근본적인 배경은 Off-line상의 업무 프로세스를 그대로 웹사이트로 옮겨 놓았기 때문이다.
UI디자이너는 인터넷의 특수성을 구체적으로 설명할 수 있어야 한다. 인터넷은 사용자에게 매우 손쉽고 빠른 매체이지만, 동시에 사용자들의 인내심도 부족하고 경쟁도 치열하다. 문서상으로 행해지던 반복되는 조작행태를 인터넷 사용자들은 매우 불만족해 한다. 좀더 간단한 조작으로 편리하게 사용되어지는 사이트를 위해서 인터넷 사용자들의 조작 행태를 그대로 반영한 매우 심플한 프로세스가 구축되어야 하는 것이다. 이를 위해서는 다양한 타입의 UI설계에 의한 반복된 검증이 필요하다.
4.저 역시 사용자에 속하니까 제 의견도 반영되는 것이 당연하지 않습니까?
우리가 계속적으로 사용자의 행동과 참여를 강조하면 클라이언트는 이렇게 되묻는다. 클라이언트도 사용자임은 분명한 사실이나 사이트나 시스템의 주타겟 사용자가 아닌 특별한 사용자 집단이다. 클라이언트는 업무단(Back office)의 작업이 어떻게 움직이는지를 알고 있으므로 고객이나 잠재 사용자의 행동 양식이나 인지 방향과는 매우 다르게 행동할 수 밖에 없다.
사이트나 시스템은 사용자 중 극소수의 특별한 사용자 집단을 위한 것이 아니라 주타겟 사용자에게 맞춰 만들어져야 함을 강조해야 한다. 특히 서비스를 어떻게 제공할 것인가에 맞춰진 클라이언트의 의견은 그 서비스를 사용하려고 하는 일반 사용자와는 매우 다른 접근 방식을 가지고 있음을 다시 한번 이해시켜야 한다.
위와 같은 기본적인 대응방안을 가지고 클라이언트와 대화함을 기본으로 하면 좀더 쉽게 UI를 이해시킬 수 있으리라 생각한다. 그러면 웹사이트 디자인 과정 중 각 단계에서 UI디자이너가 중점을 두어 고려해야 하는 요소는 무엇일까?
클라이언트의 잦은 간섭이나 통제에 의해 일정이 늦어지고 작업이 힘들게 진행되는 듯한 느낌을 받는 경우도 있다. 그러나 일반적으로 각 단계에서의 클라이언트와의 잦은 커뮤니케이션은 오히려 처음부터 다시 작업을 하게 되는 리스크를 줄여주는 역할을 하는 것이 사실이다. 특히 프로젝트 초기에는 클라이언트의 의견이 매우 중요하다. 아무리 UI전문가나 디자이너의 분석이 뛰어나더라도 몇년 혹은 몇십년간 그 업무를 다뤄온 사람보다 업무전문지식이 부족한 것은 당연하기 때문이다.
실제 작업이 진행될수록 UI디자이너의 비중은 커진다. 업무의 이해와 전체 사이트의 방향, 그리고 차후의 계획에 대한 충분한 대화가 이루어졌다면, 그 이후부터 프로젝트가 끝날 때까지는 UI디자이너의 실력이 십분 발휘되어야 한다. 무조건 주장하거나 수용하기보다는 끊임없는 클라이언트와의 인터뷰를 시도하고 적용하여야 하며, 항상 사용자를 대변하는 입장에서 목소리를 높여야 한다. 그리고 이런 작업을 할 때 주장만을 고집하는 것이 아니라 사용성에 대해 여러가지 객관적인 자료를 가지고 설득하는 것이 UI디자이너의 자리매김을 확고히 할 수 있는 가장 중요한 방법이다.
쉬운 예로, 클라이언트의 역할이 명료한 방향제시가 아닌 통제일 뿐이라고 느껴지는 위험한 경우라면 Back data를 보유하는 방법이 매우 효과적이다. UI를 고려하여 새로 디자인된 임의의 한 Flow를 이전 버전과 함께 비교 제시한다면 매우 가시적이면서도 명료하게 클라이언트를 이해시킬 수 있을 것이다.

키워드

ui,   user interface,   Usability,   웹사이트 기획서,   웹디자인,   웹 기획