태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.
NterPlan 블로그에 오신것을 환영합니다^---^ NterPlan
Wayne Shin의 기획 딴쭉걸기
: 위치로그 : 미디어로그 : 태그 : 방명록 : 관리자 : 새글쓰기
보이기/숨기기 가능합니다^^
딴죽거는세상 (143)
딴죽걸어보기 (28)
딴 세상 이야기 (10)
일탈 (81)
또 다른 세상으로의 도전 (23)
보이기/숨기기 가능합니다^^
'UI설계'에 해당되는 글 2건
화면설계, 스토리보드, UI기획(UI설계)...그리고 GUI
딴죽걸어보기 | 2008/01/25 15:49
한번은 후배가 질문을 한다.

"왜 같은 문서를 가지고 서로 다른 이름을 쓰죠? 화면설계, 스토리보드, UI기획(설계)..."

나는 되물었다.

"그럼 화면설계와 스토리보드와 UI기획은 각각 어떻게 하는거니?"

후배는 대답한다.

"각각 어떻게 할게 있나요? 똑같죠. 컨텐츠(또는 DB)배열, 배치하고 화면이 넘어가는 흐름(프로세스)대로 그리면 되죠."

===================================================================================

한번은 프로젝트에 투입되었는데 고용된 회사 사장님이 말씀하신다.

"이번에 투입되는 서브기획자는 스토리보드 하나는 끝내주게 잘 그립니다.디자이너 출신이거든요"

나는 대답했다.

"넵."

뭐, 스토리보드 하나는 끝내주게 잘 그리는 친구를 넣어준다는데 무슨 말이 필요하겠는가...

===================================================================================

화면설계, 스토리보드, UI기획...

같은 업무일까? 같은 문서일까?

대답은...

'다른 업무요, 동일 문서일 수도 있으나 다른 문서이다" 이다.

1. 화면설계

보통 화면설계는 스토리보드와 동일 시 하는 경향이 있다.

그러나 그 기능은 분명히 다르다.

화면설계는, 화면을 설계 하는 사람(기획자건 프로그래머건 디자이너건)이 해당 사이트의 분석 결과를 화면으로 옮기는 결과물이다.

예를 들어보자.

가령 쇼핑몰일 경우

이벤트를 띄우는 경우, 특정상품군을 띄우는 경우 또는 여러 상품을 띄우는 경우와 같이 end user에게 가장 잘 어필해야 하는 컨텐츠군을 뽑아내어 정의 한다.

이 경우, 화면설계자는 쇼핑몰이 가지고 있는 컨텐츠(또는 DB)를 분석해야 한다.

더불어 어떠한 서비스를 할지 결정을 내려야 한다.

가장 많이 찾는 상품군은 어떠한 것이며, 회사차원에서 프로모션할 상품군은 무엇인지를 찾아내어 노출해야 한다.

때로는 회사가 가지고 있는 컨텐츠(또는 DB)중 사이트에는 노출되지 않고 있는 컨텐츠를 찾아내서 상품의 가치가 있는지 아니면, 사장시켜버려야 하는지를 판단해야 할 때도 있다.

ISP사업에서 특히나 이런 경우들이 많이 발생한다.

복잡다양한 카테고리를 구성하고, 그 안에 수많은 자료를 가지고 있다보면 정작 end user가 원하는 자료는 찾아보기 힘들거나 아예 노출이 안되는 경우도 발생한다.

따라서, end user에게 정확한 정보 전달의 실패가 일어나지 않도록 설계자는 분석에 의한 판단이 절실히 필요하다.

2. 스토리보드(Storyboard)

흔히 스토리보드는 화면에서 보여지는 그대로 그려진다고 생각을 한다.

50%짜리 정답이라고 생각한다.

스토리보드를 그리기 전에 설계자는 요건정의서, 기능정의서, 화면설계서 그리고 뒤에 얘기할 UI설계서를 파악해야 한다.

어느 화면에 어떠한 컨텐츠와 어떤 기능이 담겨야 하는지를 알고 있어야 한다.

하다못해, '글쓰기 버튼'이 늘상 리스트 하단에만 박혀 있어야 할 필요는 없다.

때로는 sorting기준에 따라 50줄이나 100줄이 나올수도있는 리스트 화면도 존재할 수 있다.

이럴 때는 스크롤 바가 이미 한 없이 내려가 있을 수도 있다.

만약, end user가 상단 1,2줄의 리스트만 확인하고 글쓰기를 원하다면 한없이 하단으로 스크롤바를 내려야만 할까?

리스트가 20줄, 30줄 이상일 때는 상단에도 '글쓰기 버튼'이 존재한다면 end user로써는 스크롤바를 열심히 내려야 하는 불편함이 사라지기에 감사함을 느낄 수도 있다.

바로 이와 같은 고민이 병행되어야 할 문서가 스토리보드라 생각된다.

그러나 많은 설계자들이 너무 쉽게 스토리보드를 그려내고 있다. copy & paste...

3. UI기획(설계)

자아, 이 부분이 참으로 애매하다.

UI는 User Interface라는 걸 누구나 다 안다.

결국 같은거 아닌가??? 맞다. 의미상 분명히 같다.

그러나 UI설계는 화면설계를 기초하여 설계되어져야 한다.

예를 들어보자. 위에서 쇼핑몰을 예로 들었으니 이어서...

화면설계에서 이벤트, 특정상품군, 여러상품 또는 프로모션 상품을 메인에서 노출시켜야 한다고 정의를 내렸다고 치자.

센터 상단에 대한 UI설계를 할 경우, 이벤트가 들어가는 웹사이트와 특정상품군을 띄우는 경우 또는 여러 상품을 띄우는 경우와 같이 end user에게 가장 잘 어필해야 하는 컨텐츠군을 배치한다.

컨텐츠의 배치 결정을 내려야 하는 것이 UI설계단에서 이뤄져야 하는 가장 중요한 부분이다.

센터는 몇 단으로 쪼갤 것인가...

어필하고자 하는 상품은 센터의 상, 중, 하단 어느 곳에 배치할 것인가...


마지막으로 GUI

원래 GUI는 텍스트위주의 DOS체제 화면을 그래픽으로 전환하면서 나타났다.

이후, 서비스의 다양성으로 웹사이트 서비스에서의 GUI로 확대되기 시작했다.

결국 용어에서도 말했듯이 그래픽을 통한 end user의 시선과 마우스 움직임을 사로 잡을 수 있도록 하는 것이다.

가령 상품 A와 B를 센터 상, 하단에 배치 하였다고 치자.

실제 중요도는 A상품인데 B상품의 그래픽이 더 화려하게 시선을 잡아 끈다면

A상품의 노출 전략은 실패한 것이 되어 버린다.

따라서, GUI는 컨텐츠의 중요도를 파악하여 어떠한 그래픽 요소(색상, 이미지, 아이콘 때로는 소리, 영상 등)를 통해 노출을 할 것인가를 결정 지어야 한다.

===================================================================================

실무에서 뛰고 있는 나 역시 때로는 용어를 무시한 채 작업을 지시 하거나 직접 수행할 때도 많다.

때로는 화면설계, 스토리보드, UI설계를 하나의 문서에 통합하여 작업할 경우도 있다.

그러나, 그 의미를 알면서 진행하는 것과 알지 못하면서 하는 것은 분명한 차이가 있음을 알아야 할 것이다.
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 : Comment 1
위로
http://www.nterplan.com/trackback/36 관련글 쓰기
From. BlogIcon 주드 2008/02/04 14:24
PERMALINKDELETE/MODIFYREPLY
쇼핑몰 UI로 검색하다가 들어오게 됐네요. 좋은글 잘 보고 갑니다.^^
UI설계는 기획자의 몫???
딴죽걸어보기 | 2007/08/28 13:03
몇해 전에 기업데이터를 제공하는 모기업의 SI프로젝트를 진행한 적이 있었다.

그때, 고객이 가장 주안점으로 본 것이 바로 UI였다.
여기서 헷갈려서는 안되는 것이, 레이아웃, 디자인이 아니라는 점이다.

어떤 정보를 어느 위치에 배치하여, 사용자가 가장 쉽게 접근하여 가장 필요로 하는 정보에 도달할 수 있도록 할 것인가 하는 것이다.

나는 고객의 요구조건을 만족시키기 위해 제일 처음으로 한 작업은 컨텐츠 사용 통계치를 분석하는 것이었다.

워낙 많은 양의 정보를 제공하다보니, 그 많은 정보중에서 end-user가 가장 많이 보는 컨텐츠는 무엇을까를 찾아내서 노출시키기 위한 목적 이었습니다.

두번째 작업은 ERD를 분석하는 것이었다.

통계상 나타나지 않은 또 다른 컨텐츠가 존재하는지를 보기 위해서였다.

세번째 작업은 화면에 뿌릴 컨텐츠를 확정 짓는 일이었다.

네번째 작업은 큰 레이아웃을 잡고 컨텐츠 배열이었다.

그리고 디자이너에게 넘겨주었고 디자인상 배치가 어색한 것들에 대해서는 논의를 통해 완료 하였다.

우리는 UI 설계 시 컨텐츠(좀 더 정확하게는 데이터베이스와 컨텐츠)에 대한 것은 잊고 디자인접근성에만 너무 포커스를 맞추고 있는 것은 아닌가 하는 생각을 해본다.

UI는 사용자에게 편의를 제공하기 위한 설계라는 점을 감안해본다면, 디자인적인 레이아웃 UI공식 보다는 컨텐츠 제공적 UI 레이아웃 공식으로 접근하는 것이 더 맞지않나라는 생각을 해본다.

디자인적 레이아웃은 GUI에서 해결하면 될 테니까요...
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 : Comment 0
위로
http://www.nterplan.com/trackback/1 관련글 쓰기
이전 페이지
[1]
다음 페이지
NterPlan에서 바로 검색하세요 ^^
보이기/숨기기 가능합니다^^
«   2010/07   »
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
보이기/숨기기 가능합니다^^
Statistics Graph
RSSFeed