[h9]contextual design workmodels_120627

25
Contextual Design work models Created by H9 UX Team 2012.06.26

Upload: -

Post on 16-Apr-2017

830 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: [H9]contextual design workmodels_120627

Contextual Designwork models

Created by H9 UX Team 2012.06.26

Page 2: [H9]contextual design workmodels_120627

2SKT TSLN UI GUIDELINES |

Work Model 이란 ?Contextual Design / Work Models

Work Model 은 각기 다른 사용자들의 역할에 초점을 맞추어 그들이 커뮤니케이션하고 업무를 잘 수행할 수 있도록 조정하는 방법이다 .

복잡한 정성 데이터를 관리하는 방법으로 , 정리를 통해 업무모델들은 어피니티 다이어그램과 함께 프로젝트의 대상이 되는 사용자 집단의 특성에 대해 구체적으로 설명해줄 수 있다 .

Contextual Inquiry

Work Modeling Consolidation Work

RedesignThe User Environment Design

Prototyping and Implementation

Work Modeling 은 Contextual Design Process 의 두 번째 단계

“ 사용자의 업무 또는 활동의 구조를 기록한 다이어그램”

Page 3: [H9]contextual design workmodels_120627

3SKT TSLN UI GUIDELINES |

Why ?Contextual Design / Work Models

복잡한 정성적 데이터 관리이후 프로세스를 위한 밑거름외부적 커뮤니케이션 도구

정리 Tool

전략도출커뮤니케이션

Page 4: [H9]contextual design workmodels_120627

4SKT TSLN UI GUIDELINES |

Work Models 의 종류Contextual Design / Work Models

FLOW ModelDirection of communication and

coordination

SEQUENCE ModelDetailed sequence of work steps

ARTIFACT ModelPhysical objects that support the

work CULTURE Model

External influencesPHYSICAL Model

Layout of the work environment

사람들 간에 역할과 협력이 어떻게 나눠지고

이뤄지는지에 대한 흐름

업무가 이뤄지는 순서를 기능별로 단계적으로 표현하여 공통적인 구조 파악

업무를 수행하면서 사용되는 도구이거나 업무에

영향을 미치는 주변 사물 ( 컴퓨터 속의 가상도구도 포함 )

작업 환경에서 사용자에게 영향을 끼치는 외부적

요소의 관계도

사용자 업무에 영향을 끼치는 외부 실제 / 물리적 환경의

관계도

Page 5: [H9]contextual design workmodels_120627

5SKT TSLN UI GUIDELINES |

FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

사람들 간에 역할과 협력이 어떻게 나눠지고 이뤄지는 지에 대한 흐름Direction of communication and coordination

무엇을 보여주나 ?- 하나의 역할을 중심으로 그와 커뮤니케이션 하는 관계자들 , 중간에 이용되는 - 도구와 그 인터랙션에서 나타나는 장애물 등을 한 눈에 보여줌

무엇을 알 수 있나 ?- 사람들의 역할 , 핵심 업무 그룹 , 필요한 정보 , 핵심 활동 , 커뮤니케이션 패턴 ,

업무 프로세스 흐름 등을 알 수 있음- 전체적 흐름의 구조 속에서 발생하는 장애물을 찾아내고 그것을 해결함으로써 전략적인

기회를 도출해 낼 수 있음

∙ 구성요소

관계역할3

중심역할

관계역할1

관계역할2

인터랙션

인터랙션

인터랙션

인터랙션인터랙션

도구

인터랙션

장애물

인터랙션

도구

도구도구

Contextual Design / Work Models / Flow Model

∙ 정의

Page 6: [H9]contextual design workmodels_120627

6SKT TSLN UI GUIDELINES |Contextual Design / Work Models / Flow Model

작성 순서1) 중심 역할 설정하기2) 중심 역할과 커뮤니케이션 하는 관계자 설정하기3) 역할들 사이에서의 인터랙션 내용과 사용되는 도구를 적는다4) 과정상의 장애물을 적는다

∙ 예시워크모델 스터디 자료 만들기

FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

김수정인턴

최우식팀장

김경수선임

작업에대한 질문

관련자료요청

관련자료전달

Work Model 스터디자료 만들기

기존리서치자료공유함

파일

거리가 너무 멀다PDF 파일

기존리서치자료공유 요구아이디어회의

나( 우유리 )

팀장님의바쁜 스케줄

관련자료전달

Page 7: [H9]contextual design workmodels_120627

7SKT TSLN UI GUIDELINES |Contextual Design / Work Models / Sequence Model

무엇을 보여주나 ?- 어떠한 작업 단계를 이끄는 계기 , 진행을 위해 취하는 행동과 그것이

목표하는 의도 , 그 시점에서 발생할 수 있는 장애물을 보여줌

무엇을 알 수 있나 ?- 각각의 행동단계에 대한 정리된 모델- 행동 유발의 계기와 의도 찾기- 발생하는 장애물을 극복하는 방법을 모색하며 전략 도출

프로젝트에 적합한 세부 사항의 수준 알기- 업무단계 : 사용자의 행동을 이해하는 데 포커스를 둘 때- 사용자인터페이스단계 : 어떤 툴의 사용상을 보려고 할 때 - 프로세스단계 : 사용자의 역할을 보려고 할 때

프로젝트의 포커스에 맞춰 세부사항의 적절한 수준을 결정해야 함 .

- 프로세스에서 직무와 연관된 모든 단계를 기록한다 ( 행동 , 공동 작업 , 토론 , 결정 단계 등 )- 모든 세부사항을 기록한다 ( 일어난 일 , 이용된 실제 물건 , 이동한 장소 , 사용 제품 , 대화 주제

등 ) - 장애요소 및 시퀀스 전환 시점 등을 모두 기록한다- 내부적인 계기 , 개별단계들의 의도 모두 파악하여 기록

FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

업무에서 중요한 각 작업을 수행하기 위해 세부 단계를 기능별로 단계적으로 표현하여 프로세스를 향상시킬 수 있는 구조 파악Detailed sequence of work steps

∙ 정의

장애물(Break-down)

의도(Intent)

행동단계행동 (Action)

행동 (Action)

행동 (Action)

행동 (Action)

행동 (Action)

- 사용자가 직무 또는 특정한 단계를 시작하도록 촉진하는 상황- 계기는 항상 시퀀스의 출발이 됨

- 왜 그들은 특정 단계에서 그런 행동을 했는가- 사용자가 직무나 특정 단계를 행하는 의식 / 무의식적 이유- 의도를 더 많이 정의할 수록 더 좋은 결과물을 도출해 낼 수 있음

- 사용자의 뜻대로 되지 않은 것- 사용자의 과업 완수 및 의도를 방해하는 것

계기(Trigger)

∙ 구성요소

Page 8: [H9]contextual design workmodels_120627

8SKT TSLN UI GUIDELINES |Contextual Design / Work Models / Flow Model

작성 순서1) 분석하고자 하는 세부시점을 정의한다 2) 프로세스가 진행되는 단계를 기록한다3) 단계에서 나타나는 의도와 장애물을 기록한다

∙ 예시워크모델 스터디 자료 만들기

FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

의도 : 워크모델링 방법론에 대한 내용을 UI 팀과 함께 공부를 한다계기 : 다양한 방법론에 대한 공부가 부족한 시점구글에 워크모델 검색의도 : 워크모델이 어떤 내용인지 파악하기 위해 검색엔진을 이용

검색 결과 선택선택된 자료 내용 파악장애물 : 영어자료가 대부분 . 해당 자료에 대한 검증을 받을 수 없음

자료를 수집함내용을 선별할 계획을 세움의도 : 방대한 내용을 이해할 수 있는 문서로 만듬장애물 : 어떤 기준으로 어떤 범위까지 설정해야 하는지에 대해 모름

경수선임님을 부름의도 : 진행방향에 대한 검증과 조언을 받음경수선임님의 조언과 자료를 얻음의도 : 정리하는 방법에 대한 가이드를 제시

받은 자료를 읽음의도 : 진행중인 문서를 교정함자료를 문서에 정리 함

U1제목 : 워크모델 스터디 자료 만들기 6/27

시퀀스 #1 페이지 1-1

Page 9: [H9]contextual design workmodels_120627

9SKT TSLN UI GUIDELINES |Contextual Design / Work Models / Artifact Model

∙ 정의업무를 수행하면서 사용되는 도구이거나 업무에 영향을 미치는 주변 사물 ( 컴퓨터 속의 가상도구도 포함 )Physical objects that support the work

무엇을 보여주나 ?- 사용자가 무엇과 인터랙션 하는지 설명

무엇을 알 수 있나 ?- 시퀀스 모델의 부족한 부분을 보충 ( 사람의 의도나 단계적 행동 분석에 초점을 맞추고 있기 때문 )- 행동 유발의 계기 및 문제점 발견

∙ 구성요소FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

Page 10: [H9]contextual design workmodels_120627

10SKT TSLN UI GUIDELINES |Contextual Design / Work Models / Artifact Model

< 방법 >- 사용 의도와 용법- 아티팩트 사용 전 후 맥락 파악- 장애요소 확인

1. 사용자 코드와 번호 , 진행한 날짜를 작성한다2. 주로 사용되는 부분들과 사용되지 않는 부분들을 구분한다3. 공식적인 면 , 비공식적인 면 모두에서 각 부분들에 대한 정보의 구조를 나눈다4. 사용상 특이한 점을 기록한다 ( 업무를 돕거나 방해하는 부분들 )

5. 아티팩트로 인해 표시된 정보나 입력된 데이터는 어떻게 이용되는가 ?

6. 사물에 나타나는 업무 특징들을 파악한다 ( 아티팩트의 명시적 용도 )

7. 다른 업무나 직무에서는 어디에 이용되는가 ?

8. 사용자가 아티팩트의 특정 부위에 가치를 두는 이유 ( 의도 ) 는 무엇인가 ?

9. 아티팩트를 이용해 어떤 상위의 목적을 달성할 수 있는가 ?

10. 아티팩트를 사용할 때 나타나는 장애물을 기록한다

Our Perspective : Articles http://incontextdesign.com/articles/beyond-the-tower-of-babel/

FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

Page 11: [H9]contextual design workmodels_120627

11SKT TSLN UI GUIDELINES |Contextual Design / Work Models / Sequence Model

작성 순서1) 업무를 수행하면서 사용하거나 영향을 받은 물건 보여준다2) 각각의 이름을 적고 아티팩트의 특징이나 어떻게 사용했는지 어디에

활용했는지 , 또는 의도를 서술한다3) 아티팩트를 사용하면서 사용자가 업무를 수행하는데 방해를 겪게 되는

장애물을 기록한다

∙ 예시Work Model 문서를 작성하기 위한 업무를 진행하는 과정 중에 사용한 물건이나 참고한 자료들

FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

Google 검색엔진

파워포인트문서작성 Tool

펜종이참고자료

구글 검색 엔진을 통해서 Work Model 에 관한 자료 검색

파워포인트 프로그램을 이용해서Work Model 에 관한 자료 정리

종이와 펜으로 문서 작성 계획을 세움

Work Model 에 관한 참고자료를 통해정보를 습득하고 자료 정리

충분한 종이가 준비되지 않음

밝은 색깔의 펜이 없어 참고자료에 하이라이트를 해도 보이지 않음

Page 12: [H9]contextual design workmodels_120627

12SKT TSLN UI GUIDELINES |Contextual Design / Work Models / Cultural Model

개인 그룹 조직∙ ∙Individual∙Group∙

Organization

문화적 이슈Cultural issues

내부적 요인Internal factors

외부적 요인External fac-

tors

사용자User

∙ 정의작업 환경에서 사용자에게 영향을 끼치는 외부적 요소의 관계도External influences

무엇을 보여주나 ?- 개인 , 그룹 또는 조직에 대한 영향- 법률과 규정 같은 외부적 요인 또는 내부 정책적인 영향력- 조직 , 가정 또는 지역적 위치 내에 존재하는 문화적 이슈

무엇을 알 수 있나 ?- 업무와 사용하는 도구에 관한 사람들의 감정을 간파하는 통찰 제공- 발생하는 장애물을 통해 개선할 수 있는 기회 발견

∙ 구성요소FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

Page 13: [H9]contextual design workmodels_120627

13SKT TSLN UI GUIDELINES |Contextual Design / Work Models / Cultural Model

UI부서김경수선임

김수정인턴나

( 우유리 )

Contextual Design & 정성적 데이터 분석

최우식팀장

Design

작성 순서1) 파악하고자 하는 중심역할을 지정한다2) 영향을 끼치는 맥락에 대한 거시적인 구분을 짓는다 . 3) 거시적으로 구분한 내용에서 구체적인 내용을 나눈다4) 세부 내용이 어떠한 영향력을 주는지 기록한다

∙ 예시FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

WORK : H9

Trend

IT문서작성을 위한다양하고 편리한 TOOL 개발

Life style

환 공포증

영어공부 자료해독방해

문서작성방해

올바른 작업 진행방향 제시

워크모델 스터디 자료 만들기

Page 14: [H9]contextual design workmodels_120627

14SKT TSLN UI GUIDELINES |Contextual Design / Work Models / Physical Model

장소모델Site model

업무현장 모델Workplace model

∙ 정의사용자 업무에 영향을 끼치는 외부 실제 / 물리적 환경의 관계도Layout of the work environment

무엇을 보여주나 ?- 업무 수행간 공간의 영향과 이용방식 확인

무엇을 알 수 있나 ?- 사용자의 자연스러운 업무 흐름 / 패턴 발견- 물리적 환경에서 기회와 장애물 확인

방법- 물리적인 환경을 자세히 기록- 업무에 영향을 주는 업무현장의 모든 특징- 업무를 조직화하는데 공간이 어떻게 이용되는지 암시하는 것들- 아티팩트와 사물의 위치정보가 되는 것들- 사용자가 자주 사용하기 때문에 손이 잘 가는 곳에 두는 것들

∙ 구성요소FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

Page 15: [H9]contextual design workmodels_120627

15SKT TSLN UI GUIDELINES |Contextual Design / Work Models / Physical Model

작성 순서1) 플립차트 페이지 맨 위에 사용자 코드와 번호를 적는다2) 공간을 정의하는 물리적 구조를 그린다3) 사용자가 업무를 수행하면서 활용하는 디지털 또는 아날로그 도구들을

포함한다 ( 하드웨어 , 소프트웨어 , 온라인자료 , 팩스 , 전화 , PDA

등 )

4) 공간에서 사용자의 움직임을 선으로 그려서 표시한다 ( 패턴 )

5) 업무에 이용되는 모든 사물 또는 사용자가 구분해놓은 기타자료들을 확인한다 (손쉽게 뺄 수 있는 책 , 벽에 붙여둔 리스트 , 미팅을 표시한 달력 등 )

6) 공간을 이용하면서 관련된 장애물을 기록한다7) 공간과 공간을 세팅하는 방법 , 그 의도까지 기록한다 ( 공간이 어떻게

이용되고 사용자 조직의 의도는 무엇인지 모델에 주석으로 달아둔다 )

∙ 예시FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

회의실

박준범

회의실

권진환송상협신현준 전상희우유리

여자화장실

남자화장실

김은지김경수테이블최우식

배윤찬 서가람박세은정은교임용대 박진원김정호

전제환김요셉 이진호이원경이은택조현철 김수정

서버실

박제훈

너무 멀다

워크모델 스터디 자료 만들기

Page 16: [H9]contextual design workmodels_120627

16SKT TSLN UI GUIDELINES |

Tea making host http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/341/168

Contextual Design / Work Models / Flow Model

FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

Page 17: [H9]contextual design workmodels_120627

17SKT TSLN UI GUIDELINES |

Administrative assistant to undergrad program in school X http://rachelhungerford.com/contextual.html

Basic structure of finding on website http://incontextdesign.com/articles/beyond-the-tower-of-babel/

Contextual Design / Work Models / Flow Model

FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

Page 18: [H9]contextual design workmodels_120627

18SKT TSLN UI GUIDELINES |Contextual Design / Work Models / Sequence Model

FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

Page 19: [H9]contextual design workmodels_120627

19SKT TSLN UI GUIDELINES |Contextual Design / Work Models / Sequence Model

http://rachelhungerford.com/contextual.htmlhttp://www.coroflot.com/tyler_a_mohr/contextual-research

Before you go shopping http://incontextdesign.com/articles/beyond-the-tower-of-babel/

FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

Page 20: [H9]contextual design workmodels_120627

20SKT TSLN UI GUIDELINES |Contextual Design / Work Models / Artifact Model

Contextual Research http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/341/168Our Perspective : Articles http://www.coroflot.com/tyler_a_mohr/contextual-research

FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

Page 21: [H9]contextual design workmodels_120627

21SKT TSLN UI GUIDELINES |Contextual Design / Work Models / Artifact Model

Isaac Salier – Hellendag http://www.is-h.org/portfolio/bearlist/Contextual Design http://www.interaction-design.org/encyclopedia/contextual_design.html

Project Space http://dominantprimordialbeast.blogspot.kr/2012/03/contextual-inquiries-affinity.htmlContextual Inquiry and Interviews – Brian Bailey

FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

Page 22: [H9]contextual design workmodels_120627

22SKT TSLN UI GUIDELINES |Contextual Design / Work Models / Cultural Model

Our Perspective : Articles http://incontextdesign.com/articles/beyond-the-tower-of-babel/Project Space http://dominantprimordialbeast.blogspot.kr/2012/03/contextual-inquiries-affinity.html

Social Interaction Design in Cultural Context http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/341/168

FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

Page 23: [H9]contextual design workmodels_120627

23SKT TSLN UI GUIDELINES |Contextual Design / Work Models / Physical Model

Contextual Research http://www.interaction-design.org/encyclopedia/contextual_design.html

Our Perspective : Articles http://incontextdesign.com/articles/beyond-the-tower-of-babel/

FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

Page 24: [H9]contextual design workmodels_120627

24SKT TSLN UI GUIDELINES |Contextual Design / Work Models / Physical Model

Contextual Research http://www.coroflot.com/tyler_a_mohr/contextual-researchSocial Interaction Design in Cultural Context http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/341/168

FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model

Page 25: [H9]contextual design workmodels_120627

25SKT TSLN UI GUIDELINES |Contextual Design / Work Models / Physical Model

[컨텍스트를 생각하는 디자인 ]캐런 홀츠블랫 , 제서민 번스 웬들 , 셸리 우드 저 | 팀인터페이스 역 | 2008

FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model