エンジニアと協働するためのデザイン的アプローチ

どんなにデザイン思考を追求して画面設計をしたところで、エンジニアの力がなければ形になることはありません。職種関係なく「良い製品を作る」という目標のなか作っているものの、アプローチが異なるどころか、何気なく使っている言葉の解釈も違うことがあります。

本セッションでは MT7 の開発で起こったコミュニケーションの摩擦や・工夫を見ながら、今後の Web サイト設計・制作に必要になるデザインスキルを紹介します。

Transcript

1. .5%%$
   
   ೥݄೔
   ௕୩઒ګٱ
2. ϋ η Ψ ϫ Ϡ ε ώ α σβΠφʔ
   اըɾ੍࡞ɾίϯαϧςΟϯά
   ϥΠλʔɾεϐʔΧʔ 4JY
   "QBSU
   σβΠϯސ໰
3. ϓϩμΫτௐࠪ
   ίϯηϓτ֬ೝɾڞ༗
   σβΠϯͷݴޠԽ
   େ࿮ͷઃܭͱ؂म ը໘ઃܭ
   ϏδϡΞϧσβΠϯ ˏoguraayumi ˏyhassy
4. ˏyuji ˏhirata ϓϩμΫτϏδϣϯ ֬ೝɾݕূɾڞ༗
5. ෳ਺ͷίϯςϯπλΠϓ͕ ू·ͬͨू߹ମ ΧελϜϑΟʔϧυͱΤϯ ςΟςΟ͕૊Έ߹Θͬͨ͞ ঢ়ଶ ৘ใͷ࠷খ୯ҐͰɺ͢΂ͯ ͷίϯςϯπΛߏ੒͢Δ
   ͨΊͷ෦඼ Entity Content Type Sites ΤϯςΟςΟ ίϯςϯπλΠϓ αΠτ
6. ैདྷͷ֓೦Ϟσϧͱ͸ҟͳΔ ͦ΋ͦ΋ࢢ৔ʹϑΟοτ͢Δ΋ͷͳͷ͔ ݱଘϓϩμΫτ͔ΒͲ͏ਐԽͤ͞Δ͔
7. Ϣʔβʔ͕ཧղͰ͖Δ΋ͷ
   ඞཁͩͱࢥ͑Δ΋ͷ νʔϜͰཧղͰ͖Δ΋ͷ
   ಈ͖ग़ͤΔؔ܎ੑ ಺ͷσβΠϯ ֎ͷσβΠϯ
9. ։ൃυϦϒϯ
   εϞʔϧνʔϜ
   ϕςϥϯͷϓϩ͕ଟ͍
   ։ൃͷਐΊํ͸੒ख़͍ͯ͠Δ
10. ࢹ֮Խ͸ᩦཉʹɺ σβΠϯࢥߟ͸΄Ͳ΄Ͳʹ 1 ࢥߟͷΪϟοϓΛຒΊ͍ͯ͘ 2 ϓϩηεΛυΩϡϝϯτ͍ͯ͘͠؀ڥ࡞Γ 3 ຊ೔ͷςʔϚ
12. Ͱɺ͜Ε͕ҰମԿͳͷʁ
13. ਖ਼߈๏͕࠷దղͰ͸ͳ͍ ந৅౓ͷߴ͍੒Ռ෺͸৔ॴΛબͿ 1 ϞνϕʔγϣϯͷτϦΨʔ͸ਓͦΕͧΕ 2 ࢹ֮Խɾઆ໌ΛఘΊΔͱޙͰڹ͘ 3
14. ػೳΛߜͬͯɺ ·ͣ࡞Δ ݟͯɾ৮ͬͯ֬ೝ͢Δ վળ͍ͯ͘͠ ࢹ֮Խͨ͠৘ใΛجʹઆ໌͢Δ ඞཁͰ͋Ε͹৘ใΛิ଍͢Δ
15. Ϣʔβʔࢹ఺ͷσβΠϯͷਅҙ Ұॹʹಇ͘஥ؒ΋ʰϢʔβʔʱ
    σβΠϯख๏͸ॊೈ͔ͭ͠ͳ΍͔ʹ
    μϝͳ΋ͷ͸ͬ͞͞ͱอ؅ͯ࣍͠Λ࡞Δ
17. ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ
18. ɹ ɹ ɹ ɹ ϨΠΞ΢τ ෦඼ ૷০ ૉࡐ
19. ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ෦඼͔Β͍͖ͳΓ࡞Εͳ͍ σβΠφʔ Ұ؏ੑ͕ͳ͍ͱೋ౓खؒ ΤϯδχΞ
20. … View all hayase chieko Users … View all My Assets Brand Folders Recent Popular Favorite Add Entity Dashboard Sites Members Settings Yuji Takayama Search Anything brand_new_uploadfile.png Something_good.png Yuji Takayama Jan 12, 2015 CMS
    8IJUFQBQFS Yuji Takayama Feb 14, 2015 extremely long file name that cannot fit… Yuji Takayama Apr 21, 2015 .Z
    $BU
    .PWJF Yuji Takayama May 5, 2015 movabletype_jp.png Yuji Takayama May 18, 2015 Graph about User Engagement Yuji Takayama Jun 1, 2015 Official Logo Yuji Takayama Aug 4, 2015 Company Information Yuji Takayama Jul 21, 2015 Name Owner Published Site A Entity Create New Entries 321 Pages 10 Q&A 0 Site A Content Type Dashboard Sites People Workflow Settings Yuji Takayama Dashboard Sites Members Settings Y. Hasegawa Today 12:42PM Takayama added new content type “Q&A” I moved all Q&A content from Blog, so please use “Q&A” if you want to add new content. Thank you :-) Yesterday 1:21PM Nakata added new assets 11:09AM Miyake is asking for an approval of “Name of Article” Name of Article Name of Article 9:21AM Message from Movable Type We have released Patch 7.0.11. New feature includes flexible workflow and 20 bug fixes. Please read realease note for more detail. Notification Center Something_good.png Yuji Takayama Jan 12, 2015 CMS
    8IJUFQBQFS Yuji Takayama Feb 14, 2015 extremely long file name that cannot fit… Yuji Takayama Apr 21, 2015 .Z
    $BU
    .PWJF Yuji Takayama May 5, 2015 movabletype_jp.png Yuji Takayama May 18, 2015 Graph about User Engagement Yuji Takayama Jun 1, 2015 Official Logo Yuji Takayama Aug 4, 2015 Company Information Yuji Takayama Jul 21, 2015 Everyone.jpg Yuji Takayama Jun 18, 2015 cat’s computer.png Yuji Takayama Jun 11, 2015 Name Owner Published Recent Items Site A Library Recent Favorite Shared Tags Server Add Entity Dashboard Sites Settings Yuji Takayama Dashboard Sites People Workflow Settings Yuji Takayama Workflow Create New Workflow Cancel Save Draft Review Stage Name Content is editable by others Notify people via email Yuji Takayama Editorial Team Assigned to Cancel Add Default Workflow Dashboard Sites People Workflow Settings Yuji Takayama Site A Content Entry MOVABLE TYPE 6.1.2 RELEASED Yuji Takayama Jan 12, 2015 Movable Type For AWS (Apache) is now ... Yuji Takayama Feb 14, 2015 Movable Type Pro Technical Support Now ... Yuji Takayama Apr 21, 2015 .PWBCMF
    5ZQF
    
    SFMFBTFE Yuji Takayama May 5, 2015 Movable Type 6.0.8 and 5.2.13 released to ... Yuji Takayama May 18, 2015 Find Plugins and Themes More Easily Than ... Yuji Takayama Jun 1, 2015 Syntax Highlighting for MTML on GitHub Yuji Takayama Aug 4, 2015 New Installation Guide for Apple and Windows ... Yuji Takayama Jul 21, 2015 Name Owner Published Entry Dashboard Sites People Workflow Settings Yuji Takayama Site A Content Type Create New Entries 321 Edit Duplicate Delete Assign Workflow Pages 10 Q&A 0 Create New Entries 321 Edit Duplicate Delete Assign Workflow Pages 10 Cancel Save Default Workflow Assign Workflow Q&A 0 Content Type Dashboard Sites People Workflow Settings Yuji Takayama Workflow Create New Workflow Cancel Save Draft Review Stage Name Content is editable by others Notify people via email Yuji Takayama Editorial Team Assigned to Cancel Add Default Workflow Dashboard Sites People Workflow Settings Yuji Takayama Workflow Create New Workflow Add New Stage Cancel Save Draft Review Default Workflow Charlie Site A $POUFOU
    5ZQF
    
    
    
    &OUSJFT
    
    
    
    1BHFT
    
    
    
    &WFOUT "TTFUT .FNCFST %FTJHO 4FUUJOHT 5PPMT .PWBCMF
    5ZQF
    Ϋϥ΢υ൛ϋϯζΦϯηϛφʔʲاۀͷ8&#୲౰ऀ༷޲͚ʳ ʲ.5౦ژʳ࣌୹ͰΒ͘Β͘ʂ
    ৗ࣌44-
    ˍ
    ϨεϙϯγϒαΠτ ΧελϚʔδϟʔχʔϚοϓ࡞ΓͷલʹɺϖϧιφΛ໌֬ʹ͠Α͏ Content Type :PV
    DBO
    BEE
    
    NPSF Categories Excerpt Main content Title /FX
    1BHF File Name whatsmyname.html Edit Folder / Change Preview 4BWF
    BT
    %SBGU 1VCMJTI May 20, 2017 Draft
21. Charlie Site A $POUFOU
    5ZQF
    
    
    
    &OUSJFT
    
    
    
    1BHFT
    
    
    
    &WFOUT "TTFUT .FNCFST %FTJHO 4FUUJOHT 5PPMT .PWBCMF
    5ZQF
    Ϋϥ΢υ൛ϋϯζΦϯηϛφʔʲاۀͷ8&#୲౰ऀ༷޲͚ʳ ʲ.5౦ژʳ࣌୹ͰΒ͘Β͘ʂ
    ৗ࣌44-
    ˍ
    ϨεϙϯγϒαΠτ ΧελϚʔδϟʔχʔϚοϓ࡞ΓͷલʹɺϖϧιφΛ໌֬ʹ͠Α͏ Content Type :PV
    DBO
    BEE
    
    NPSF Categories Excerpt Main content Title /FX
    1BHF File Name whatsmyname.html Edit Folder / Change Preview 4BWF
    BT
    %SBGU 1VCMJTI May 20, 2017 Draft Charlie Site A $POUFOU
    5ZQF
    
    
    
    &OUSJFT
    
    
    
    1BHFT
    
    
    
    &WFOUT "TTFUT .FNCFST %FTJHO 4FUUJOHT 5PPMT .PWBCMF
    5ZQF
    Ϋϥ΢υ൛ϋϯζΦϯηϛφʔʲاۀͷ8&#୲౰ऀ༷޲͚ʳ ʲ.5౦ژʳ࣌୹ͰΒ͘Β͘ʂ
    ৗ࣌44-
    ˍ
    ϨεϙϯγϒαΠτ ΧελϚʔδϟʔχʔϚοϓ࡞ΓͷલʹɺϖϧιφΛ໌֬ʹ͠Α͏ Content Type :PV
    DBO
    BEE
    
    NPSF Categories Excerpt Main content Title /FX
    1BHF File Name whatsmyname.html Edit Folder / Change Preview 4BWF
    BT
    %SBGU 1VCMJTI May 20, 2017 Draft Charlie Site A $POUFOU
    5ZQF
    
    
    
    &OUSJFT
    
    
    
    1BHFT
    
    
    
    &WFOUT "TTFUT .FNCFST %FTJHO 4FUUJOHT 5PPMT .PWBCMF
    5ZQF
    Ϋϥ΢υ൛ϋϯζΦϯηϛφʔʲاۀͷ8&#୲౰ऀ༷޲͚ʳ ʲ.5౦ژʳ࣌୹ͰΒ͘Β͘ʂ
    ৗ࣌44-
    ˍ
    ϨεϙϯγϒαΠτ ΧελϚʔδϟʔχʔϚοϓ࡞ΓͷલʹɺϖϧιφΛ໌֬ʹ͠Α͏ Content Type :PV
    DBO
    BEE
    
    NPSF Categories Excerpt Main content Title /FX
    1BHF File Name whatsmyname.html Edit Folder / Change Preview 4BWF
    BT
    %SBGU 1VCMJTI May 20, 2017 Draft ༷ʑͳը໘ͷঢ়ଶ σʔλ͕ͳ͍
    ΢Οϯυ΢αΠζ
    ༷ʑͳछྨͷΤϥʔ
    ίϯςϯπྔͷมԽ
22. … View all hayase chieko Users … View all My Assets Brand Folders Recent Popular Favorite Add Entity Dashboard Sites Members Settings Yuji Takayama Search Anything brand_new_uploadfile.png Something_good.png Yuji Takayama Jan 12, 2015 CMS
    8IJUFQBQFS Yuji Takayama Feb 14, 2015 extremely long file name that cannot fit… Yuji Takayama Apr 21, 2015 .Z
    $BU
    .PWJF Yuji Takayama May 5, 2015 movabletype_jp.png Yuji Takayama May 18, 2015 Graph about User Engagement Yuji Takayama Jun 1, 2015 Official Logo Yuji Takayama Aug 4, 2015 Company Information Yuji Takayama Jul 21, 2015 Name Owner Published Site A Entity Create New Entries 321 Pages 10 Q&A 0 Site A Content Type Dashboard Sites People Workflow Settings Yuji Takayama Dashboard Sites Members Settings Y. Hasegawa Today 12:42PM Takayama added new content type “Q&A” I moved all Q&A content from Blog, so please use “Q&A” if you want to add new content. Thank you :-) Yesterday 1:21PM Nakata added new assets 11:09AM Miyake is asking for an approval of “Name of Article” Name of Article Name of Article 9:21AM Message from Movable Type We have released Patch 7.0.11. New feature includes flexible workflow and 20 bug fixes. Please read realease note for more detail. Notification Center Something_good.png Yuji Takayama Jan 12, 2015 CMS
    8IJUFQBQFS Yuji Takayama Feb 14, 2015 extremely long file name that cannot fit… Yuji Takayama Apr 21, 2015 .Z
    $BU
    .PWJF Yuji Takayama May 5, 2015 movabletype_jp.png Yuji Takayama May 18, 2015 Graph about User Engagement Yuji Takayama Jun 1, 2015 Official Logo Yuji Takayama Aug 4, 2015 Company Information Yuji Takayama Jul 21, 2015 Everyone.jpg Yuji Takayama Jun 18, 2015 cat’s computer.png Yuji Takayama Jun 11, 2015 Name Owner Published Recent Items Site A Library Recent Favorite Shared Tags Server Add Entity Dashboard Sites Settings Yuji Takayama Dashboard Sites People Workflow Settings Yuji Takayama Workflow Create New Workflow Cancel Save Draft Review Stage Name Content is editable by others Notify people via email Yuji Takayama Editorial Team Assigned to Cancel Add Default Workflow Dashboard Sites People Workflow Settings Yuji Takayama Site A Content Entry MOVABLE TYPE 6.1.2 RELEASED Yuji Takayama Jan 12, 2015 Movable Type For AWS (Apache) is now ... Yuji Takayama Feb 14, 2015 Movable Type Pro Technical Support Now ... Yuji Takayama Apr 21, 2015 .PWBCMF
    5ZQF
    
    SFMFBTFE Yuji Takayama May 5, 2015 Movable Type 6.0.8 and 5.2.13 released to ... Yuji Takayama May 18, 2015 Find Plugins and Themes More Easily Than ... Yuji Takayama Jun 1, 2015 Syntax Highlighting for MTML on GitHub Yuji Takayama Aug 4, 2015 New Installation Guide for Apple and Windows ... Yuji Takayama Jul 21, 2015 Name Owner Published Entry Dashboard Sites People Workflow Settings Yuji Takayama Site A Content Type Create New Entries 321 Edit Duplicate Delete Assign Workflow Pages 10 Q&A 0 Create New Entries 321 Edit Duplicate Delete Assign Workflow Pages 10 Cancel Save Default Workflow Assign Workflow Q&A 0 Content Type Dashboard Sites People Workflow Settings Yuji Takayama Workflow Create New Workflow Cancel Save Draft Review Stage Name Content is editable by others Notify people via email Yuji Takayama Editorial Team Assigned to Cancel Add Default Workflow Dashboard Sites People Workflow Settings Yuji Takayama Workflow Create New Workflow Add New Stage Cancel Save Draft Review Default Workflow Charlie Site A $POUFOU
    5ZQF
    
    
    
    &OUSJFT
    
    
    
    1BHFT
    
    
    
    &WFOUT "TTFUT .FNCFST %FTJHO 4FUUJOHT 5PPMT .PWBCMF
    5ZQF
    Ϋϥ΢υ൛ϋϯζΦϯηϛφʔʲاۀͷ8&#୲౰ऀ༷޲͚ʳ ʲ.5౦ژʳ࣌୹ͰΒ͘Β͘ʂ
    ৗ࣌44-
    ˍ
    ϨεϙϯγϒαΠτ ΧελϚʔδϟʔχʔϚοϓ࡞ΓͷલʹɺϖϧιφΛ໌֬ʹ͠Α͏ Content Type :PV
    DBO
    BEE
    
    NPSF Categories Excerpt Main content Title /FX
    1BHF File Name whatsmyname.html Edit Folder / Change Preview 4BWF
    BT
    %SBGU 1VCMJTI May 20, 2017 Draft ͻͱͭͻͱͭ࡞Δͷ͸ඇޮ཰ ࠷ॳ͔Β͢΂ͯΛ૝ఆͰ͖ͳ͍ ࣮૷͠ͳ͍ͱ෼͔Βͳ͍͜ͱ΋ଟ͍
29. 6*ΨΠυϥΠϯ ࣮૷͠ͳ͕Βߟ͑ΔͨΊͷΞϓϩʔν
    6*ͷ࣮૷ํ๏΍ɺ࢖͍Ͳ͜ΖΛهࡌ
    Ұ؏ੑͷ͋ΔσβΠϯΛॳظஈ֊͔ΒߟྀͰ͖Δ
    ࡞Γͳ͕Βվળ͢ΔͷͰ׬੒ܗ͕ݟ͑೉͍͜ͱ΋
31. σβΠϯͷϒϥοΫϘοΫεԽΛආ͚Δ
32. ։ൃ σβΠϯ ్தܦա΋ৗʹڞ༗͞Εͨঢ়ଶ ͋Δఔ౓ͷਫ਼౓ʹͳͬͨঢ়ଶͰڞ༗͞ΕΔ
33. 判断基準はデザイナーの頭の中 品質管理をする手段がない エンジニアのスピードについていけない
34. σβΠϯ ը໘ભҠ ΨΠυϥΠϯ ࣮૷ ձ࿩ ਐߦ ίϛϡχέʔγϣϯ
37. σβΠϯͷΦʔϓϯԽ ్தܦաΛݟͤΔश׳Λͭ͘Δ
    ΞΠσΞΛڞ༗Ͱ͖Δ૭ޱΛங͘
    ϓϩηεΛυΩϡϝϯτ͢Δ
    ࡞ΓࠐΈ
    WT
    ૣ͘ݟͤΔͷʹे෼ͳਫ਼౓
38. 1 2 3 ࢹ֮Խ͸ᩦཉʹɺ σβΠϯࢥߟ͸΄Ͳ΄Ͳʹ ࢥߟͷΪϟοϓΛຒΊ͍ͯ͘ ϓϩηεΛυΩϡϝϯτ͍ͯ͘͠؀ڥ࡞Γ ·ͱΊ पΓ͕ཧղ͠΍͍͢ڞ༗ํ๏Λ໛ࡧ͢Δ ΤϯδχΞ͚ͩͰ΋ಈ͚ΔϧʔϧΛઃ͚Δ σβΠφʔͷ಄ͷத͚ͩʹ͠ͳ͍
39. ࠓޙͷ༧ఆ ओཁૢ࡞ͷը໘ભҠͷಥͬࠐΜͩઃܭ 1 σβΠϯͷৄࡉΛ٧Ί͍ͯ͘ ʢϥϕϧ΋ؚʣ 2 ελΠϧΨΠυͷॆ࣮ 3
40. ௕୩઒ګٱ @yhassy mail@yasuhisa.com