SlideShare ist ein Scribd-Unternehmen logo
1 von 7
UX Design



               2012-02-07
            스마트미디어본부
기존 프로젝트 방식의 문제점



           SCOPE (범위, 요구사항) ◀ fix, locked




                QUALITY (품질)




COST (자원, 인력)                             SCHEDULE (일정)

            Project management triangle                   폭포수 방법론 (Waterfall)
            (3대 제약사항, 관리변수)




 ISSUE
 . 고객과 사용자의 요구사항을 도출하기 매우 어렵다.
  - 신규 서비스의 경우 AS-IS 나 경쟁사 서비스가 없는 경우
  - Prototype 을 사용해 보기 전까지 요구사항을 확정하기 어려운 경우
 . one-time, non-routine 프로젝트에는 적합하지 않다.
기존 프로젝트 방식의 문제점




ISSUE
. 분석 단계에서 고객의 요구사항만 분석하고 있다. (실제 사용자에 대한 고려는 배제 됨)
. 설계 단계에서 IA는 사이트맵 수준으로 정리되며, 화면설계서 이외의 산출물은 형식적으로 작성됨.
기존 프로젝트 방식의 문제점


      착수      분석       설계           구현                  테스트                 완료


기획    요구사항 분석      화면설계작성           화면설계수정                      테스트


디자인                         디자인시안            그래픽디자인 / 컨펌 / 수정                오픈


개발                                  화면설계분석 / 의견            구현         디버깅


                                                                      프로젝트 수행의 현실




 ISSUE
 . 담당 기획자가 나름대로 작성한 화면설계서를 기준으로 모든 업무가 진행됨.
 . 고객은 그래픽디자인을 보고 정성적인 평가를 통해 컨펌을 진행함 (그래픽디자인 변경에 따른 화면설계의 수
 . 현실적으로 개발 부분에 대한 분석 / 설계는 이루어 지고 있지 않음.
 . 개발자는 화면설계를 가지고 각 기능에 대한 구현 여부 검토 (화면설계 수정 발생)


           가장 큰 문제점은 User Interaction 에 대한 고려가 전혀 없는 상황
           구현 완료 시점에서 문제점 도출 / 수정
UX 디자인 이란


사용자의 인식과 행동 등의 경험에 긍정적인 영향을 끼치도록
제반 요소들을 창조하거나 일체화시키는 것.




                 [ source : ux디자인 프로젝트 가이드 ]
UX 디자이너 주요업무 영역



   정보설계가(Information Architect)
    정보 구조 모델 정의
    콘텐츠 카테고리와 내비게이션 설계
    산출물 : 사이트맵, 메뉴설계




   인터랙션 디자이너(Interaction Designer)
    사용자 행위를 바탕으로 작업절차나 기능을 설계
    화면의 흐름과 작동성을 디자인
    산출물 : Task Flow 설계, 와이어프레임(페이지 내 인터렉
    션)


   사용자 조사 전문가 (User Researcher)
    사용자 리서치를 바탕으로 사용자 니즈 발굴/인사이트 제
    공
UX 디자인 Process


               착수               분석            설계                                                     구현


UX             Design Brief     사용자리서치        Persona   User Scenario
                                                                                  Service Map
Design                                                                            / Task Flow
                                                                             요구
UI                                                       디자인시안
                                                                             사항                 UT    Agile
Design                                                    /가이드                    Wireframe
                                                                             정의
                                                                                       /
                                                                                  Prototyping
개발                                                       시스템분석



            구분                                                          내용

Design Brief                  서비스의 정의, 사용자 정의, 서비스의 필요성, 프로젝트 일정 등 전반적인 사항에 대하여 기술한 문서 (6하 원칙)

사용자리서치                        서비스나 제품을 사용할 핵심 사용자 그룹을 정의하고 사용자 그룹에 대한 리서치를 수행하여 요구사항을 추출

Persona                       전형적인 타겟 고객을 묘사하고 있는 문서로 사용자리서치 결과를 반영하며, 고객들의 실제 행동을 예측하기 위해 사용

User Scenario (User
                              각각의 페르소나가 서비스(제품)를 사용하는 상황을 설명하는 문서로 정황, 주요경로, 점검 시나리오로 구성된다.
Story)

Service Map (Site Map)        서비스(제품)의 전체 구조를 보여주는 문서로 사이트맵, 컨텐츠 목록, 네비게이션 맵 등을 포함한다.

Task Flow (Use Case)          요구사항에서 정리된 주요 Task 의 흐름을 순서도 형식으로 표현한 문서로 주요경로 시나리오가 구체화된 형태임.

Wireframe (화면설계서)             서비스(제품)의 초기적인 형태를 보기 위해 만드는 프로토타입, 페이지나 스크린에 보이는 요소들을 정하기 위해 사용

Prototype                     Wireframe 을 사용가능한 형태로 구체화 시킨 것

UT (사용성 테스트)                  설계된 서비스(제품)의 사용 편의성을 정량적이나 정성적으로 측정하여 디자인을 검증하는 작업

Weitere ähnliche Inhalte

Was ist angesagt?

HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
(주)SNC Lab.
 
재미있는Ux디자인이야기 이희진
재미있는Ux디자인이야기 이희진재미있는Ux디자인이야기 이희진
재미있는Ux디자인이야기 이희진
EnableKorea,MoneyQ
 
실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up
Amy Young Ah Kim
 
오래가는 Ux 디자인 파이널 1414905 이서현
오래가는 Ux 디자인 파이널  1414905 이서현오래가는 Ux 디자인 파이널  1414905 이서현
오래가는 Ux 디자인 파이널 1414905 이서현
서현 이
 
사용자 중심의 소프트웨어 개발을 위한 UI/UX 참조모델 가이드
사용자 중심의 소프트웨어 개발을 위한 UI/UX 참조모델 가이드사용자 중심의 소프트웨어 개발을 위한 UI/UX 참조모델 가이드
사용자 중심의 소프트웨어 개발을 위한 UI/UX 참조모델 가이드
한국디자인진흥원 공공서비스디자인PD
 

Was ist angesagt? (20)

Scenario-Based Interactive UI Design
Scenario-Based Interactive UI DesignScenario-Based Interactive UI Design
Scenario-Based Interactive UI Design
 
UX디자인
UX디자인UX디자인
UX디자인
 
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
 
사용자경험 이야기 요약본
사용자경험 이야기 요약본사용자경험 이야기 요약본
사용자경험 이야기 요약본
 
모바일 UX디자인의 개요
모바일 UX디자인의 개요모바일 UX디자인의 개요
모바일 UX디자인의 개요
 
재미있는Ux디자인이야기 이희진
재미있는Ux디자인이야기 이희진재미있는Ux디자인이야기 이희진
재미있는Ux디자인이야기 이희진
 
UX Trend Research
UX Trend ResearchUX Trend Research
UX Trend Research
 
비즈니스모델링_2012_콘텐츠진흥원_SCC
비즈니스모델링_2012_콘텐츠진흥원_SCC비즈니스모델링_2012_콘텐츠진흥원_SCC
비즈니스모델링_2012_콘텐츠진흥원_SCC
 
UX, UX Design, UX Process (@Daum/2014)
UX, UX Design, UX Process (@Daum/2014)UX, UX Design, UX Process (@Daum/2014)
UX, UX Design, UX Process (@Daum/2014)
 
실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up
 
2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인
 
모바일UX디자인 Essential
모바일UX디자인 Essential모바일UX디자인 Essential
모바일UX디자인 Essential
 
Mobile ux design_for_ck_univ
Mobile ux design_for_ck_univMobile ux design_for_ck_univ
Mobile ux design_for_ck_univ
 
Ux for beginners
Ux for beginnersUx for beginners
Ux for beginners
 
Ux for beginners
Ux for beginnersUx for beginners
Ux for beginners
 
Ux design approach
Ux design approachUx design approach
Ux design approach
 
Ui vs ux
Ui vs uxUi vs ux
Ui vs ux
 
오래가는 Ux 디자인 파이널 1414905 이서현
오래가는 Ux 디자인 파이널  1414905 이서현오래가는 Ux 디자인 파이널  1414905 이서현
오래가는 Ux 디자인 파이널 1414905 이서현
 
사용자 중심의 소프트웨어 개발을 위한 UI/UX 참조모델 가이드
사용자 중심의 소프트웨어 개발을 위한 UI/UX 참조모델 가이드사용자 중심의 소프트웨어 개발을 위한 UI/UX 참조모델 가이드
사용자 중심의 소프트웨어 개발을 위한 UI/UX 참조모델 가이드
 
20150307 abcd발표_ux디자이너 실력으로 살아남기
20150307 abcd발표_ux디자이너 실력으로 살아남기20150307 abcd발표_ux디자이너 실력으로 살아남기
20150307 abcd발표_ux디자이너 실력으로 살아남기
 

Ähnlich wie Ux design process

Pswc ux 강의 문서 20120330
Pswc ux 강의 문서 20120330Pswc ux 강의 문서 20120330
Pswc ux 강의 문서 20120330
Daniel Lynn
 
강의 개요 및 교안 2014 1차수_font
강의 개요 및 교안 2014 1차수_font강의 개요 및 교안 2014 1차수_font
강의 개요 및 교안 2014 1차수_font
Young Choi
 
앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012
앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012
앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012
Daum DNA
 
[Isd]06 service design_discover
[Isd]06 service design_discover[Isd]06 service design_discover
[Isd]06 service design_discover
shalala46
 
프로젝트실무와기획의역할
프로젝트실무와기획의역할프로젝트실무와기획의역할
프로젝트실무와기획의역할
Amy Young Ah Kim
 
프로젝트실무와 기획의 역할
프로젝트실무와 기획의 역할프로젝트실무와 기획의 역할
프로젝트실무와 기획의 역할
Amy Young Ah Kim
 
최영현 강의 개요 및 교안샘플 배포용_font
최영현 강의 개요 및 교안샘플 배포용_font최영현 강의 개요 및 교안샘플 배포용_font
최영현 강의 개요 및 교안샘플 배포용_font
Young Choi
 

Ähnlich wie Ux design process (20)

[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
 
Pswc ux 강의 문서 20120330
Pswc ux 강의 문서 20120330Pswc ux 강의 문서 20120330
Pswc ux 강의 문서 20120330
 
[H3 2012] UX, 애자일하고 싶어요
[H3 2012] UX, 애자일하고 싶어요[H3 2012] UX, 애자일하고 싶어요
[H3 2012] UX, 애자일하고 싶어요
 
기획자의불편한진실
기획자의불편한진실기획자의불편한진실
기획자의불편한진실
 
강의 개요 및 교안 2014 1차수_font
강의 개요 및 교안 2014 1차수_font강의 개요 및 교안 2014 1차수_font
강의 개요 및 교안 2014 1차수_font
 
앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012
앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012
앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012
 
성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론 성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론
 
[Isd]06 service design_discover
[Isd]06 service design_discover[Isd]06 service design_discover
[Isd]06 service design_discover
 
Atlassian을 이용한 애자일 ALM 소개 / JIRA 프로젝트 예산 관리 - 커브
Atlassian을 이용한 애자일 ALM 소개 / JIRA 프로젝트 예산 관리 - 커브Atlassian을 이용한 애자일 ALM 소개 / JIRA 프로젝트 예산 관리 - 커브
Atlassian을 이용한 애자일 ALM 소개 / JIRA 프로젝트 예산 관리 - 커브
 
강의 개요 및 교안 2013 4차수_font
강의 개요 및 교안 2013 4차수_font강의 개요 및 교안 2013 4차수_font
강의 개요 및 교안 2013 4차수_font
 
Uxtrigger brochure v4(2019)-rev
Uxtrigger brochure v4(2019)-revUxtrigger brochure v4(2019)-rev
Uxtrigger brochure v4(2019)-rev
 
[Nux]13 nux
[Nux]13 nux[Nux]13 nux
[Nux]13 nux
 
프로젝트실무와기획의역할
프로젝트실무와기획의역할프로젝트실무와기획의역할
프로젝트실무와기획의역할
 
프로젝트실무와 기획의 역할
프로젝트실무와 기획의 역할프로젝트실무와 기획의 역할
프로젝트실무와 기획의 역할
 
최영현 강의 개요 및 교안샘플 배포용_font
최영현 강의 개요 및 교안샘플 배포용_font최영현 강의 개요 및 교안샘플 배포용_font
최영현 강의 개요 및 교안샘플 배포용_font
 
UX 디자인 기본 개념과 프로세스
UX 디자인 기본 개념과 프로세스UX 디자인 기본 개념과 프로세스
UX 디자인 기본 개념과 프로세스
 
Agados ABP(Application Building Process) Overview
Agados ABP(Application Building Process) Overview Agados ABP(Application Building Process) Overview
Agados ABP(Application Building Process) Overview
 
스마트 모바일 앱 개발 방법론(2)
스마트 모바일 앱 개발 방법론(2)스마트 모바일 앱 개발 방법론(2)
스마트 모바일 앱 개발 방법론(2)
 
SW 아키텍처 분석방법
SW 아키텍처 분석방법 SW 아키텍처 분석방법
SW 아키텍처 분석방법
 
Teaminterface Company Profile
Teaminterface Company ProfileTeaminterface Company Profile
Teaminterface Company Profile
 

Mehr von cheonsu park (9)

14.interaction design
14.interaction design14.interaction design
14.interaction design
 
Persona
PersonaPersona
Persona
 
13.ux design
13.ux design13.ux design
13.ux design
 
9.웹제작모델
9.웹제작모델9.웹제작모델
9.웹제작모델
 
6.프리젠테이션
6.프리젠테이션6.프리젠테이션
6.프리젠테이션
 
3.web의역사와browser
3.web의역사와browser3.web의역사와browser
3.web의역사와browser
 
2.communication & interaction
2.communication & interaction2.communication & interaction
2.communication & interaction
 
1.orientation
1.orientation1.orientation
1.orientation
 
HCI - Human Computer Interaction
HCI - Human Computer InteractionHCI - Human Computer Interaction
HCI - Human Computer Interaction
 

Ux design process

  • 1. UX Design 2012-02-07 스마트미디어본부
  • 2. 기존 프로젝트 방식의 문제점 SCOPE (범위, 요구사항) ◀ fix, locked QUALITY (품질) COST (자원, 인력) SCHEDULE (일정) Project management triangle 폭포수 방법론 (Waterfall) (3대 제약사항, 관리변수) ISSUE . 고객과 사용자의 요구사항을 도출하기 매우 어렵다. - 신규 서비스의 경우 AS-IS 나 경쟁사 서비스가 없는 경우 - Prototype 을 사용해 보기 전까지 요구사항을 확정하기 어려운 경우 . one-time, non-routine 프로젝트에는 적합하지 않다.
  • 3. 기존 프로젝트 방식의 문제점 ISSUE . 분석 단계에서 고객의 요구사항만 분석하고 있다. (실제 사용자에 대한 고려는 배제 됨) . 설계 단계에서 IA는 사이트맵 수준으로 정리되며, 화면설계서 이외의 산출물은 형식적으로 작성됨.
  • 4. 기존 프로젝트 방식의 문제점 착수 분석 설계 구현 테스트 완료 기획 요구사항 분석 화면설계작성 화면설계수정 테스트 디자인 디자인시안 그래픽디자인 / 컨펌 / 수정 오픈 개발 화면설계분석 / 의견 구현 디버깅 프로젝트 수행의 현실 ISSUE . 담당 기획자가 나름대로 작성한 화면설계서를 기준으로 모든 업무가 진행됨. . 고객은 그래픽디자인을 보고 정성적인 평가를 통해 컨펌을 진행함 (그래픽디자인 변경에 따른 화면설계의 수 . 현실적으로 개발 부분에 대한 분석 / 설계는 이루어 지고 있지 않음. . 개발자는 화면설계를 가지고 각 기능에 대한 구현 여부 검토 (화면설계 수정 발생) 가장 큰 문제점은 User Interaction 에 대한 고려가 전혀 없는 상황 구현 완료 시점에서 문제점 도출 / 수정
  • 5. UX 디자인 이란 사용자의 인식과 행동 등의 경험에 긍정적인 영향을 끼치도록 제반 요소들을 창조하거나 일체화시키는 것. [ source : ux디자인 프로젝트 가이드 ]
  • 6. UX 디자이너 주요업무 영역 정보설계가(Information Architect) 정보 구조 모델 정의 콘텐츠 카테고리와 내비게이션 설계 산출물 : 사이트맵, 메뉴설계 인터랙션 디자이너(Interaction Designer) 사용자 행위를 바탕으로 작업절차나 기능을 설계 화면의 흐름과 작동성을 디자인 산출물 : Task Flow 설계, 와이어프레임(페이지 내 인터렉 션) 사용자 조사 전문가 (User Researcher) 사용자 리서치를 바탕으로 사용자 니즈 발굴/인사이트 제 공
  • 7. UX 디자인 Process 착수 분석 설계 구현 UX Design Brief 사용자리서치 Persona User Scenario Service Map Design / Task Flow 요구 UI 디자인시안 사항 UT Agile Design /가이드 Wireframe 정의 / Prototyping 개발 시스템분석 구분 내용 Design Brief 서비스의 정의, 사용자 정의, 서비스의 필요성, 프로젝트 일정 등 전반적인 사항에 대하여 기술한 문서 (6하 원칙) 사용자리서치 서비스나 제품을 사용할 핵심 사용자 그룹을 정의하고 사용자 그룹에 대한 리서치를 수행하여 요구사항을 추출 Persona 전형적인 타겟 고객을 묘사하고 있는 문서로 사용자리서치 결과를 반영하며, 고객들의 실제 행동을 예측하기 위해 사용 User Scenario (User 각각의 페르소나가 서비스(제품)를 사용하는 상황을 설명하는 문서로 정황, 주요경로, 점검 시나리오로 구성된다. Story) Service Map (Site Map) 서비스(제품)의 전체 구조를 보여주는 문서로 사이트맵, 컨텐츠 목록, 네비게이션 맵 등을 포함한다. Task Flow (Use Case) 요구사항에서 정리된 주요 Task 의 흐름을 순서도 형식으로 표현한 문서로 주요경로 시나리오가 구체화된 형태임. Wireframe (화면설계서) 서비스(제품)의 초기적인 형태를 보기 위해 만드는 프로토타입, 페이지나 스크린에 보이는 요소들을 정하기 위해 사용 Prototype Wireframe 을 사용가능한 형태로 구체화 시킨 것 UT (사용성 테스트) 설계된 서비스(제품)의 사용 편의성을 정량적이나 정성적으로 측정하여 디자인을 검증하는 작업