SlideShare uma empresa Scribd logo
1 de 44
Baixar para ler offline
PXD UI Study
Contextual Design
0 1 Wo r k M o d e l s
Contextual Design을 공부해야 하는 이유




         •깊이있는 인터뷰와 빠른 Data정리


         •정확한 사용자의 니즈 발굴


         •훈련된 CD진행자가 되자
첫 번째 책 소개




            단계별 가이드




            간략한 프로세스




              도구
첫 번째 책의 수업 진행




      업무 모델링    06 업무 모델링




                03 컨텍스추얼 인터뷰 계획하기

      컨텍스추얼     04 컨텍스추얼 인터뷰하기
       인터뷰

                05 컨텍스추얼 인터뷰 해석 세션




       워크샵      워크샵 (07 시퀀스 모델 정리하기를 기본으로 진행)
30세

남자

위 모 승용군

업무환경에 대한 불만

개선하고 싶다
Work Models   정의   시점     Why




   Work Model 이란?




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

                        정성 데이터를 기록하는 명확한 방법
Work Models                 정의   시점          Why




             1. Discover                   2. Define              3. Develop               4. Deliver

     Basic research               Contextual Modeling     Idea workshop        Key path scenario




     Competitive analysis         Affinity diagram        Roadmap              Usability test 1




     User Research Plan           Persona Modeling        Framework sketch     Usability test 2




     Contextual Inquiry           Strategy & UX concept   Key screen layout    Workflow
Work Models   정의   시점   Why




   Why?



              복잡한 정성적 데이터 관리



              이후 프로세스를 위한 밑거름



              외부적 커뮤니케이션 도구
Work Models   종류




   3 +2



                   Sequence Model   Physical Model   Artifact Model




                    Flow Model      Cultural Model
Work Models   Sequence Model   Physical Model   Artifact Model




    •시퀀스 모델(Sequence Model)
      - 사용자가 과업(Task)을 수행하는 동안 행하는 행동 단계들의 기록




                                          •각각의 행동단계에 대한 정리된 모델

                                          •행동 유발의 계기와 의도 찾기

                                          •있는 그대로의 기록
Work Models    Sequence Model   Physical Model         Artifact Model




    •구성 요소
              행동단계                                         •사용자가 직무 또는 특정한 단계를 시작하도록 촉진하는 상황임
                                            계기             •계기는 항상 시퀀스의 출발이 됨
                                           (trigger)




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




                                                           •사용자의 뜻대로 되지 않은 것
                                          장애물
                                        (breakdown)        •사용자의 과업 완수 및 의도를 방해하는 것
Work Models       Sequence Model   Physical Model     Artifact Model




    •구성 요소




      코트가 필요해                              상품권 득템                           코트를 산다

              Intent                            Trigger                     실제 행동




                                                            12시간 거리

                                                                breakdown
Work Models   Sequence Model   Physical Model   Artifact Model
Designed by Bom
Work Models   Sequence Model   Physical Model        Artifact Model




    •피해야 할 일 -> 올바른 방향


          사용자가 타겟 제품을 다룰 때                        프로세스에서 직무와 연관된 모든 단계를 기록한다
            그 제품에만 집중한다                                   (행동, 공동작업, 토론, 결정 단계 등등)



                                                              모든 세부사항을 기록한다
              단계를 요약한다
                                                (일어난 일, 이용된 실제 물건, 이동한 장소, 사용제품, 대화 주제 등)



                                                                      모두 기록한다
        방해/중단된 직무 변동을 무시한다                             장애요소가 있다면 그것이 일어난 부분도 기록한다.
                                                       시퀀스가 전환될 경우 전환되는 때를 모두 기록한다.



                                                        내부적인 계기 모두 기록한다
         의도와 계기를 기록하지 않는다
                                                    개별 단계들의 의도를 모두 파악하여 기록한다
Work Models   Sequence Model   Physical Model   Artifact Model




    •피지컬 모델(Physical Model)
      - 사용자 업무에 영향을 미치는 실제/물리적 환경에 대한 모델링




                                        •업무 수행간 공간의 영향과 이용방식 확인

                                        •사용자의 자연스러운 업무 흐름/패턴 발견
                                        •물리적 환경에서 기회와 장애물 확인
Work Models   Sequence Model   Physical Model   Artifact Model




    •구성 요소


                 장소 모델(site model)
                •건물, 방의 구조, 물리적 공간 전체




                                                 업무 현장 모델
                                                  (workplace model)
                                                 •사용자 개인 업무 공간
Work Models   Sequence Model    Physical Model   Artifact Model




    •구성 요소


                장소 모델(site model)




                                                       업무 현장 모델
                                                         (workplace model)
Work Models   Sequence Model   Physical Model   Artifact Model




    •피지컬 모델링 요령
       •플립차트 페이지의 맨 위에 사용자 코드와 번호를 찍는다
       •벽, 구획, 복도, 사람들이 자연스럽게 모이는 장소 등, 공간을 정의하는 물리적인 구조를 그린다.
       •여러분이 조사 중인 직무를 사용자가 완수하는 데 활용하는 디지털 또는 아날로그 도구들을 포함한다. 하드웨어, 소프트웨어
       온라인 자료, 팩스, 전화, PDA등이 있다. 예를 들면 사용자가 복사기 프린터, 또는 팩스를 이용하려면 일어나서 100걸음을
       걸어야 한다고 해보자. 여러분의 제품이 이 업무 수행을 더 잘 지원하려면 모델에 그것까지 그려 넣는다.
       •공간에서 사용자의 움직임을 선으로 그려서 모델에 표시한다. 예를 들어, 쇼핑에서 통로를 걷는다던가 이리저리 다니는 부분
       혹은 화학 실험실에서 안전 점검을 하기 위해 실험기구를 앞뒤로 살펴보는 식의 패턴을 나타내는 움직임을 강조한다.
       •업무에 이용되는 모든 사물, 도구, 책, 서류더미, 또는 사용자가 구분해 놓은 기타 자료들이 어떤 것인지 확인한다. 예를 들면
       손쉽게 빼들 수 있는 책, 사용자가 문서를 정리하려고 만든 바인더, 벽에 붙여둔 연락처 리스트, 컴퓨터나 냉장고에 붙여 둔
       포스트잇, 미팅을 표시한 달력 등이 있다.
       •업무 공간을 이용하는 데 관련된 장애물을 기록한다. 장애물은 모델에 빨간 지그재그 라인을 그려서 확실하게 표시한다.
       방금 언급한 복사기까지 100걸음은 기록할 만한 좋은 장애물이다.
       •공간과 공간을 세팅하는 방법, 그 의도까지 기록한다. 공간이 어떻게 이용되고 업무 현장과 영역에 포함된 사용자 조직의 의도는
       무엇인지, 모델에 주석으로 달아 둔다. 예를 들면 우리는 식료품점의 제과와 주류 코너에 “유혹의 장소”라는 라벨을 붙였는데,
       사용자가 구매를 하도록 끌어당기거나 유혹이 두려워 도망가도록 만드는 곳이기 때문이다.




                                     꼼꼼하게 기록해라
Work Models   Sequence Model   Physical Model   Artifact Model




    •피지컬 모델링 요령
       •물리적인 환경을 자세히 기록
       •업무에 영향을 주는 업무현장의 모든 특징
       •업무를 조직화하는데 공간이 어떻게 이용되는지 암시하는 것들
       •아티팩트와 사물의 위치 정보가 되는 것들
       •사용자가 자주 사용하기 때문에 손이 잘 가는 곳에 두는 것들
Work Models     Sequence Model   Physical Model      Artifact Model




    •피해야 할 일 -> 올바른 방향

         인터뷰 중 폴더, 바인더, 캐비닛에                                           물어본다
         무엇이 있는지 묻기를 주저한다                          (왜 물어보는지에 대한 이유를 알리고 주저없이 물어본다)



                                                        인터뷰 과정 중에도 모델을 기록하고
         기억에 의존하여 모델링을 한다
                                                           분석과정에서 보완한다


                                                                      모두 기록한다
              최소한의 스케치만 한다                        사용자가 공간을 이용하는 방식과 중요한 업무 특징들을 모두 기록한다.
                                                        물건의 명칭도 구체적이고 명확하게 기록한다


              업무와 관련 없는 것들도                       프로젝트 성격에 맞는 물리적인 환경에 우선 집중한다.
                                                        업무와 전혀 상관없는 정원의 식물, 가족사진,
                모두 정리한다
                                                        기타 개인적인 것들을 포함시킬 필요는 없다


           업무 현장에 있는 것을                              팀원들과 공간을 이해할 수 있는 정로도만
         모두 정확하게 재연하려고 한다                           세부사항을 그리고 중요한 요소들을 기록한다.
Work Models   Sequence Model   Physical Model   Artifact Model




    •아티팩트 모델(Artifact Model)
      - 업무를 수행할 때 이용하거나 업무에 영향을 미치는 주변 사물을 분석




                                          •사용자가 무엇과 인터랙션 하는지 설명

                                          •시퀀스 모델의 부족한 부분을 보충

                                          •행동 유발의 계기 및 문제점 발견
Work Models   Sequence Model   Physical Model   Artifact Model




    •아티팩트 모델 정리하기
       •사용자 코드와 번호, 해석 세션을 진행한 날짜 작성
       •주로 사용되는 부분들과 사용되지 않는 부분들
       •공식적이거나 비공식적인 면 모두에서 각 부분들의 구조. 정보가 어떻게 구분되고 그룹으로 나눠지는가
       •사용상 특이한 점. 예를 들면, 손쉬운 검토 또는 커뮤니케이션을 돕거나 방해하는 부분 등
       •사물에 의해 표시된 정보. 표시되거나 입력된 데이터와 그것이 어떻게 이용되고 재연되는가?
       •사물에 나타나는 명백한 업무특징들. 아티팩트에서 암시적으로 또는 명시적으로 표현된 콘셉트들.
       •아티팩트의 용법. 더 큰 업무 프로세스 또는 직무에서 어디에 이용되는가
       •아티팩트의 의도 또는 부분. 사용자가 아티팩트의 특정 부위에 가치를 두는 이유는 무엇인가?
       •또한 아티팩트를 이용해 어떤 상위의 목적을 달성할 수 있는가
       •아티팩트를 사용할 때 나타나는 장애물. 빨간색 지그재그 라인으로 표시된 부분




                                         사용 의도와 용법

                                아티팩트 사용 전후 맥락 파악

                                           장애요소 확인
Work Models   정리   생각 나누기
Work Models     정리      생각 나누기




              정리 Tool
        “서로 다른 성격의 정보를 분류하여
        효율적인 정리를 돕는 정리 방법”
Work Models     정리      생각 나누기




              정리 Tool            커뮤니케이션 Tool
        “서로 다른 성격의 정보를 분류하여      “업무 관계자들 간에 프로젝트 공유를
        효율적인 정리를 돕는 정리 방법”       원할하게 도와주는 커뮤니케이션 툴”
Work Models     정리      생각 나누기




              정리 Tool            커뮤니케이션 Tool            전략 도출 밑거름
        “서로 다른 성격의 정보를 분류하여      “업무 관계자들 간에 프로젝트 공유를   “전략 도출을 이끌어 내기위한
        효율적인 정리를 돕는 정리 방법”       원할하게 도와주는 커뮤니케이션 툴”    로우 데이터 정리 및 해석 작업”
Work Models   정리   생각 나누기




    •특별한 형식은 없다




                            비공개 자료




                                     모델링에 대한 이름 지어주기
                                     방법론 선점
                                     어떻게 하면 먼저 선점할 수 있을까?
Work Models       Sequence Model       Physical Model   Artifact Model

              +   Flow Model       +   Cultural Model




•Flow Model
 - 직무를 수행하는데 필요한 사람들
의 책임, 커뮤니케이션, 공동작업을 묘
사하는 모델링
 - 사람들의 역할, 핵심 업무 그룹, 필
요한 정보, 핵심 활동, 커뮤니케이션
패턴, 업무 프로세스 흐름 등을 알 수
있다.
Work Models       Sequence Model       Physical Model   Artifact Model

              +   Flow Model       +   Cultural Model




•Cultural Model
 - 업무를 수행하는 사람을 둘러싼 기
업 외부적 영향 또는 내부 정책적인 영
향력을 밝혀낸다.
 - 컬처 모델은 조직, 가정 또는 지역
적 위치 내에 존재하는 문화적 이슈 뿐
만 아니라, 그들의 업무와 사용하는 도
구에 관한 사람들의 감정을 간파하는
통찰을 제공한다.
감사합니다.
Contextual Design
0 1 Wo r k M o d e l s

Mais conteúdo relacionado

Mais procurados

[메조미디어] Media&Market Report (2022.10)
[메조미디어] Media&Market Report (2022.10)[메조미디어] Media&Market Report (2022.10)
[메조미디어] Media&Market Report (2022.10)MezzoMedia
 
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニックデキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニックAkiko Kurono
 
Design Toolbox — teaching design, its processes & methods
Design Toolbox — teaching design, its processes & methodsDesign Toolbox — teaching design, its processes & methods
Design Toolbox — teaching design, its processes & methodsMartin Jordan
 
UXDS_Naver me UX 개선안 프로젝트_최종
UXDS_Naver me UX 개선안 프로젝트_최종UXDS_Naver me UX 개선안 프로젝트_최종
UXDS_Naver me UX 개선안 프로젝트_최종Yeji Cho
 
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]RightBrain inc.
 
UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선]
UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선] UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선]
UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선] RightBrain inc.
 
여행가이드 트리플 - UXUI 개선
여행가이드 트리플 - UXUI 개선여행가이드 트리플 - UXUI 개선
여행가이드 트리플 - UXUI 개선RightBrain inc.
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory sessionSooraj P R
 
UX Discovery (UX 트렌드 리포트) 특별판 - 신규 모바일앱 서비스 분석
UX Discovery (UX 트렌드 리포트) 특별판 - 신규 모바일앱 서비스 분석 UX Discovery (UX 트렌드 리포트) 특별판 - 신규 모바일앱 서비스 분석
UX Discovery (UX 트렌드 리포트) 특별판 - 신규 모바일앱 서비스 분석 RightBrain inc.
 
ใบความรู้ที่ 8 application paint pot2
ใบความรู้ที่ 8 application paint pot2ใบความรู้ที่ 8 application paint pot2
ใบความรู้ที่ 8 application paint pot2Nattapon
 
Memahami alir proses produksi produk multimedia 1
Memahami alir proses produksi produk multimedia 1Memahami alir proses produksi produk multimedia 1
Memahami alir proses produksi produk multimedia 1Eko Supriyadi
 
Data-Driven UX: 구체적 방법과 사례들
Data-Driven UX: 구체적 방법과 사례들Data-Driven UX: 구체적 방법과 사례들
Data-Driven UX: 구체적 방법과 사례들Yoojung Kim
 
Material design 3분 만에 살펴보기
Material design 3분 만에 살펴보기Material design 3분 만에 살펴보기
Material design 3분 만에 살펴보기Doran Hwang
 
ICCIT Council × GDSC: UX / UI and Figma
ICCIT Council × GDSC: UX / UI and FigmaICCIT Council × GDSC: UX / UI and Figma
ICCIT Council × GDSC: UX / UI and FigmaGDSC UofT Mississauga
 
모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부
모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부
모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부RightBrain inc.
 
2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인Donghoo Kim
 
Why UX is Important
Why UX is Important Why UX is Important
Why UX is Important Chris Becker
 

Mais procurados (20)

[메조미디어] Media&Market Report (2022.10)
[메조미디어] Media&Market Report (2022.10)[메조미디어] Media&Market Report (2022.10)
[메조미디어] Media&Market Report (2022.10)
 
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニックデキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
Design Toolbox — teaching design, its processes & methods
Design Toolbox — teaching design, its processes & methodsDesign Toolbox — teaching design, its processes & methods
Design Toolbox — teaching design, its processes & methods
 
UXDS_Naver me UX 개선안 프로젝트_최종
UXDS_Naver me UX 개선안 프로젝트_최종UXDS_Naver me UX 개선안 프로젝트_최종
UXDS_Naver me UX 개선안 프로젝트_최종
 
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
 
Ui design
Ui designUi design
Ui design
 
UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선]
UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선] UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선]
UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선]
 
여행가이드 트리플 - UXUI 개선
여행가이드 트리플 - UXUI 개선여행가이드 트리플 - UXUI 개선
여행가이드 트리플 - UXUI 개선
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
UX Discovery (UX 트렌드 리포트) 특별판 - 신규 모바일앱 서비스 분석
UX Discovery (UX 트렌드 리포트) 특별판 - 신규 모바일앱 서비스 분석 UX Discovery (UX 트렌드 리포트) 특별판 - 신규 모바일앱 서비스 분석
UX Discovery (UX 트렌드 리포트) 특별판 - 신규 모바일앱 서비스 분석
 
ใบความรู้ที่ 8 application paint pot2
ใบความรู้ที่ 8 application paint pot2ใบความรู้ที่ 8 application paint pot2
ใบความรู้ที่ 8 application paint pot2
 
Memahami alir proses produksi produk multimedia 1
Memahami alir proses produksi produk multimedia 1Memahami alir proses produksi produk multimedia 1
Memahami alir proses produksi produk multimedia 1
 
Data-Driven UX: 구체적 방법과 사례들
Data-Driven UX: 구체적 방법과 사례들Data-Driven UX: 구체적 방법과 사례들
Data-Driven UX: 구체적 방법과 사례들
 
Material design 3분 만에 살펴보기
Material design 3분 만에 살펴보기Material design 3분 만에 살펴보기
Material design 3분 만에 살펴보기
 
ICCIT Council × GDSC: UX / UI and Figma
ICCIT Council × GDSC: UX / UI and FigmaICCIT Council × GDSC: UX / UI and Figma
ICCIT Council × GDSC: UX / UI and Figma
 
모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부
모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부
모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부
 
2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인
 
Why UX is Important
Why UX is Important Why UX is Important
Why UX is Important
 

Semelhante a Pxd ui study 01 work modeling(open src)

퍼소나로 완성하는 인터랙션 디자인
퍼소나로 완성하는 인터랙션 디자인퍼소나로 완성하는 인터랙션 디자인
퍼소나로 완성하는 인터랙션 디자인정인 주
 
Quantitative evaluation of media space configuration in a task-oriented remot...
Quantitative evaluation of media space configuration in a task-oriented remot...Quantitative evaluation of media space configuration in a task-oriented remot...
Quantitative evaluation of media space configuration in a task-oriented remot...SoobinCho5
 
UX 디자인 7가지 비밀: 비밀 4
UX 디자인 7가지 비밀: 비밀 4UX 디자인 7가지 비밀: 비밀 4
UX 디자인 7가지 비밀: 비밀 4Nammin Lee
 
애자일과 애자일 테스트 소개 (테스트기본교육 3장 2절)
애자일과 애자일 테스트 소개 (테스트기본교육 3장 2절)애자일과 애자일 테스트 소개 (테스트기본교육 3장 2절)
애자일과 애자일 테스트 소개 (테스트기본교육 3장 2절)SangIn Choung
 
인터랙티브미디어2 - 사용성테스트
인터랙티브미디어2 - 사용성테스트인터랙티브미디어2 - 사용성테스트
인터랙티브미디어2 - 사용성테스트Ji Lee
 
Pxd ui study 02 planning your contextual interviews
Pxd ui study 02 planning your contextual interviewsPxd ui study 02 planning your contextual interviews
Pxd ui study 02 planning your contextual interviewspxdstory
 
1st.Lecture.Introduction.pdf
1st.Lecture.Introduction.pdf1st.Lecture.Introduction.pdf
1st.Lecture.Introduction.pdfJeongeun Kwon
 
[AUG] 칸반을 활용한 업무 프로세스 혁신 실천법
[AUG] 칸반을 활용한 업무 프로세스 혁신 실천법[AUG] 칸반을 활용한 업무 프로세스 혁신 실천법
[AUG] 칸반을 활용한 업무 프로세스 혁신 실천법철민 신
 
아키텍트대회 유엔진-장진영-Sw공학표준을 기반한 alm
아키텍트대회 유엔진-장진영-Sw공학표준을 기반한 alm아키텍트대회 유엔진-장진영-Sw공학표준을 기반한 alm
아키텍트대회 유엔진-장진영-Sw공학표준을 기반한 almuEngine Solutions
 
분석과 설계
분석과 설계분석과 설계
분석과 설계Haeil Yi
 
[오픈소스컨설팅]Session 6. scrum과 jira 기반의 소프트웨어 개발 프로세스
[오픈소스컨설팅]Session 6. scrum과 jira 기반의 소프트웨어 개발 프로세스[오픈소스컨설팅]Session 6. scrum과 jira 기반의 소프트웨어 개발 프로세스
[오픈소스컨설팅]Session 6. scrum과 jira 기반의 소프트웨어 개발 프로세스Hee Jae Lee
 
Agile sw development 101
Agile sw development 101Agile sw development 101
Agile sw development 101Kiwon Kyung
 
개발이 테스트를 만났을 때(Shift left testing)
개발이 테스트를 만났을 때(Shift left testing)개발이 테스트를 만났을 때(Shift left testing)
개발이 테스트를 만났을 때(Shift left testing)SangIn Choung
 
Sqlp 스터디
Sqlp 스터디Sqlp 스터디
Sqlp 스터디lee4339
 

Semelhante a Pxd ui study 01 work modeling(open src) (20)

퍼소나로 완성하는 인터랙션 디자인
퍼소나로 완성하는 인터랙션 디자인퍼소나로 완성하는 인터랙션 디자인
퍼소나로 완성하는 인터랙션 디자인
 
Quantitative evaluation of media space configuration in a task-oriented remot...
Quantitative evaluation of media space configuration in a task-oriented remot...Quantitative evaluation of media space configuration in a task-oriented remot...
Quantitative evaluation of media space configuration in a task-oriented remot...
 
UX 디자인 7가지 비밀: 비밀 4
UX 디자인 7가지 비밀: 비밀 4UX 디자인 7가지 비밀: 비밀 4
UX 디자인 7가지 비밀: 비밀 4
 
애자일과 애자일 테스트 소개 (테스트기본교육 3장 2절)
애자일과 애자일 테스트 소개 (테스트기본교육 3장 2절)애자일과 애자일 테스트 소개 (테스트기본교육 3장 2절)
애자일과 애자일 테스트 소개 (테스트기본교육 3장 2절)
 
인터랙티브미디어2 - 사용성테스트
인터랙티브미디어2 - 사용성테스트인터랙티브미디어2 - 사용성테스트
인터랙티브미디어2 - 사용성테스트
 
Beyond post it snuux
Beyond post it snuuxBeyond post it snuux
Beyond post it snuux
 
Beyond post it
Beyond post itBeyond post it
Beyond post it
 
Pxd ui study 02 planning your contextual interviews
Pxd ui study 02 planning your contextual interviewsPxd ui study 02 planning your contextual interviews
Pxd ui study 02 planning your contextual interviews
 
기획형 리서치
기획형 리서치기획형 리서치
기획형 리서치
 
퍼스널 애자일
퍼스널 애자일퍼스널 애자일
퍼스널 애자일
 
1st.Lecture.Introduction.pdf
1st.Lecture.Introduction.pdf1st.Lecture.Introduction.pdf
1st.Lecture.Introduction.pdf
 
[AUG] 칸반을 활용한 업무 프로세스 혁신 실천법
[AUG] 칸반을 활용한 업무 프로세스 혁신 실천법[AUG] 칸반을 활용한 업무 프로세스 혁신 실천법
[AUG] 칸반을 활용한 업무 프로세스 혁신 실천법
 
아키텍트대회 유엔진-장진영-Sw공학표준을 기반한 alm
아키텍트대회 유엔진-장진영-Sw공학표준을 기반한 alm아키텍트대회 유엔진-장진영-Sw공학표준을 기반한 alm
아키텍트대회 유엔진-장진영-Sw공학표준을 기반한 alm
 
분석과 설계
분석과 설계분석과 설계
분석과 설계
 
Fedevtalk 15 jds
Fedevtalk 15 jdsFedevtalk 15 jds
Fedevtalk 15 jds
 
[Nux]13 nux
[Nux]13 nux[Nux]13 nux
[Nux]13 nux
 
[오픈소스컨설팅]Session 6. scrum과 jira 기반의 소프트웨어 개발 프로세스
[오픈소스컨설팅]Session 6. scrum과 jira 기반의 소프트웨어 개발 프로세스[오픈소스컨설팅]Session 6. scrum과 jira 기반의 소프트웨어 개발 프로세스
[오픈소스컨설팅]Session 6. scrum과 jira 기반의 소프트웨어 개발 프로세스
 
Agile sw development 101
Agile sw development 101Agile sw development 101
Agile sw development 101
 
개발이 테스트를 만났을 때(Shift left testing)
개발이 테스트를 만났을 때(Shift left testing)개발이 테스트를 만났을 때(Shift left testing)
개발이 테스트를 만났을 때(Shift left testing)
 
Sqlp 스터디
Sqlp 스터디Sqlp 스터디
Sqlp 스터디
 

Mais de pxdstory

Pxd annual esssay 2014
Pxd annual esssay 2014Pxd annual esssay 2014
Pxd annual esssay 2014pxdstory
 
IDEO 교육자를 위한 디자인사고 워크북 2.0(한국어번역)
IDEO 교육자를 위한 디자인사고 워크북 2.0(한국어번역)IDEO 교육자를 위한 디자인사고 워크북 2.0(한국어번역)
IDEO 교육자를 위한 디자인사고 워크북 2.0(한국어번역)pxdstory
 
IDEO 교육자를 위한 디자인사고 툴킷 2.0(한국어번역)
IDEO 교육자를 위한 디자인사고 툴킷 2.0(한국어번역)IDEO 교육자를 위한 디자인사고 툴킷 2.0(한국어번역)
IDEO 교육자를 위한 디자인사고 툴킷 2.0(한국어번역)pxdstory
 
교육자를 위한 디자인사고 툴킷 퀵스타트 가이드
교육자를 위한 디자인사고 툴킷 퀵스타트 가이드교육자를 위한 디자인사고 툴킷 퀵스타트 가이드
교육자를 위한 디자인사고 툴킷 퀵스타트 가이드pxdstory
 
Interviewbox 140227
Interviewbox 140227Interviewbox 140227
Interviewbox 140227pxdstory
 
pxd Annual Story 2012
pxd Annual Story 2012pxd Annual Story 2012
pxd Annual Story 2012pxdstory
 
Pxd ui study 06 about face 3 외부 공유용
Pxd ui study 06 about face 3 외부 공유용Pxd ui study 06 about face 3 외부 공유용
Pxd ui study 06 about face 3 외부 공유용pxdstory
 
Pxd ui study 04 contextual interview interpretation session(open src)
Pxd ui study 04 contextual interview interpretation session(open src)Pxd ui study 04 contextual interview interpretation session(open src)
Pxd ui study 04 contextual interview interpretation session(open src)pxdstory
 
Pxd ui study 03 contextual interview(open src)
Pxd ui study 03 contextual interview(open src)Pxd ui study 03 contextual interview(open src)
Pxd ui study 03 contextual interview(open src)pxdstory
 

Mais de pxdstory (9)

Pxd annual esssay 2014
Pxd annual esssay 2014Pxd annual esssay 2014
Pxd annual esssay 2014
 
IDEO 교육자를 위한 디자인사고 워크북 2.0(한국어번역)
IDEO 교육자를 위한 디자인사고 워크북 2.0(한국어번역)IDEO 교육자를 위한 디자인사고 워크북 2.0(한국어번역)
IDEO 교육자를 위한 디자인사고 워크북 2.0(한국어번역)
 
IDEO 교육자를 위한 디자인사고 툴킷 2.0(한국어번역)
IDEO 교육자를 위한 디자인사고 툴킷 2.0(한국어번역)IDEO 교육자를 위한 디자인사고 툴킷 2.0(한국어번역)
IDEO 교육자를 위한 디자인사고 툴킷 2.0(한국어번역)
 
교육자를 위한 디자인사고 툴킷 퀵스타트 가이드
교육자를 위한 디자인사고 툴킷 퀵스타트 가이드교육자를 위한 디자인사고 툴킷 퀵스타트 가이드
교육자를 위한 디자인사고 툴킷 퀵스타트 가이드
 
Interviewbox 140227
Interviewbox 140227Interviewbox 140227
Interviewbox 140227
 
pxd Annual Story 2012
pxd Annual Story 2012pxd Annual Story 2012
pxd Annual Story 2012
 
Pxd ui study 06 about face 3 외부 공유용
Pxd ui study 06 about face 3 외부 공유용Pxd ui study 06 about face 3 외부 공유용
Pxd ui study 06 about face 3 외부 공유용
 
Pxd ui study 04 contextual interview interpretation session(open src)
Pxd ui study 04 contextual interview interpretation session(open src)Pxd ui study 04 contextual interview interpretation session(open src)
Pxd ui study 04 contextual interview interpretation session(open src)
 
Pxd ui study 03 contextual interview(open src)
Pxd ui study 03 contextual interview(open src)Pxd ui study 03 contextual interview(open src)
Pxd ui study 03 contextual interview(open src)
 

Pxd ui study 01 work modeling(open src)

  • 1. PXD UI Study Contextual Design 0 1 Wo r k M o d e l s
  • 2. Contextual Design을 공부해야 하는 이유 •깊이있는 인터뷰와 빠른 Data정리 •정확한 사용자의 니즈 발굴 •훈련된 CD진행자가 되자
  • 3. 첫 번째 책 소개 단계별 가이드 간략한 프로세스 도구
  • 4. 첫 번째 책의 수업 진행 업무 모델링 06 업무 모델링 03 컨텍스추얼 인터뷰 계획하기 컨텍스추얼 04 컨텍스추얼 인터뷰하기 인터뷰 05 컨텍스추얼 인터뷰 해석 세션 워크샵 워크샵 (07 시퀀스 모델 정리하기를 기본으로 진행)
  • 5.
  • 6. 30세 남자 위 모 승용군 업무환경에 대한 불만 개선하고 싶다
  • 7. Work Models 정의 시점 Why Work Model 이란? 사용자의 업무 또는 활동의 구조를 기록한 다이어그램 정성 데이터를 기록하는 명확한 방법
  • 8.
  • 9. Work Models 정의 시점 Why 1. Discover 2. Define 3. Develop 4. Deliver Basic research Contextual Modeling Idea workshop Key path scenario Competitive analysis Affinity diagram Roadmap Usability test 1 User Research Plan Persona Modeling Framework sketch Usability test 2 Contextual Inquiry Strategy & UX concept Key screen layout Workflow
  • 10. Work Models 정의 시점 Why Why? 복잡한 정성적 데이터 관리 이후 프로세스를 위한 밑거름 외부적 커뮤니케이션 도구
  • 11. Work Models 종류 3 +2 Sequence Model Physical Model Artifact Model Flow Model Cultural Model
  • 12.
  • 13. Work Models Sequence Model Physical Model Artifact Model •시퀀스 모델(Sequence Model) - 사용자가 과업(Task)을 수행하는 동안 행하는 행동 단계들의 기록 •각각의 행동단계에 대한 정리된 모델 •행동 유발의 계기와 의도 찾기 •있는 그대로의 기록
  • 14. Work Models Sequence Model Physical Model Artifact Model •구성 요소 행동단계 •사용자가 직무 또는 특정한 단계를 시작하도록 촉진하는 상황임 계기 •계기는 항상 시퀀스의 출발이 됨 (trigger) •왜 그들은 특정 단계에서 그런 행동을 했는가 의도 •사용자가 직무나 특정 단계를 행하는 의식/무의식적 이유임 (intent) •의도를 더 많이 정의할 수록 더 좋은 결과물을 도출해낼 수 있음 •사용자의 뜻대로 되지 않은 것 장애물 (breakdown) •사용자의 과업 완수 및 의도를 방해하는 것
  • 15. Work Models Sequence Model Physical Model Artifact Model •구성 요소 코트가 필요해 상품권 득템 코트를 산다 Intent Trigger 실제 행동 12시간 거리 breakdown
  • 16. Work Models Sequence Model Physical Model Artifact Model
  • 17.
  • 18.
  • 19.
  • 21. Work Models Sequence Model Physical Model Artifact Model •피해야 할 일 -> 올바른 방향 사용자가 타겟 제품을 다룰 때 프로세스에서 직무와 연관된 모든 단계를 기록한다 그 제품에만 집중한다 (행동, 공동작업, 토론, 결정 단계 등등) 모든 세부사항을 기록한다 단계를 요약한다 (일어난 일, 이용된 실제 물건, 이동한 장소, 사용제품, 대화 주제 등) 모두 기록한다 방해/중단된 직무 변동을 무시한다 장애요소가 있다면 그것이 일어난 부분도 기록한다. 시퀀스가 전환될 경우 전환되는 때를 모두 기록한다. 내부적인 계기 모두 기록한다 의도와 계기를 기록하지 않는다 개별 단계들의 의도를 모두 파악하여 기록한다
  • 22.
  • 23. Work Models Sequence Model Physical Model Artifact Model •피지컬 모델(Physical Model) - 사용자 업무에 영향을 미치는 실제/물리적 환경에 대한 모델링 •업무 수행간 공간의 영향과 이용방식 확인 •사용자의 자연스러운 업무 흐름/패턴 발견 •물리적 환경에서 기회와 장애물 확인
  • 24. Work Models Sequence Model Physical Model Artifact Model •구성 요소 장소 모델(site model) •건물, 방의 구조, 물리적 공간 전체 업무 현장 모델 (workplace model) •사용자 개인 업무 공간
  • 25. Work Models Sequence Model Physical Model Artifact Model •구성 요소 장소 모델(site model) 업무 현장 모델 (workplace model)
  • 26.
  • 27.
  • 28.
  • 29. Work Models Sequence Model Physical Model Artifact Model •피지컬 모델링 요령 •플립차트 페이지의 맨 위에 사용자 코드와 번호를 찍는다 •벽, 구획, 복도, 사람들이 자연스럽게 모이는 장소 등, 공간을 정의하는 물리적인 구조를 그린다. •여러분이 조사 중인 직무를 사용자가 완수하는 데 활용하는 디지털 또는 아날로그 도구들을 포함한다. 하드웨어, 소프트웨어 온라인 자료, 팩스, 전화, PDA등이 있다. 예를 들면 사용자가 복사기 프린터, 또는 팩스를 이용하려면 일어나서 100걸음을 걸어야 한다고 해보자. 여러분의 제품이 이 업무 수행을 더 잘 지원하려면 모델에 그것까지 그려 넣는다. •공간에서 사용자의 움직임을 선으로 그려서 모델에 표시한다. 예를 들어, 쇼핑에서 통로를 걷는다던가 이리저리 다니는 부분 혹은 화학 실험실에서 안전 점검을 하기 위해 실험기구를 앞뒤로 살펴보는 식의 패턴을 나타내는 움직임을 강조한다. •업무에 이용되는 모든 사물, 도구, 책, 서류더미, 또는 사용자가 구분해 놓은 기타 자료들이 어떤 것인지 확인한다. 예를 들면 손쉽게 빼들 수 있는 책, 사용자가 문서를 정리하려고 만든 바인더, 벽에 붙여둔 연락처 리스트, 컴퓨터나 냉장고에 붙여 둔 포스트잇, 미팅을 표시한 달력 등이 있다. •업무 공간을 이용하는 데 관련된 장애물을 기록한다. 장애물은 모델에 빨간 지그재그 라인을 그려서 확실하게 표시한다. 방금 언급한 복사기까지 100걸음은 기록할 만한 좋은 장애물이다. •공간과 공간을 세팅하는 방법, 그 의도까지 기록한다. 공간이 어떻게 이용되고 업무 현장과 영역에 포함된 사용자 조직의 의도는 무엇인지, 모델에 주석으로 달아 둔다. 예를 들면 우리는 식료품점의 제과와 주류 코너에 “유혹의 장소”라는 라벨을 붙였는데, 사용자가 구매를 하도록 끌어당기거나 유혹이 두려워 도망가도록 만드는 곳이기 때문이다. 꼼꼼하게 기록해라
  • 30. Work Models Sequence Model Physical Model Artifact Model •피지컬 모델링 요령 •물리적인 환경을 자세히 기록 •업무에 영향을 주는 업무현장의 모든 특징 •업무를 조직화하는데 공간이 어떻게 이용되는지 암시하는 것들 •아티팩트와 사물의 위치 정보가 되는 것들 •사용자가 자주 사용하기 때문에 손이 잘 가는 곳에 두는 것들
  • 31. Work Models Sequence Model Physical Model Artifact Model •피해야 할 일 -> 올바른 방향 인터뷰 중 폴더, 바인더, 캐비닛에 물어본다 무엇이 있는지 묻기를 주저한다 (왜 물어보는지에 대한 이유를 알리고 주저없이 물어본다) 인터뷰 과정 중에도 모델을 기록하고 기억에 의존하여 모델링을 한다 분석과정에서 보완한다 모두 기록한다 최소한의 스케치만 한다 사용자가 공간을 이용하는 방식과 중요한 업무 특징들을 모두 기록한다. 물건의 명칭도 구체적이고 명확하게 기록한다 업무와 관련 없는 것들도 프로젝트 성격에 맞는 물리적인 환경에 우선 집중한다. 업무와 전혀 상관없는 정원의 식물, 가족사진, 모두 정리한다 기타 개인적인 것들을 포함시킬 필요는 없다 업무 현장에 있는 것을 팀원들과 공간을 이해할 수 있는 정로도만 모두 정확하게 재연하려고 한다 세부사항을 그리고 중요한 요소들을 기록한다.
  • 32.
  • 33. Work Models Sequence Model Physical Model Artifact Model •아티팩트 모델(Artifact Model) - 업무를 수행할 때 이용하거나 업무에 영향을 미치는 주변 사물을 분석 •사용자가 무엇과 인터랙션 하는지 설명 •시퀀스 모델의 부족한 부분을 보충 •행동 유발의 계기 및 문제점 발견
  • 34.
  • 35.
  • 36. Work Models Sequence Model Physical Model Artifact Model •아티팩트 모델 정리하기 •사용자 코드와 번호, 해석 세션을 진행한 날짜 작성 •주로 사용되는 부분들과 사용되지 않는 부분들 •공식적이거나 비공식적인 면 모두에서 각 부분들의 구조. 정보가 어떻게 구분되고 그룹으로 나눠지는가 •사용상 특이한 점. 예를 들면, 손쉬운 검토 또는 커뮤니케이션을 돕거나 방해하는 부분 등 •사물에 의해 표시된 정보. 표시되거나 입력된 데이터와 그것이 어떻게 이용되고 재연되는가? •사물에 나타나는 명백한 업무특징들. 아티팩트에서 암시적으로 또는 명시적으로 표현된 콘셉트들. •아티팩트의 용법. 더 큰 업무 프로세스 또는 직무에서 어디에 이용되는가 •아티팩트의 의도 또는 부분. 사용자가 아티팩트의 특정 부위에 가치를 두는 이유는 무엇인가? •또한 아티팩트를 이용해 어떤 상위의 목적을 달성할 수 있는가 •아티팩트를 사용할 때 나타나는 장애물. 빨간색 지그재그 라인으로 표시된 부분 사용 의도와 용법 아티팩트 사용 전후 맥락 파악 장애요소 확인
  • 37. Work Models 정리 생각 나누기
  • 38. Work Models 정리 생각 나누기 정리 Tool “서로 다른 성격의 정보를 분류하여 효율적인 정리를 돕는 정리 방법”
  • 39. Work Models 정리 생각 나누기 정리 Tool 커뮤니케이션 Tool “서로 다른 성격의 정보를 분류하여 “업무 관계자들 간에 프로젝트 공유를 효율적인 정리를 돕는 정리 방법” 원할하게 도와주는 커뮤니케이션 툴”
  • 40. Work Models 정리 생각 나누기 정리 Tool 커뮤니케이션 Tool 전략 도출 밑거름 “서로 다른 성격의 정보를 분류하여 “업무 관계자들 간에 프로젝트 공유를 “전략 도출을 이끌어 내기위한 효율적인 정리를 돕는 정리 방법” 원할하게 도와주는 커뮤니케이션 툴” 로우 데이터 정리 및 해석 작업”
  • 41. Work Models 정리 생각 나누기 •특별한 형식은 없다 비공개 자료 모델링에 대한 이름 지어주기 방법론 선점 어떻게 하면 먼저 선점할 수 있을까?
  • 42. Work Models Sequence Model Physical Model Artifact Model + Flow Model + Cultural Model •Flow Model - 직무를 수행하는데 필요한 사람들 의 책임, 커뮤니케이션, 공동작업을 묘 사하는 모델링 - 사람들의 역할, 핵심 업무 그룹, 필 요한 정보, 핵심 활동, 커뮤니케이션 패턴, 업무 프로세스 흐름 등을 알 수 있다.
  • 43. Work Models Sequence Model Physical Model Artifact Model + Flow Model + Cultural Model •Cultural Model - 업무를 수행하는 사람을 둘러싼 기 업 외부적 영향 또는 내부 정책적인 영 향력을 밝혀낸다. - 컬처 모델은 조직, 가정 또는 지역 적 위치 내에 존재하는 문화적 이슈 뿐 만 아니라, 그들의 업무와 사용하는 도 구에 관한 사람들의 감정을 간파하는 통찰을 제공한다.