Top Banner
Agile Prototyping 백미진 ([email protected] ) http://www.banglab.com/blog/paper_prototyping/
12

Agile prototyping intro v.1.5

Jul 17, 2015

Download

Software

Mijin Baek
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Agile prototyping intro v.1.5

Agile Prototyping

백미진����������� ������������������  ([email protected])����������� ������������������  ����������� ������������������  

http://www.banglab.com/blog/paper_prototyping/����������� ������������������  

Page 2: Agile prototyping intro v.1.5

Contents

•  What����������� ������������������  is����������� ������������������  Paper����������� ������������������  Prototyping?����������� ������������������  

•  Why����������� ������������������  Paper����������� ������������������  Prototyping?����������� ������������������  

•  When����������� ������������������  Paper����������� ������������������  Prototyping����������� ������������������  to����������� ������������������  be����������� ������������������  used?����������� ������������������  

•  So,����������� ������������������  why����������� ������������������  we����������� ������������������  do����������� ������������������  Paper����������� ������������������  Prototyping?����������� ������������������  

•  When����������� ������������������  &����������� ������������������  who����������� ������������������  can����������� ������������������  we����������� ������������������  use����������� ������������������  PP����������� ������������������  @LGE?����������� ������������������  

•  How����������� ������������������  to����������� ������������������  

•  사례����������� ������������������  

����������� ������������������  

Page 3: Agile prototyping intro v.1.5

What is Paper Prototyping ? 페이퍼����������� ������������������  프로토타이핑은����������� ������������������  종이를����������� ������������������  이용하여����������� ������������������  마치����������� ������������������  구현된����������� ������������������  시스템처럼����������� ������������������  동작시켜보는����������� ������������������  Activity����������� ������������������  

����������� ������������������  ����������� ������������������  

"Paper����������� ������������������  prototyping����������� ������������������  is����������� ������������������  a����������� ������������������  variation����������� ������������������  of����������� ������������������  usability����������� ������������������  testing����������� ������������������  where����������� ������������������  representative����������� ������������������  users����������� ������������������  perform����������� ������������������  realistic����������� ������������������  tasks����������� ������������������  by����������� ������������������  interacting����������� ������������������  with����������� ������������������  a����������� ������������������  paper����������� ������������������  version����������� ������������������  of����������� ������������������  the����������� ������������������  interface����������� ������������������  that����������� ������������������  is����������� ������������������  manipulated����������� ������������������  by����������� ������������������  a����������� ������������������  person����������� ������������������  ‘playing����������� ������������������  computer,’����������� ������������������  who����������� ������������������  doesn’t����������� ������������������  explain����������� ������������������  how����������� ������������������  the����������� ������������������  

interface����������� ������������������  is����������� ������������������  intended����������� ������������������  to����������� ������������������  work."����������� ������������������  ­–����������� ������������������  Paper����������� ������������������  Prototyping����������� ������������������  (http://www.paperprototyping.com/)����������� ������������������  

페이퍼����������� ������������������  프로토타이핑은����������� ������������������  코드를����������� ������������������  작성하기����������� ������������������  전����������� ������������������  컨셉만����������� ������������������  가지고도����������� ������������������  누구나����������� ������������������  쉽게����������� ������������������  사용성����������� ������������������  테스트를����������� ������������������  미리����������� ������������������  해봄으로써����������� ������������������  조기에����������� ������������������  문제점을����������� ������������������  발견하는����������� ������������������  데����������� ������������������  도움을����������� ������������������  준다����������� ������������������  

����������� ������������������  ����������� ������������������  

"Sure,����������� ������������������  it's����������� ������������������  low-tech,����������� ������������������  but����������� ������������������  this����������� ������������������  usability����������� ������������������  testing����������� ������������������  method����������� ������������������  can����������� ������������������  help����������� ������������������  you����������� ������������������  sidestep����������� ������������������  problems����������� ������������������  before����������� ������������������  you����������� ������������������  write����������� ������������������  your����������� ������������������  code"����������� ������������������  ����������� ������������������  

-����������� ������������������  IBM����������� ������������������  ����������� ������������������  DeveloperWorks����������� ������������������  

Page 4: Agile prototyping intro v.1.5

Why Paper prototyping ?

큰����������� ������������������  초기����������� ������������������  비용����������� ������������������  ����������� ������������������  학습시간����������� ������������������  소요����������� ������������������  전문가����������� ������������������  필요����������� ������������������  

수정이����������� ������������������  어려움����������� ������������������  최종����������� ������������������  정리����������� ������������������  도구����������� ������������������  

적은����������� ������������������  비용����������� ������������������  사전����������� ������������������  학습����������� ������������������  불필요����������� ������������������  누구나����������� ������������������  쉽게����������� ������������������  참여����������� ������������������  유저����������� ������������������  스토리를����������� ������������������  옮겨����������� ������������������  보기����������� ������������������  쉬움����������� ������������������  ����������� ������������������  커뮤니케이션을����������� ������������������  위한����������� ������������������  도구����������� ������������������  

vs.

Page 5: Agile prototyping intro v.1.5

When Paper Prototyping to be used?

http://agilewarrior.wordpress.com/2010/11/06/the-agile-inception-deck/

Page 6: Agile prototyping intro v.1.5

So, why we do Paper Prototyping?

1.����������� ������������������  컨셉����������� ������������������  및����������� ������������������  사용성에����������� ������������������  대한����������� ������������������  문제점����������� ������������������  및����������� ������������������  Risk����������� ������������������  조기����������� ������������������  도출����������� ������������������  ����������� ������������������  - 개발을����������� ������������������  시작하기����������� ������������������  이전,����������� ������������������  기획����������� ������������������  ~����������� ������������������  인터페이스����������� ������������������  디자인����������� ������������������  단계에서����������� ������������������  사용성����������� ������������������  테스트를����������� ������������������  반복적으로����������� ������������������  수행

함으로써����������� ������������������  사용성����������� ������������������  관점의����������� ������������������  문제점����������� ������������������  조기����������� ������������������  도출����������� ������������������  가능����������� ������������������  ����������� ������������������  

-  Risk의����������� ������������������  조기����������� ������������������  도출로����������� ������������������  개발����������� ������������������  시작����������� ������������������  전에����������� ������������������  대응책����������� ������������������  수립����������� ������������������  가능����������� ������������������  ����������� ������������������  ����������� ������������������  

2.����������� ������������������  UX����������� ������������������  관점의����������� ������������������  스토리����������� ������������������  라인,����������� ������������������  페이지����������� ������������������  레이아웃����������� ������������������  가시화����������� ������������������  -  시뮬레이션을����������� ������������������  통라여����������� ������������������  End����������� ������������������  user에게����������� ������������������  가치를����������� ������������������  주는����������� ������������������  UX����������� ������������������  가시화����������� ������������������  

3.����������� ������������������  유관부서����������� ������������������  간����������� ������������������  커뮤니케이션����������� ������������������  증진����������� ������������������  및����������� ������������������  요구사항����������� ������������������  합의����������� ������������������  가능����������� ������������������  -  요구사항에����������� ������������������  대하여����������� ������������������  유관부서����������� ������������������  모두의����������� ������������������  관점에서����������� ������������������  논의����������� ������������������  

-  요구사항에����������� ������������������  대한����������� ������������������  동일한����������� ������������������  완료����������� ������������������  기준����������� ������������������  공유����������� ������������������  ����������� ������������������  

Page 7: Agile prototyping intro v.1.5

So, why we do Paper Prototyping?

제품����������� ������������������  개발에����������� ������������������  참여하는����������� ������������������  사람들이����������� ������������������  같은����������� ������������������  것을����������� ������������������  바라보기!!����������� ������������������  ����������� ������������������  ����������� ������������������  

����������� ������������������  

Page 8: Agile prototyping intro v.1.5

When & who can use PP?

• 추상적인����������� ������������������  수준의����������� ������������������  요구사항����������� ������������������  발의����������� ������������������  • 개발����������� ������������������  중����������� ������������������  잦은����������� ������������������  요구사항����������� ������������������  변경����������� ������������������  및����������� ������������������  새로운����������� ������������������  요구사항����������� ������������������  발의����������� ������������������  ����������� ������������������  

As����������� ������������������  Is����������� ������������������  ����������� ������������������  

• 요구사항이����������� ������������������  fix되지����������� ������������������  않기����������� ������������������  때문에����������� ������������������  UX����������� ������������������  시나리오����������� ������������������  문서가����������� ������������������  fix되지����������� ������������������  않음����������� ������������������  

• Interaction이����������� ������������������  없는����������� ������������������  UX����������� ������������������  시나리오����������� ������������������  

• 사용성����������� ������������������  관점에서����������� ������������������  검증되지����������� ������������������  않은����������� ������������������  요구사항으로����������� ������������������  인하여����������� ������������������  잦은����������� ������������������  코드����������� ������������������  수정����������� ������������������  발생����������� ������������������  

• 신기능����������� ������������������  요구사항����������� ������������������  제안����������� ������������������  시����������� ������������������  사용성����������� ������������������  측면에서����������� ������������������  충분한����������� ������������������  테스트����������� ������������������  수행����������� ������������������  

• 개발����������� ������������������  초기����������� ������������������  interaction이����������� ������������������  보이는����������� ������������������  UX����������� ������������������  시나리오����������� ������������������  작성����������� ������������������  

• 개발����������� ������������������  중����������� ������������������  사용성����������� ������������������  이슈����������� ������������������  발생����������� ������������������  시����������� ������������������  코드를����������� ������������������  수정하기����������� ������������������  전에����������� ������������������  종이를����������� ������������������  이용하여����������� ������������������  재����������� ������������������  구조화����������� ������������������  작업����������� ������������������  선수행����������� ������������������  ����������� ������������������  

To����������� ������������������  be����������� ������������������  

• paper����������� ������������������  prototyping����������� ������������������  수행����������� ������������������  과정에서����������� ������������������  유관부서����������� ������������������  전체가����������� ������������������  사용자����������� ������������������  관점의����������� ������������������  요구사항����������� ������������������  확인����������� ������������������  가능����������� ������������������  ����������� ������������������  

• 사용자����������� ������������������  관점의����������� ������������������  Feature����������� ������������������  개발을����������� ������������������  위한����������� ������������������  역할����������� ������������������  분담����������� ������������������  가능����������� ������������������  

• 부서����������� ������������������  간����������� ������������������  R&R로����������� ������������������  특정����������� ������������������  역할을����������� ������������������  수행하는����������� ������������������  부서의����������� ������������������  부재����������� ������������������  • 요구사항����������� ������������������  구체화����������� ������������������  시����������� ������������������  hole����������� ������������������  발생����������� ������������������  

상품기획����������� ������������������  ����������� ������������������  

개발자����������� ������������������  

UX����������� ������������������  디자이너����������� ������������������  

• Test����������� ������������������  Case����������� ������������������  도출을����������� ������������������  위하여����������� ������������������  SRS,����������� ������������������  FMT,����������� ������������������  시나리오����������� ������������������  참조����������� ������������������  ����������� ������������������  • Paper����������� ������������������  Prototyping����������� ������������������  수행����������� ������������������  후����������� ������������������  나온����������� ������������������  결과물에서����������� ������������������  바로����������� ������������������  Test����������� ������������������  Case����������� ������������������  도출����������� ������������������  ����������� ������������������  

QE/TE����������� ������������������  

Page 9: Agile prototyping intro v.1.5

Contents

01.����������� ������������������  워크숍����������� ������������������  목적����������� ������������������  ����������� ������������������  

02.����������� ������������������  vision����������� ������������������  공유����������� ������������������  (1)����������� ������������������  메인����������� ������������������  시나리오����������� ������������������  정하기����������� ������������������  (Facilitator����������� ������������������  주도)����������� ������������������  :����������� ������������������  5분����������� ������������������  

(2)����������� ������������������  시나리오에����������� ������������������  따라����������� ������������������  씬����������� ������������������  그리기����������� ������������������  (참석자����������� ������������������  전원)����������� ������������������  :����������� ������������������  5분����������� ������������������  

(3)����������� ������������������  시뮬레이션����������� ������������������  (Facilitator����������� ������������������  주도)����������� ������������������  :����������� ������������������  15분����������� ������������������  ����������� ������������������  

����������� ������������������  (3-1)����������� ������������������  시뮬레이션(Facilitator����������� ������������������  주도)����������� ������������������  :����������� ������������������  10분����������� ������������������  ����������� ������������������  

����������� ������������������  (3-2)����������� ������������������  추가하기(참석자����������� ������������������  전원)����������� ������������������  :����������� ������������������  5분����������� ������������������  ����������� ������������������  ����������� ������������������  

03.����������� ������������������  드러내기����������� ������������������  (참석자����������� ������������������  전원)����������� ������������������  ����������� ������������������  (1)����������� ������������������  화면에����������� ������������������  보이는����������� ������������������  것,����������� ������������������  씬����������� ������������������  넘어갈����������� ������������������  때����������� ������������������  :����������� ������������������  10분����������� ������������������  

(2)����������� ������������������  찾은����������� ������������������  것����������� ������������������  구체화����������� ������������������  및����������� ������������������  우선순위����������� ������������������  부여����������� ������������������  (Facilitator����������� ������������������  주도)����������� ������������������  :����������� ������������������  15분����������� ������������������  ����������� ������������������  ����������� ������������������  

04.����������� ������������������  개선안����������� ������������������  찾기����������� ������������������  (참석자����������� ������������������  전원)����������� ������������������  ����������� ������������������  (1)����������� ������������������  우선순위����������� ������������������  대로����������� ������������������  가장����������� ������������������  이상한����������� ������������������  것부터����������� ������������������  개선안����������� ������������������  도출����������� ������������������  :����������� ������������������  10분����������� ������������������  

(2)����������� ������������������  도출된����������� ������������������  개선안으로����������� ������������������  시뮬레이션����������� ������������������  및����������� ������������������  개선안의����������� ������������������  +/-����������� ������������������  측정����������� ������������������  :����������� ������������������  15분����������� ������������������  

(3)����������� ������������������  개선안의����������� ������������������  owner,����������� ������������������  due����������� ������������������  date����������� ������������������  선정����������� ������������������  :����������� ������������������  5분����������� ������������������  

����������� ������������������  ����������� ������������������  

����������� ������������������  

����������� ������������������  

����������� ������������������  

����������� ������������������  

����������� ������������������  

Page 10: Agile prototyping intro v.1.5

How to

A4����������� ������������������  용지����������� ������������������  

가위����������� ������������������  

스카치����������� ������������������  테이프����������� ������������������  

싸인펜����������� ������������������  (다양한����������� ������������������  색상의����������� ������������������  싸인펜/네임펜����������� ������������������  준비.����������� ������������������  볼펜보다����������� ������������������  가시성이����������� ������������������  좋음)����������� ������������������  

포스트잇����������� ������������������  (5가지����������� ������������������  정도����������� ������������������  색상,����������� ������������������  크기는����������� ������������������  2가지����������� ������������������  정도)����������� ������������������  ����������� ������������������  

준비물����������� ������������������  

Page 11: Agile prototyping intro v.1.5

How to

End����������� ������������������  user����������� ������������������  (상품기획)����������� ������������������  ����������� ������������������  

Writer����������� ������������������  developer����������� ������������������  UX����������� ������������������  designer����������� ������������������  ����������� ������������������  

Facilitator����������� ������������������  

참석자����������� ������������������  

QE����������� ������������������  

Page 12: Agile prototyping intro v.1.5

사례

• 다음����������� ������������������  한메일����������� ������������������  사례����������� ������������������  

http://www.youtube.com/watch?gl=KR&hl=ko&v=GrV2SZuRPv0����������� ������������������  ����������� ������������������  

• Android's����������� ������������������  New����������� ������������������  Smartphone..����������� ������������������  https://plus.google.com/102478977025512395536/posts/EDTBTZnCs2D����������� ������������������  ����������� ������������������