Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Intro to Designing Interactive Spaces

Intro to Designing Interactive Spaces

Cookpad Tech Kitchen #17 北欧で最新のインタラクションデザインを学んできた話

近い将来、キッチンなどの生活空間にも技術が一層融け込み、インタラクティブな環境で料理をする日がくるかもしれません。インタラクティブ空間をデザインするための基礎(人々に与える効果や、プロトタイピングの手法)について体感して学んだことを共有します。 また、CIIDで大切にされているLIFE CENTRICな考えやものづくりのプロセスについても触れたいと思います。

https://cookpad.connpass.com/event/95935/

Yuji Fujisaka

August 22, 2018
Tweet

More Decks by Yuji Fujisaka

Other Decks in Technology

Transcript

  1. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    ࣗݾ঺հ ౻ࡔ ༞࢙ @yuji_tsukuba ΫοΫύουגࣜձࣾ ৽نαʔϏε։ൃ෦ɹΤϯδχΞ - 2018೥৽ଔೖࣾ ࣾձਓ1೥໨ - ৽نαʔϏεͷ։ൃʹܞΘ͍ͬͯΔ - ओͳεΩϧ͸iOS։ൃʢ࠷ۙ͸Railsʣ
  2. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    ࿩͢಺༰ ɾΠϯλϥΫςΟϒۭؒͷجૅ ʢ׆༻ࣄྫɾϓϩτλΠϓख๏ʣ ɾ$**%ͷจԽ $**%4VNNFS4DIPPM$PQFOIBHFOͰֶΜͩ͜ͱ
  3. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    Zaza Zuilhof ߨࢣ 2໊ ʴ ࢀՃऀ 12໊ DESIGNING INTERACTIVE SPACES (ΠϯλϥΫςΟϒۭؒઃܭ) Rosalind Paradis
  4. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    ʮΠϯλϥΫςΟϒۭؒઃܭʯΛબΜͩཧ༝ !εϚϗͷ࣍ͷ6*ͱͯ͠ڵຯ͋Γ "ྉཧͱ૬ੑΑͦ͞͏
 ʢকདྷͷΫοΫύουͷαʔϏεʹʁʣ
  5. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    Interactive Spaces are 
 a medium that can be used to express a message 
 ΠϯλϥΫςΟϒۭؒ͸ɺ
 ͋ΔϝοηʔδΛදݱ͢ΔͨΊʹ࢖ΘΕΔഔମ
  6. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    Interactive Spaces can teach - Design I/O – connected worlds (2010)
  7. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    Interactive Spaces can convince - The fun theory - Piano stairs (2009)
  8. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    Interactive Spaces can connect humans - Daily Tous 4XJOHT   les jours
  9. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    In designing Interactive Spaces we borrow from ...
 Interaction design, Architecture, Filmmaking, Theatre, Animation, Psychology, User centred design, Information design, Exhibition design, Communication design, Service design, Software engineering, Hardware engineering, Mechanical engineering, etc. Zaza Zuilhof / Rosalind Paradis - Day1_Intro_to_Designing_Interactive_Spaces ͔ΒҾ༻
  10. Architecture Interaction Design Interactive Spaces © Zaza Zuilhof / Rosalind

    Paradis - Day1_Intro_to_Designing_Interactive_Spaces.pdf
  11. THE BRIEF .Imbue UN city with the UN spirit. Create

    an interactive experience, in the public space of UN City, that communicates to visitors what the UN does and stands for. メイン課題:国連の掲げる目標を、訪問者が理解し
 日常的な行動につなげるインタラクティブ空間をつくる
  12. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    ϫʔΫγϣοϓͷΞ΢τϥΠϯ %BZɹɹ*OUSP ΠϯλϥΫςΟϒۭؒͷجૅߨٛʗԋश  %BZɹɹ$PODFQUJOH3FTFBSDI %BZɹ1SPUPUZQJOH5FTU %BZɹ1SFTFOUBUJPO
  13. Research Data a lot of content Information concise content RESEARCH

    IDEATION PROTOTYPING Ideas Concept Constraints Design Brief Iterations © Zaza Zuilhof / Rosalind Paradis - Day1_Intro_to_Designing_Interactive_Spaces.pdf
  14. Research Data a lot of content Information concise content RESEARCH

    IDEATION PROTOTYPING Ideas Concept Constraints Design Brief Iterations © Zaza Zuilhof / Rosalind Paradis - Day1_Intro_to_Designing_Interactive_Spaces.pdf ࠓճ͸ओʹ͜ͷ࿩
  15. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    ϓϩτλΠϐϯάͱ͸ ɾ͋ΔΞΠσΞΛ࣮ੈքͰࢼ͢ ɾந৅తͳσβΠϯΛ۩ମԽ͢Δ ɾσβΠφʔΛσβΠφʔͨΒ͠ΊΔॏཁͳश׳
  16. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    ϓϩτλΠϓख๏ - Storyboarding - Taping - Wizard of Oz-ing - Body-storming - Cardboard modelling - Virtual Mock-Up
  17. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    ϓϩτλΠϓख๏ - Storyboarding - Taping - Wizard of Oz-ing - Body-storming - Cardboard modelling - Virtual Mock-Up
  18. Prototyping Insightful Allows you to discover new steps and Understand

    key moments Fluid Can easily be modified and create Alternate Communicative Allows you to very quickly communicate an expereince intent Storyboarding Use of text and image to panels to highlight key interactive moment in an experience © Zaza Zuilhof / Rosalind Paradis - Day3_Prototyping.pdf
  19. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    ϓϩτλΠϓख๏ - Storyboarding - Taping - Wizard of Oz-ing - Body-storming - Cardboard modelling - Virtual Mock-Up
  20. Prototyping BodyStorming Act out an interactive space with or without

    props Quick and Immediate A form of interactive improve to try out different situations. Versatile Can really be applied to anything And used at any stage of the process. Participatory Requires at least two people. Try out different roles and see how they feel. © Zaza Zuilhof / Rosalind Paradis - Day3_Prototyping.pdf
  21. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    #PEZ4UPSNJOH 1BQFS1SPUPUZQJOH ྫʣ࿓ԼΛ௨Δͱ͖ͷนͷΠϯλϥΫγϣϯ
  22. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    λΠτϧ ɾλΠτϧ͜Μʹͪ͸͜Μʹͪ͸͜Μʹͪ͸ ɾλΠτϧ͜Μʹͪ͸͜Μʹͪ͸ ɾλΠτϧ͜Μʹͪ͸ BodyStorming - Iteration 1
  23. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    λΠτϧ ɾλΠτϧ͜Μʹͪ͸͜Μʹͪ͸͜Μʹͪ͸ ɾλΠτϧ͜Μʹͪ͸͜Μʹͪ͸ ɾλΠτϧ͜Μʹͪ͸ BodyStorming - Iteration 2
  24. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    ϓϩτλΠϓख๏ - Storyboarding - Taping - Wizard of Oz-ing - Body-storming - Cardboard modelling - Virtual Mock-Up
  25. Size Relationships Understand the place of multiple items Recreate a

    Space Can help you visualize a space when you cannot be in it. Human Scale Understand size relationship to body. Prototyping TAPING Overlaid 2D outlines of fixtures in the space © Zaza Zuilhof / Rosalind Paradis - Day3_Prototyping.pdf
  26. © Zaza Zuilhof / Rosalind Paradis - Day3_Prototyping.pdf Taping -

    to visualize a space when you cannot be in it
  27. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    ϓϩτλΠϓख๏ - Storyboarding - Body-storming - Wizard of Oz-ing - Taping - Cardboard modelling - Virtual Mock-Up
  28. Research Data a lot of content Information concise content RESEARCH

    IDEATION PROTOTYPING Ideas Concept Constraints Design Brief Iterations © Zaza Zuilhof / Rosalind Paradis - Day1_Intro_to_Designing_Interactive_Spaces.pdf
  29. Research Data a lot of content Information concise content RESEARCH

    IDEATION PROTOTYPING Ideas Concept Constraints Design Brief Iterations © Zaza Zuilhof / Rosalind Paradis - Day1_Intro_to_Designing_Interactive_Spaces.pdf ݁Ռ͚ͩ࿩͠·͢
  30. To make visitors and workers of the UN Building conscious

    of their personal impact in plastic ocean waste, and encourage them to change their behavior. Project Goal # 14 Life Below Water
  31. We wanted to test how the visitors reacted to the

    effect their everyday plastic waste has on the ocean, by interacting with it. Initial Concept
  32. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    ΋ͷͮ͘Γʹର͢Δߟ͑ํ •ԾઆݕূαΠΫϧΛ
 ߴ଎Ͱ܁Γฦ͢ •ૉਓࢥߟɾݰਓ࣮ߦ ‣ ΫοΫύουͷීஈͷ
 αʔϏε։ൃͱڞ௨
  33. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    LIFE CENTRIC • ୯ʹاۀ΍Ϣʔβʔͷ՝୊ղܾΛ໨ࢦ͚ͩ͢Ͱͳ͘
 ੈͷதΛΑ͘͢ΔͨΊͷϛογϣϯɾΰʔϧΛ
 ຊؾͰߟ͍͑ͯΔ ‣ ʮࠃ࿈ͷ17ͷΰʔϧʯ͸CIIDશϫʔΫγϣοϓڞ௨ͷςʔϚ ‣ ΫοΫύουͷʮຖ೔ͷྉཧΛָ͠Έʹ͢Δʯϛογϣϯʹ
 CIIDͷ୅ද΋ڧ͘ࢍಉ͍ͯ͠Δ
  34. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    ɾΠϯλϥΫςΟϒۭؒͷجૅ ʢ׆༻ࣄྫɾϓϩτλΠϓख๏ʣ ɾ$**%ͷ΋ͷͮ͘ΓͰॏࢹ͞ΕΔ
 ɹߟ͑΍จԽ ࠓճ͓࿩ͨ͜͠ͱ ‣ Listen, build, test, repeat. ‣ LIFE CENTRIC ‣ Research ‣ Ideation ‣ Prototyping
  35. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    ϫʔΫγϣοϓͰଞʹ΍ͬͨ͜ͱ ɾ*OGPSNBUJPO"SDIJUFDUVSF ɾ4FBSDI*OQVUTBOE0VUQVUT ɹɾ$SFBUJOHOFXJOQVUT .BLFZ.BLFZ  ɾ734LFUDI ɾʜʜ
  36. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    ֤ίʔεڞ௨Ͱଞʹ΍ͬͨ͜ͱ ɾಉ͡िͷ֤ίʔεͷϓϨθϯΛݟΔ ɾಉ͡िͷߨࢣਞͷ-5େձ ɾଧ্ͪ͛Ͱίϖϯϋʔήϯप༡ϘʔτπΞʔ#
  37. Prototyping Virtual Mock-Up Walk Thru ----- Different Angles View a

    form and space from multiple angles. Human Scale and Perspective Understand size relationship to body. A representation of the physical space in a virtual setting
  38. Perform the System Like body-storming but for behind the scenes

    technological system Understand Timing Get a sense of the choreography of the system. Allow Others to Engage Before you build the system out - you can quickly get a sense of how it will need to work. WIZARD OF OZ Prototyping To mimic an automatic system
  39. Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 

    週ごとに色々 各5日間 20コース 人間中心設計、機械学習、行動経済学、……