SlideShare a Scribd company logo
Created by H9 UX Team   2012.06.26
Contextual Design / Work Models                                                                                         SKT TSLN UI GUIDELINES |   2
Work Model이란?




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


                                                                                                        The User      Prototyping
                         Contextual      Work                                       Work
                                                             Consolidation                              Environment   and
                         Inquiry         Modeling                                   Redesign
                                                                                                        Design        Implementation



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




      Work Model은 각기 다른 사용자들의 역할에 초점을 맞추어 그들이 커뮤니케이션하고 업무를 잘 수행할 수 있도록 조정하는 방법이다.
      복잡한 정성 데이터를 관리하는 방법으로, 정리를 통해 업무모델들은 어피니티 다이어그램과 함께 프로젝트의 대상이 되는 사용자 집단의 특성에 대해 구체적으로 설명해줄 수 있다.
Contextual Design / Work Models                               SKT TSLN UI GUIDELINES |   3
Why ?




                                  복잡한 정성적 데이터 관리    정리 Tool

                                  이후 프로세스를 위한 밑거름   전략도출

                                  외부적 커뮤니케이션 도구     커뮤니케이션
Contextual Design / Work Models                                                                                                         SKT TSLN UI GUIDELINES |            4
Work Models의 종류

       FLOW Model                    SEQUENCE Model                        ARTIFACT Model                       CULTURE Model              PHYSICAL Model
   Direction of communication and
                                     Detailed sequence of work steps   Physical objects that support the work     External influences      Layout of the work environment
             coordination




                                                                        업무를수행하면서사용되는
  사람들간에역할과협력이                       업무가이뤄지는순서를기능별                                                               작업환경에서사용자에게             사용자업무에영향을끼치는외
                                                                              도구이거나업무에
        어떻게나눠지고                       로단계적으로표현하여                                                                영향을끼치는외부적                   부실제/물리적환경의
                                                                          영향을미치는주변사물
    이뤄지는지에대한흐름                          공통적인구조파악                                                                  요소의관계도                             관계도
                                                                          (컴퓨터속의가상도구도포함)
Contextual Design / Work Models / Flow Model                                                                 SKT TSLN UI GUIDELINES |   5
        FLOW Model              /      SEQUENCE Model   /   ARTIFACT Model     /   CULTURE Model        /    PHYSICAL Model

   ∙ 정의                                                               ∙ 구성요소

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

                                                                                     관계
                                                                                     역할       도구
                                                                                      1             인터랙션
                                                                                                                     인터랙션
                                                                                                              도구
                                                                                   인터랙션

                                                                                              중심                       관계
   무엇을보여주나?                                                             인터랙션
                                                                                              역할                       역할
                                                                                    인터랙션
   - 하나의역할을중심으로그와커뮤니케이션하는관계자들,중간에이용되는                                                                                   3
   - 도구와그인터랙션에서나타나는장애물등을한눈에보여줌                                                      도구
                                                                                                            인터랙션
                                                                                                   도구
   무엇을알수있나?                                                                           관계
                                                                                              인터랙션                 장애물
   - 사람들의역할, 핵심업무그룹, 필요한정보, 핵심활동, 커뮤니케이션패턴, 업무프                                       역할
     로세스흐름등을알수있음                                                                       2

   - 전체적흐름의구조속에서발생하는장애물을찾아내고그것을해결함으로써전
     략적인기회를도출해낼수있음
Contextual Design / Work Models / Flow Model                                                              SKT TSLN UI GUIDELINES |   6
        FLOW Model              /      SEQUENCE Model   /   ARTIFACT Model    /     CULTURE Model    /     PHYSICAL Model

   ∙ 예시

   워크모델 스터디 자료 만들기                                             최우식
                                                                팀장                   작업에
                                                                                     대한 질문

                                                                          팀장님의
                                                                          바쁜스케줄                          기존리서치
                                                                                                         자료공유함

                                                             Work Model
                                                             스터디자료
                                                             만들기                                    파일

                                                                                    나
   작성순서                                                                           (우유리)                           김수정
   1)중심역할설정하기                                                                                                     인턴
   2)중심역할과커뮤니케이션하는관계자설정하기                                    관련자료요청
                                                                                               기존리서치자료
   3)역할들사이에서의인터랙션내용과사용되는도구를적는다                                                                 공유 요구

   4)과정상의장애물을적는다
                                                                                              아이디어회의

                                                                                    PDF파일                 거리가너무멀다

                                                                                  관련자료전달
                                                                  김경수
                                                                   선임
                                                                                             관련자료전달
Contextual Design / Work Models / Sequence Model                                                                  SKT TSLN UI GUIDELINES |   7
        FLOW Model             /     SEQUENCE Model   /   ARTIFACT Model    /        CULTURE Model            /   PHYSICAL Model

   ∙ 정의                                                          ∙ 구성요소

   업무에서중요한각작업을수행하기위해세부단계를기능별로                                       행동단계
   단계적으로표현하여프로세스를향상시킬수있는구조파악
                                                                                          계기         - 사용자가 직무 또는 특정한 단계를 시
                                                                                                     작하도록 촉진하는 상황
   Detailed sequence of work steps                                  행동(Action)           (Trigger)   - 계기는 항상 시퀀스의 출발이 됨


 무엇을보여주나?
 - 어떠한작업단계를이끄는계기,진행을위해취하는행동과그것이목
                                                                    행동(Action)
   표하는의도,그시점에서발생할수있는장애물을보여줌                                                               의도         -   왜 그들은 특정 단계에서 그런 행동
                                                                                                         을 했는가
                                                                    행동(Action)
                                                                                         (Intent)    -   사용자가 직무나 특정 단계를 행하는
                                                                                                         의식/무의식적 이유
                                                                                                         의도를 더 많이 정의할 수록 더 좋은
 무엇을알수있나?                                                                                            -
                                                                                                         결과물을 도출해 낼 수 있음
 - 각각의행동단계에대한정리된모델                                                  행동(Action)
 - 행동유발의계기와의도찾기
                                                                                        장애물        - 사용자의 뜻대로 되지 않은 것
                                                                                                   - 사용자의 과업 완수 및 의도를 방해하
 - 발생하는장애물을극복하는방법을모색하며전략도출                                                             (Breakdown) 는 것
                                                                    행동(Action)
 프로젝트에적합한세부사항의수준알기
 - 업무단계:사용자의행동을이해하는데포커스를둘때
 - 사용자인터페이스단계:어떤툴의사용상을보려고할때
                                                                                 -   프로세스에서직무와연관된모든단계를기록한다(행동,공동작업,토론,결정단계등)
 - 프로세스단계:사용자의역할을보려고할때
                                                                                 -   모든세부사항을기록한다(일어난일,이용된실제물건,이동한장소,사용제품,대화주제등)
                                                                                 -   장애요소및시퀀스전환시점등을모두기록한다
 프로젝트의포커스에맞춰세부사항의적절한수준을결정해야함.                                                    -   내부적인계기,개별단계들의의도모두파악하여기록
Contextual Design / Work Models / Flow Model                                                            SKT TSLN UI GUIDELINES |   8
        FLOW Model              /      SEQUENCE Model   /   ARTIFACT Model   /     CULTURE Model    /   PHYSICAL Model

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

   워크모델 스터디 자료 만들기                                              시퀀스#1                                                    페이지1-1
                                                                        의도 : 워크모델링 방법론에 대한 내용을 UI팀과 함께 공부를 한다
                                                                             계기 : 다양한 방법론에 대한 공부가 부족한 시점

                                                                                      구글에 워크모델 검색
                                                                        의도 : 워크모델이 어떤 내용인지 파악하기 위해 검색엔진을 이용

                                                                                        검색 결과 선택

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

   작성순서                                                                                  자료를 수집함
   1)분석하고자하는세부시점을정의한다
                                                                                     내용을 선별할 계획을 세움
   2)프로세스가진행되는단계를기록한다                                                         의도 : 방대한 내용을 이해할 수 있는 문서로 만듬
                                                                        장애물 : 어떤 기준으로 어떤 범위까지 설정해야 하는지에 대해 모름
   3)단계에서나타나는의도와장애물을기록한다
                                                                                       경수선임님을 부름
                                                                                 의도 : 진행방향에 대한 검증과 조언을 받음

                                                                                   경수선임님의 조언과 자료를 얻음
                                                                                 의도 : 정리하는 방법에 대한 가이드를 제시

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

                                                                                      자료를 문서에 정리 함
Contextual Design / Work Models / Artifact Model                                                     SKT TSLN UI GUIDELINES |   9
         FLOW Model              /     SEQUENCE Model   /   ARTIFACT Model   /   CULTURE Model   /   PHYSICAL Model

   ∙ 정의                                                               ∙ 구성요소

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




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


   무엇을알수있나?
   - 시퀀스모델의부족한부분을보충
     (사람의의도나단계적행동분석에초점을맞추고있기때문)
   - 행동유발의계기및문제점발견
Contextual Design / Work Models / Artifact Model                                                                             SKT TSLN UI GUIDELINES |                           10
         FLOW Model              /     SEQUENCE Model   /   ARTIFACT Model   /   CULTURE Model                       /        PHYSICAL Model

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




 1. 사용자 코드와 번호, 진행한 날짜를 작성한다

 2. 주로 사용되는 부분들과 사용되지 않는 부분들을 구분한다

 3. 공식적인 면, 비공식적인 면 모두에서 각 부분들에 대한 정보의 구조를 나눈다

 4. 사용상 특이한 점을 기록한다 (업무를 돕거나 방해하는 부분들)

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

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

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

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

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

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



                                                                                    Our Perspective : Articles http://incontextdesign.com/articles/beyond-the-tower-of-babel/
Contextual Design / Work Models / Sequence Model                                                                   SKT TSLN UI GUIDELINES |   11
        FLOW Model             /     SEQUENCE Model   /   ARTIFACT Model     /    CULTURE Model            /       PHYSICAL Model

   ∙ 예시

   Work Model 문서를 작성하기 위한 업무를 진행하는 과정 중에
                                                                                                 파워포인트
   사용한 물건이나 참고한 자료들
                                                                                                 문서작성 Tool
                                                                                                파워포인트 프로그램을 이용해서
                                                                                                Work Model에 관한 자료 정리


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

   작성순서
   1) 업무를수행하면서사용하거나영향을받은물건보여준다
   2) 각각의이름을적고 아티팩트의특징이나 어떻게사용했는지어디에
                                                                    참고자료                        종이             펜
      활용했는지, 또는의도를서술한다
                                                                   Work Model에 관한 참고자료를 통해                 밝은 색깔의 펜이 없어 참고자료에
   3) 아티팩트를사용하면서사용자가업무를수행하는데방해를겪게되는                                정보를 습득하고 자료 정리                          하이라이트를 해도 보이지 않음

      장애물을기록한다
                                                                                             종이와 펜으로 문서 작성 계획을 세움
                                                                                             충분한 종이가 준비되지 않음
Contextual Design / Work Models / Cultural Model                                                                SKT TSLN UI GUIDELINES |   12
         FLOW Model              /     SEQUENCE Model   /   ARTIFACT Model   /    CULTURE Model             /   PHYSICAL Model

   ∙ 정의                                                               ∙ 구성요소

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


                                                                                 개인∙그룹 ∙조직
                                                                                                                 문화적 이슈
                                                                                 Individual∙Group∙
                                                                                                                 Cultural issues
                                                                                   Organization




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


   무엇을알수있나?                                                                       내부적 요인                         외부적 요인
   - 업무와사용하는도구에관한사람들의감정을간파하는통찰제공                                                  Internal factors              External factors
   - 발생하는장애물을통해개선할수있는기회발견
Contextual Design / Work Models / Cultural Model                                                                     SKT TSLN UI GUIDELINES |   13
         FLOW Model              /     SEQUENCE Model   /   ARTIFACT Model         /    CULTURE Model           /    PHYSICAL Model

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

                                                                                                                      UI
                                                                                                   김경수               부서
                                                                                                           최우식
                                                                                                    선임
                                                                                                            팀장
                                                                      Life style
                                                                                               올바른 작업 진
                                                                                               행방향 제시
                                                                                                                    김수정
                                                                       환 공포증                                         인턴
                                                                       문서작성방해
   작성순서
                                                                                                 나
   1) 파악하고자하는중심역할을지정한다                                                 영어공부                    (우유리)
   2)영향을끼치는맥락에대한거시적인구분을짓는다.                                                            자료해독방해

   3)거시적으로구분한내용에서구체적인내용을나눈다
                                                                                   Design
   4)세부내용이어떠한영향력을주는지기록한다
                                                                                                               IT
                                                                             Contextual Design &         문서작성을 위한
                                                                             정성적 데이터 분석
                                                                                                         다양하고 편리한
                                                                                                         TOOL 개발


                                                                                       Trend
Contextual Design / Work Models / Physical Model                                                         SKT TSLN UI GUIDELINES |   14
        FLOW Model              /     SEQUENCE Model   /   ARTIFACT Model   /   CULTURE Model       /    PHYSICAL Model

   ∙ 정의                                                              ∙ 구성요소

   사용자 업무에 영향을 끼치는 외부 실제/물리적 환경의 관계도
                                                                                장소모델
   Layout of the work environment                                               Site model


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


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


   방법
   - 물리적인환경을자세히기록
   - 업무에영향을주는업무현장의모든특징
   - 업무를조직화하는데공간이어떻게이용되는지암시하는것들
   - 아티팩트와사물의위치정보가되는것들
   - 사용자가자주사용하기때문에손이잘가는곳에두는것들
Contextual Design / Work Models / Physical Model                                                            SKT TSLN UI GUIDELINES |   15
        FLOW Model              /     SEQUENCE Model   /   ARTIFACT Model   /     CULTURE Model         /   PHYSICAL Model

   ∙ 예시

   워크모델 스터디 자료 만들기
                                                                                                                    회의실
                                                                            조현철    이은택            김수정

                                                                            김요셉    전제환    이원경     이진호


   작성순서
                                                                            임용대    정은교    김정호     박진원
   1) 플립차트페이지맨위에사용자코드와번호를적는다                                                                                  너무멀다
                                                                            배윤찬           박세은     서가람

   2) 공간을정의하는물리적구조를그린다

   3) 사용자가업무를수행하면서활용하는디지털또는아날로그도구들을                                         최우식
                                                                                            테이블
                                                                            김경수    김은지
      포함한다(하드웨어, 소프트웨어, 온라인자료, 팩스, 전화, PDA등)

   4) 공간에서사용자의움직임을선으로그려서표시한다(패턴)                                            신현준           우유리     전상희

   5) 업무에이용되는모든사물또는사용자가구분해놓은기타자료들을                                          송상협    권진환
                                                                                                                     서버실

      확인한다 (손쉽게뺄수있는책, 벽에붙여둔리스트, 미팅을표시한달
                                                                            박준범    박제훈
                                                                                                                    여자화장실
      력등)

   6) 공간을이용하면서관련된장애물을기록한다

   7) 공간과공간을세팅하는방법, 그의도까지기록한다(공간이어떻게이                                               회의실
                                                                                                                    남자화장실
      용되고사용자조직의의도는무엇인지모델에주석으로달아둔다)
Contextual Design / Work Models / Flow Model                                                                            SKT TSLN UI GUIDELINES |                 16
        FLOW Model              /      SEQUENCE Model   /   ARTIFACT Model   /   CULTURE Model                   /       PHYSICAL Model




                                                                                   Tea making host http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/341/168
Contextual Design / Work Models / Flow Model                                                                                         SKT TSLN UI GUIDELINES |                 17
        FLOW Model              /      SEQUENCE Model   /   ARTIFACT Model      /       CULTURE Model                        /       PHYSICAL Model




                                                                             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 / Sequence Model                                                   SKT TSLN UI GUIDELINES |   18
        FLOW Model             /     SEQUENCE Model   /   ARTIFACT Model   /   CULTURE Model   /   PHYSICAL Model
Contextual Design / Work Models / Sequence Model                                                                       SKT TSLN UI GUIDELINES |                 19
        FLOW Model             /     SEQUENCE Model   /   ARTIFACT Model   /   CULTURE Model                    /       PHYSICAL Model




                                                                                                                          http://rachelhungerford.com/contextual.html
                                                                                                           http://www.coroflot.com/tyler_a_mohr/contextual-research
                                                                                Before you go shopping http://incontextdesign.com/articles/beyond-the-tower-of-babel/
Contextual Design / Work Models / Artifact Model                                                                       SKT TSLN UI GUIDELINES |                           20
         FLOW Model              /     SEQUENCE Model   /   ARTIFACT Model   /   CULTURE Model                /         PHYSICAL Model




                                                                                         Contextual Research http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/341/168
                                                                                             Our Perspective : Articles http://www.coroflot.com/tyler_a_mohr/contextual-research
Contextual Design / Work Models / Artifact Model                                                                             SKT TSLN UI GUIDELINES |                             21
         FLOW Model              /     SEQUENCE Model   /   ARTIFACT Model   /   CULTURE Model                      /         PHYSICAL 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.html
                                                                                                                                       Contextual Inquiry and Interviews – Brian Bailey
Contextual Design / Work Models / Cultural Model                                                                                        SKT TSLN UI GUIDELINES |                             22
         FLOW Model              /     SEQUENCE Model   /   ARTIFACT Model   /   CULTURE Model                                /          PHYSICAL 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
Contextual Design / Work Models / Physical Model                                                                          SKT TSLN UI GUIDELINES |                            23
        FLOW Model              /     SEQUENCE Model   /   ARTIFACT Model   /   CULTURE Model                  /         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/
Contextual Design / Work Models / Physical Model                                                                                        SKT TSLN UI GUIDELINES |                              24
        FLOW Model              /     SEQUENCE Model   /   ARTIFACT Model   /   CULTURE Model                                 /         PHYSICAL Model




                                                                                Contextual Research http://www.coroflot.com/tyler_a_mohr/contextual-research
                                                                                Social Interaction Design in Cultural Context http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/341/168
Contextual Design / Work Models / Physical Model                                                           SKT TSLN UI GUIDELINES |         25
        FLOW Model              /     SEQUENCE Model   /   ARTIFACT Model   /   CULTURE Model        /     PHYSICAL Model




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

More Related Content

Similar to [H9]contextual design workmodels_120627

온라인(소셜미디어) 커뮤니케이션 측정 모델 탐색 (1)
온라인(소셜미디어) 커뮤니케이션 측정 모델 탐색 (1)온라인(소셜미디어) 커뮤니케이션 측정 모델 탐색 (1)
온라인(소셜미디어) 커뮤니케이션 측정 모델 탐색 (1)SCOTOSS
 
Ux research guide ux1
Ux research guide ux1Ux research guide ux1
Ux research guide ux1
Rightbrain UX1 Consulting group
 
Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019
Potentialeyes, Inc.
 
의료 정보에 UX 도입 사례 @2012 춘계 대한의료정보학회 학술대회
의료 정보에 UX 도입 사례 @2012 춘계 대한의료정보학회 학술대회의료 정보에 UX 도입 사례 @2012 춘계 대한의료정보학회 학술대회
의료 정보에 UX 도입 사례 @2012 춘계 대한의료정보학회 학술대회
Seoul National University
 
UX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&CUX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&Csys4u
 
Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019
Potentialeyes, Inc.
 
Visualizing Computer-Based Activity on Ambient Displays to Reduce Sedentary ...
Visualizing Computer-Based Activity on Ambient Displays  to Reduce Sedentary ...Visualizing Computer-Based Activity on Ambient Displays  to Reduce Sedentary ...
Visualizing Computer-Based Activity on Ambient Displays to Reduce Sedentary ...
SodamKim14
 
Future Command and Control Systems Should Combine Decision Support and Person...
Future Command and Control Systems Should Combine Decision Support and Person...Future Command and Control Systems Should Combine Decision Support and Person...
Future Command and Control Systems Should Combine Decision Support and Person...
Slava Han
 
UX 디자인 리서치 과정과 팁
UX 디자인 리서치 과정과 팁UX 디자인 리서치 과정과 팁
UX 디자인 리서치 과정과 팁
Hyun-june Kwon
 
중간관리자를 위한 모바일 어플리케이션 _ WETEAM
중간관리자를 위한 모바일 어플리케이션 _ WETEAM중간관리자를 위한 모바일 어플리케이션 _ WETEAM
중간관리자를 위한 모바일 어플리케이션 _ WETEAM
Chaemin Lim
 
9th.lecture.about.usability 20191129
9th.lecture.about.usability 201911299th.lecture.about.usability 20191129
9th.lecture.about.usability 20191129
Jeongeun Kwon
 
Best Practice for Mobile UX Design
Best Practice for Mobile UX DesignBest Practice for Mobile UX Design
Best Practice for Mobile UX DesignJunsang Dong
 
실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step upAmy Young Ah Kim
 
[Msd06]mapping
[Msd06]mapping[Msd06]mapping
[Msd06]mapping
JY LEE
 
UX/UI 개념과 방향성
UX/UI 개념과 방향성UX/UI 개념과 방향성
UX/UI 개념과 방향성Billy Choi
 
User experience Design에 활용되는 각종 용어 정리
User experience Design에 활용되는 각종 용어 정리User experience Design에 활용되는 각종 용어 정리
User experience Design에 활용되는 각종 용어 정리
Dong Chan Shin
 

Similar to [H9]contextual design workmodels_120627 (20)

온라인(소셜미디어) 커뮤니케이션 측정 모델 탐색 (1)
온라인(소셜미디어) 커뮤니케이션 측정 모델 탐색 (1)온라인(소셜미디어) 커뮤니케이션 측정 모델 탐색 (1)
온라인(소셜미디어) 커뮤니케이션 측정 모델 탐색 (1)
 
Ui vs ux
Ui vs uxUi vs ux
Ui vs ux
 
Ux research guide ux1
Ux research guide ux1Ux research guide ux1
Ux research guide ux1
 
Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019
 
의료 정보에 UX 도입 사례 @2012 춘계 대한의료정보학회 학술대회
의료 정보에 UX 도입 사례 @2012 춘계 대한의료정보학회 학술대회의료 정보에 UX 도입 사례 @2012 춘계 대한의료정보학회 학술대회
의료 정보에 UX 도입 사례 @2012 춘계 대한의료정보학회 학술대회
 
UX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&CUX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&C
 
Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019
 
Visualizing Computer-Based Activity on Ambient Displays to Reduce Sedentary ...
Visualizing Computer-Based Activity on Ambient Displays  to Reduce Sedentary ...Visualizing Computer-Based Activity on Ambient Displays  to Reduce Sedentary ...
Visualizing Computer-Based Activity on Ambient Displays to Reduce Sedentary ...
 
Future Command and Control Systems Should Combine Decision Support and Person...
Future Command and Control Systems Should Combine Decision Support and Person...Future Command and Control Systems Should Combine Decision Support and Person...
Future Command and Control Systems Should Combine Decision Support and Person...
 
UX 디자인 리서치 과정과 팁
UX 디자인 리서치 과정과 팁UX 디자인 리서치 과정과 팁
UX 디자인 리서치 과정과 팁
 
[Nux]13 nux
[Nux]13 nux[Nux]13 nux
[Nux]13 nux
 
중간관리자를 위한 모바일 어플리케이션 _ WETEAM
중간관리자를 위한 모바일 어플리케이션 _ WETEAM중간관리자를 위한 모바일 어플리케이션 _ WETEAM
중간관리자를 위한 모바일 어플리케이션 _ WETEAM
 
9th.lecture.about.usability 20191129
9th.lecture.about.usability 201911299th.lecture.about.usability 20191129
9th.lecture.about.usability 20191129
 
Best Practice for Mobile UX Design
Best Practice for Mobile UX DesignBest Practice for Mobile UX Design
Best Practice for Mobile UX Design
 
실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up
 
[Msd06]mapping
[Msd06]mapping[Msd06]mapping
[Msd06]mapping
 
U&I Insgiht
U&I InsgihtU&I Insgiht
U&I Insgiht
 
UX/UI 개념과 방향성
UX/UI 개념과 방향성UX/UI 개념과 방향성
UX/UI 개념과 방향성
 
User experience Design에 활용되는 각종 용어 정리
User experience Design에 활용되는 각종 용어 정리User experience Design에 활용되는 각종 용어 정리
User experience Design에 활용되는 각종 용어 정리
 
13.ux design
13.ux design13.ux design
13.ux design
 

[H9]contextual design workmodels_120627

  • 1. Created by H9 UX Team 2012.06.26
  • 2. Contextual Design / Work Models SKT TSLN UI GUIDELINES | 2 Work Model이란? “사용자의 업무 또는 활동의 구조를 기록한 다이어그램” The User Prototyping Contextual Work Work Consolidation Environment and Inquiry Modeling Redesign Design Implementation Work Modeling은 Contextual Design Process의 두 번째 단계 Work Model은 각기 다른 사용자들의 역할에 초점을 맞추어 그들이 커뮤니케이션하고 업무를 잘 수행할 수 있도록 조정하는 방법이다. 복잡한 정성 데이터를 관리하는 방법으로, 정리를 통해 업무모델들은 어피니티 다이어그램과 함께 프로젝트의 대상이 되는 사용자 집단의 특성에 대해 구체적으로 설명해줄 수 있다.
  • 3. Contextual Design / Work Models SKT TSLN UI GUIDELINES | 3 Why ? 복잡한 정성적 데이터 관리 정리 Tool 이후 프로세스를 위한 밑거름 전략도출 외부적 커뮤니케이션 도구 커뮤니케이션
  • 4. Contextual Design / Work Models SKT TSLN UI GUIDELINES | 4 Work Models의 종류 FLOW Model SEQUENCE Model ARTIFACT Model CULTURE Model PHYSICAL Model Direction of communication and Detailed sequence of work steps Physical objects that support the work External influences Layout of the work environment coordination 업무를수행하면서사용되는 사람들간에역할과협력이 업무가이뤄지는순서를기능별 작업환경에서사용자에게 사용자업무에영향을끼치는외 도구이거나업무에 어떻게나눠지고 로단계적으로표현하여 영향을끼치는외부적 부실제/물리적환경의 영향을미치는주변사물 이뤄지는지에대한흐름 공통적인구조파악 요소의관계도 관계도 (컴퓨터속의가상도구도포함)
  • 5. Contextual Design / Work Models / Flow Model SKT TSLN UI GUIDELINES | 5 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model ∙ 정의 ∙ 구성요소 사람들 간에 역할과 협력이 어떻게 나눠지고 이뤄지는 지에 대한 흐름 Direction of communication and coordination 관계 역할 도구 1 인터랙션 인터랙션 도구 인터랙션 중심 관계 무엇을보여주나? 인터랙션 역할 역할 인터랙션 - 하나의역할을중심으로그와커뮤니케이션하는관계자들,중간에이용되는 3 - 도구와그인터랙션에서나타나는장애물등을한눈에보여줌 도구 인터랙션 도구 무엇을알수있나? 관계 인터랙션 장애물 - 사람들의역할, 핵심업무그룹, 필요한정보, 핵심활동, 커뮤니케이션패턴, 업무프 역할 로세스흐름등을알수있음 2 - 전체적흐름의구조속에서발생하는장애물을찾아내고그것을해결함으로써전 략적인기회를도출해낼수있음
  • 6. Contextual Design / Work Models / Flow Model SKT TSLN UI GUIDELINES | 6 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model ∙ 예시 워크모델 스터디 자료 만들기 최우식 팀장 작업에 대한 질문 팀장님의 바쁜스케줄 기존리서치 자료공유함 Work Model 스터디자료 만들기 파일 나 작성순서 (우유리) 김수정 1)중심역할설정하기 인턴 2)중심역할과커뮤니케이션하는관계자설정하기 관련자료요청 기존리서치자료 3)역할들사이에서의인터랙션내용과사용되는도구를적는다 공유 요구 4)과정상의장애물을적는다 아이디어회의 PDF파일 거리가너무멀다 관련자료전달 김경수 선임 관련자료전달
  • 7. Contextual Design / Work Models / Sequence Model SKT TSLN UI GUIDELINES | 7 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model ∙ 정의 ∙ 구성요소 업무에서중요한각작업을수행하기위해세부단계를기능별로 행동단계 단계적으로표현하여프로세스를향상시킬수있는구조파악 계기 - 사용자가 직무 또는 특정한 단계를 시 작하도록 촉진하는 상황 Detailed sequence of work steps 행동(Action) (Trigger) - 계기는 항상 시퀀스의 출발이 됨 무엇을보여주나? - 어떠한작업단계를이끄는계기,진행을위해취하는행동과그것이목 행동(Action) 표하는의도,그시점에서발생할수있는장애물을보여줌 의도 - 왜 그들은 특정 단계에서 그런 행동 을 했는가 행동(Action) (Intent) - 사용자가 직무나 특정 단계를 행하는 의식/무의식적 이유 의도를 더 많이 정의할 수록 더 좋은 무엇을알수있나? - 결과물을 도출해 낼 수 있음 - 각각의행동단계에대한정리된모델 행동(Action) - 행동유발의계기와의도찾기 장애물 - 사용자의 뜻대로 되지 않은 것 - 사용자의 과업 완수 및 의도를 방해하 - 발생하는장애물을극복하는방법을모색하며전략도출 (Breakdown) 는 것 행동(Action) 프로젝트에적합한세부사항의수준알기 - 업무단계:사용자의행동을이해하는데포커스를둘때 - 사용자인터페이스단계:어떤툴의사용상을보려고할때 - 프로세스에서직무와연관된모든단계를기록한다(행동,공동작업,토론,결정단계등) - 프로세스단계:사용자의역할을보려고할때 - 모든세부사항을기록한다(일어난일,이용된실제물건,이동한장소,사용제품,대화주제등) - 장애요소및시퀀스전환시점등을모두기록한다 프로젝트의포커스에맞춰세부사항의적절한수준을결정해야함. - 내부적인계기,개별단계들의의도모두파악하여기록
  • 8. Contextual Design / Work Models / Flow Model SKT TSLN UI GUIDELINES | 8 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model ∙ 예시 U1 6/27 제목 : 워크모델 스터디 자료 만들기 워크모델 스터디 자료 만들기 시퀀스#1 페이지1-1 의도 : 워크모델링 방법론에 대한 내용을 UI팀과 함께 공부를 한다 계기 : 다양한 방법론에 대한 공부가 부족한 시점 구글에 워크모델 검색 의도 : 워크모델이 어떤 내용인지 파악하기 위해 검색엔진을 이용 검색 결과 선택 선택된 자료 내용 파악 장애물 : 영어자료가 대부분. 해당 자료에 대한 검증을 받을 수 없음 작성순서 자료를 수집함 1)분석하고자하는세부시점을정의한다 내용을 선별할 계획을 세움 2)프로세스가진행되는단계를기록한다 의도 : 방대한 내용을 이해할 수 있는 문서로 만듬 장애물 : 어떤 기준으로 어떤 범위까지 설정해야 하는지에 대해 모름 3)단계에서나타나는의도와장애물을기록한다 경수선임님을 부름 의도 : 진행방향에 대한 검증과 조언을 받음 경수선임님의 조언과 자료를 얻음 의도 : 정리하는 방법에 대한 가이드를 제시 받은 자료를 읽음 의도 : 진행중인 문서를 교정함 자료를 문서에 정리 함
  • 9. Contextual Design / Work Models / Artifact Model SKT TSLN UI GUIDELINES | 9 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model ∙ 정의 ∙ 구성요소 업무를 수행하면서 사용되는 도구이거나 업무에 영향을 미치는 주변 사물 (컴퓨터 속의 가상도구도 포함) Physical objects that support the work 무엇을보여주나? - 사용자가무엇과인터랙션하는지설명 무엇을알수있나? - 시퀀스모델의부족한부분을보충 (사람의의도나단계적행동분석에초점을맞추고있기때문) - 행동유발의계기및문제점발견
  • 10. Contextual Design / Work Models / Artifact Model SKT TSLN UI GUIDELINES | 10 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model <방법> - 사용 의도와 용법 - 아티팩트 사용 전 후 맥락 파악 - 장애요소 확인 1. 사용자 코드와 번호, 진행한 날짜를 작성한다 2. 주로 사용되는 부분들과 사용되지 않는 부분들을 구분한다 3. 공식적인 면, 비공식적인 면 모두에서 각 부분들에 대한 정보의 구조를 나눈다 4. 사용상 특이한 점을 기록한다 (업무를 돕거나 방해하는 부분들) 5. 아티팩트로 인해 표시된 정보나 입력된 데이터는 어떻게 이용되는가? 6. 사물에 나타나는 업무 특징들을 파악한다 (아티팩트의 명시적 용도) 7. 다른 업무나 직무에서는 어디에 이용되는가? 8. 사용자가 아티팩트의 특정 부위에 가치를 두는 이유(의도)는 무엇인가? 9. 아티팩트를 이용해 어떤 상위의 목적을 달성할 수 있는가? 10. 아티팩트를 사용할 때 나타나는 장애물을 기록한다 Our Perspective : Articles http://incontextdesign.com/articles/beyond-the-tower-of-babel/
  • 11. Contextual Design / Work Models / Sequence Model SKT TSLN UI GUIDELINES | 11 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model ∙ 예시 Work Model 문서를 작성하기 위한 업무를 진행하는 과정 중에 파워포인트 사용한 물건이나 참고한 자료들 문서작성 Tool 파워포인트 프로그램을 이용해서 Work Model에 관한 자료 정리 Google 검색엔진 구글 검색 엔진을 통해서 Work Model에 관 한 자료 검색 작성순서 1) 업무를수행하면서사용하거나영향을받은물건보여준다 2) 각각의이름을적고 아티팩트의특징이나 어떻게사용했는지어디에 참고자료 종이 펜 활용했는지, 또는의도를서술한다 Work Model에 관한 참고자료를 통해 밝은 색깔의 펜이 없어 참고자료에 3) 아티팩트를사용하면서사용자가업무를수행하는데방해를겪게되는 정보를 습득하고 자료 정리 하이라이트를 해도 보이지 않음 장애물을기록한다 종이와 펜으로 문서 작성 계획을 세움 충분한 종이가 준비되지 않음
  • 12. Contextual Design / Work Models / Cultural Model SKT TSLN UI GUIDELINES | 12 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model ∙ 정의 ∙ 구성요소 작업 환경에서 사용자에게 영향을 끼치는 외부적 요소의 관계도 External influences 개인∙그룹 ∙조직 문화적 이슈 Individual∙Group∙ Cultural issues Organization 무엇을보여주나? 사용자 - 개인,그룹또는조직에대한영향 - 법률과규정같은외부적요인또는내부정책적인영향력 User - 조직, 가정또는지역적위치내에존재하는문화적이슈 무엇을알수있나? 내부적 요인 외부적 요인 - 업무와사용하는도구에관한사람들의감정을간파하는통찰제공 Internal factors External factors - 발생하는장애물을통해개선할수있는기회발견
  • 13. Contextual Design / Work Models / Cultural Model SKT TSLN UI GUIDELINES | 13 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model ∙ 예시 WORK : H9 워크모델 스터디 자료 만들기 UI 김경수 부서 최우식 선임 팀장 Life style 올바른 작업 진 행방향 제시 김수정 환 공포증 인턴 문서작성방해 작성순서 나 1) 파악하고자하는중심역할을지정한다 영어공부 (우유리) 2)영향을끼치는맥락에대한거시적인구분을짓는다. 자료해독방해 3)거시적으로구분한내용에서구체적인내용을나눈다 Design 4)세부내용이어떠한영향력을주는지기록한다 IT Contextual Design & 문서작성을 위한 정성적 데이터 분석 다양하고 편리한 TOOL 개발 Trend
  • 14. Contextual Design / Work Models / Physical Model SKT TSLN UI GUIDELINES | 14 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model ∙ 정의 ∙ 구성요소 사용자 업무에 영향을 끼치는 외부 실제/물리적 환경의 관계도 장소모델 Layout of the work environment Site model 업무현장 모델 무엇을보여주나? Workplace model - 업무수행간공간의영향과이용방식확인 무엇을알수있나? - 사용자의자연스러운업무흐름/ 패턴발견 - 물리적환경에서기회와장애물확인 방법 - 물리적인환경을자세히기록 - 업무에영향을주는업무현장의모든특징 - 업무를조직화하는데공간이어떻게이용되는지암시하는것들 - 아티팩트와사물의위치정보가되는것들 - 사용자가자주사용하기때문에손이잘가는곳에두는것들
  • 15. Contextual Design / Work Models / Physical Model SKT TSLN UI GUIDELINES | 15 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model ∙ 예시 워크모델 스터디 자료 만들기 회의실 조현철 이은택 김수정 김요셉 전제환 이원경 이진호 작성순서 임용대 정은교 김정호 박진원 1) 플립차트페이지맨위에사용자코드와번호를적는다 너무멀다 배윤찬 박세은 서가람 2) 공간을정의하는물리적구조를그린다 3) 사용자가업무를수행하면서활용하는디지털또는아날로그도구들을 최우식 테이블 김경수 김은지 포함한다(하드웨어, 소프트웨어, 온라인자료, 팩스, 전화, PDA등) 4) 공간에서사용자의움직임을선으로그려서표시한다(패턴) 신현준 우유리 전상희 5) 업무에이용되는모든사물또는사용자가구분해놓은기타자료들을 송상협 권진환 서버실 확인한다 (손쉽게뺄수있는책, 벽에붙여둔리스트, 미팅을표시한달 박준범 박제훈 여자화장실 력등) 6) 공간을이용하면서관련된장애물을기록한다 7) 공간과공간을세팅하는방법, 그의도까지기록한다(공간이어떻게이 회의실 남자화장실 용되고사용자조직의의도는무엇인지모델에주석으로달아둔다)
  • 16. Contextual Design / Work Models / Flow Model SKT TSLN UI GUIDELINES | 16 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model Tea making host http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/341/168
  • 17. Contextual Design / Work Models / Flow Model SKT TSLN UI GUIDELINES | 17 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model 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/
  • 18. Contextual Design / Work Models / Sequence Model SKT TSLN UI GUIDELINES | 18 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model
  • 19. Contextual Design / Work Models / Sequence Model SKT TSLN UI GUIDELINES | 19 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model http://rachelhungerford.com/contextual.html http://www.coroflot.com/tyler_a_mohr/contextual-research Before you go shopping http://incontextdesign.com/articles/beyond-the-tower-of-babel/
  • 20. Contextual Design / Work Models / Artifact Model SKT TSLN UI GUIDELINES | 20 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model Contextual Research http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/341/168 Our Perspective : Articles http://www.coroflot.com/tyler_a_mohr/contextual-research
  • 21. Contextual Design / Work Models / Artifact Model SKT TSLN UI GUIDELINES | 21 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL 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.html Contextual Inquiry and Interviews – Brian Bailey
  • 22. Contextual Design / Work Models / Cultural Model SKT TSLN UI GUIDELINES | 22 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL 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
  • 23. Contextual Design / Work Models / Physical Model SKT TSLN UI GUIDELINES | 23 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / 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/
  • 24. Contextual Design / Work Models / Physical Model SKT TSLN UI GUIDELINES | 24 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model Contextual Research http://www.coroflot.com/tyler_a_mohr/contextual-research Social Interaction Design in Cultural Context http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/341/168
  • 25. Contextual Design / Work Models / Physical Model SKT TSLN UI GUIDELINES | 25 FLOW Model / SEQUENCE Model / ARTIFACT Model / CULTURE Model / PHYSICAL Model [컨텍스트를 생각하는 디자인] 캐런 홀츠블랫, 제서민 번스 웬들, 셸리 우드 저 | 팀인터페이스 역 | 2008