理想のデザインプロセスについて考える〜EC-CUBE 4の管理画面デザインで学んだデザインプロセスの面白さ・難しさ

by Fukazawa Kojiro

Slide 1

Slide 1 text

ཧ૝ͷσβΠϯϓϩηεΛߟ͑Δ &$☕$6#& ͷ؅ཧը໘σβΠϯͰֶΜͩ σβΠϯϓϩηεͷ໘ന͞ɾ೉͠͞ '30/5&/%$0/'&3&/$&ɹɹ,PKJSP'VLB[BXBɹɹ

Slide 2

Slide 2 text

ਂ୔޾࣏࿠ େࡕࡏॅɺ ϑϦʔϥϯε ΢ΣϒσβΠφʔ اը ɾ ϥΠςΟϯά ɾ σΟϨΫγϣϯ σβΠϯ ɾ )5.-$44ίʔσΟϯά $.4ͷઃܭ࣮૷ͳͲ ϑΧβϫ ɾ ί΢δϩ΢ !LPKJSPGVLB[BXB !XJUDI@EPLUPS

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

ʮ&$ ʖ $6#&ʯ ؅ཧը໘σβΠϯ

Slide 5

Slide 5 text

͝ଘ஌Ͱ͔͢ ʁ ʮ&$ ʖ $6#&ʯ ɾ ೥ެ։ ɾΦʔϓϯιʔεɾιϑ τ΢ΣΞʢ(1- ͱ঎༻ϥΠηϯεͷ σϡΞϧϥΠηϯεʣͱͯ͠ެ։͞Εͨ &$ αΠ τ޲͚ $.4 ɾࠃ࢈ &$ αΠ τ޲͚ $.4 ͷ୅දతϒϥϯυ ɾ։ൃΛओಋ͢Δͷ͸େࡕͷιϑ τ΢ΣΞϝʔΧʔͰ͋Δ גࣜձࣾϩοΫΦϯ

Slide 6

Slide 6 text

ࠓ೔͓࿩͍ͨ͜͠ͱ ɾ໿ ೥ؒɺ&$$6#& ؅ཧը໘ͷ 6* σβΠφʔͱͯؔ͠Θͬͨ ɾཧ૝ͱ͍ͯ͠Δϓϩηεʹ͸·ͩ·ͩԕ͍ ɾσβΠφʔͷࢹ఺ͰৼΓฦΓͳ͕Βɺͱ͘ʹσβΠϯϓϩηεʹ ͍ͭͯ൓ল

Slide 7

Slide 7 text

ΞδΣϯμ ɾ&$$6#& ؅ཧը໘ͷಛ௃ ɾࢲ͕࣮ફ͍ͨ͠ཧ૝ͷσβΠϯϓϩηε ɾ͜ͷϓϩδΣΫ τͰ੒͠਱͔͛ͨͬͨ͜ͱ ɾσβΠφʔࢹ఺͔Βݟ͓͓ͨ·͔ͳϓϩδΣΫ τͷྲྀΕ ɾͰ͖ͨ͜ͱɺͰ͖ͳ͔ͬͨ͜ͱ ɾ͜Ε͔Βͷ͜ͱ

Slide 8

Slide 8 text

&$$6#&؅ཧը໘ͷಛ௃

Slide 9

Slide 9 text

&$$6#&ܥϕʔεʹੵۃతվળ &$$6#& &$$6#&

Slide 10

Slide 10 text

Ұը໘ʹ͓͞ΊΔ৘ใྔ૿ˢ

Slide 11

Slide 11 text

&$$6#&ܥ

Slide 12

Slide 12 text

&$$6#&

Slide 13

Slide 13 text

Ұཡϖʔδ͔Βͷૢ࡞ΛΑΓ؆୯ʹ

Slide 14

Slide 14 text

ओཁ6*ͷίϯϙʔωϯ τԽɺ ମݧͷ౷Ұ

Slide 15

Slide 15 text

ख़࿅౓ͷ௿͍Ϣʔβʔ΁ͷ഑ྀ

Slide 16

Slide 16 text

ࢲ͕ߟ͑Δ ཧ૝ͷσβΠϯϓϩηεͷࠜຊ

Slide 17

Slide 17 text

લఏͱͯ͠ ͲͷҊ݅ʹ΋࢖͑Δ ʮཧ૝ͷϓϩηεʯ͸ଘࡏ͠ͳ͍

Slide 18

Slide 18 text

σβΠ ϯ Λ ʮΈΜ ͳʯ Ͱͭ ͘ Δ

Slide 19

Slide 19 text

ʮΈΜͳʯ ͬͯ୭ ʁ 1. ΫϥΠΞϯτ σβΠφʔ γεςϜ؅ཧऀ ϓϥάΠϯ։ൃऀ γϣ οϓϚελʔ ϑϩϯτΤϯυΤϯδχΞ όοΫΤϯυΤϯδχΞ νʔϜ Ϣʔβʔ

Slide 20

Slide 20 text

ΈΜͳͰσβΠϯɺ Մೳͳͷ ʁ ҙݟΛݴ͏ਓ͕૿͑Δ΄Ͳ ϓϩδΣΫ τͷෆ࣮֬ੑ͕૿͢

Slide 21

Slide 21 text

ݶΒΕͨϦιʔεͰ Ͳ͏ෆ࣮֬ੑͱઓ͏͔

Slide 22

Slide 22 text

Ϧʔϯ ɾ ελʔτΞοϓ ɾىۀΛ҆શʹ͓͜ͳ͏ͨΊͷ ϑϨʔϜϫʔΫ ɾ ೥ʹىۀՈͷΤϦ οΫɾ Ϧʔε͕ߟҊɾൃද ɾෆ࣮֬ੑ͕ߴ͍ϓϩμΫ τͷ σβΠϯʹ΋Ԡ༻Ͱ͖Δ Photo by JD Lasica (CC BY 2.0)

Slide 23

Slide 23 text

ɾΞΠσΞΛͰ͖Δ͚ͩ଎͘ Χλνʹ͢Δ ɾ.71ʢ.JOJNVN7JBCMF 1SPEVDUʜ࣮༻࠷খݶͷ঎඼ʣ Λͭ͘Δ ɾϓϩτλΠϓʹݴ͍׵͑ΒΕΔ ΞΠσΞ ੡඼ σʔλ ߏங ֶश ଌఆ Ϧʔϯ ɾ ελʔτΞοϓͷαΠΫϧ

Slide 24

Slide 24 text

ɾ.71 ΛΞʔϦʔΞμϓλʔʹ ݟͤɺσʔλΛಘΔ ɾσʔλʹֶͼɺվળͷͨΊͷ ΞΠσΞΛੜΉ ɾվળ͞Εͨ΋ͷΛ·ͨͭ͘Δ ΞΠσΞ ੡඼ σʔλ ߏங ֶश ଌఆ Ϧʔϯ ɾ ελʔτΞοϓͷαΠΫϧ

Slide 25

Slide 25 text

ɾֶͼͳ͕ΒਐΉɾਐΉ͜ͱͰ ͞ΒʹֶͿ ɾमਖ਼ͷ࿈ଓ͕લఏ ɾະ׬੒඼Ͱ͋Δ͜ͱΛલఏʹ ͯ͠ʮΈΜͳʯͰϨϏϡʔ ɾͰ͖Δ͚ͩ଎͘ճ͢ ΞΠσΞ ϓϩτλΠϓ σʔλ ߏங ֶश ଌఆ ϓϩμΫ τͷσβΠϯʹ΋༗ޮ

Slide 26

Slide 26 text

ɾϞμϯͳσβΠϯπʔϧͷొ৔ ɾ4LFUDIɺ9%ɺ'JHNB ͳͲ ɾΤϯδχΞ͕͍ͳͯ͘΋؆қͳ ϓϩτλΠϐϯά͕Ͱ͖Δ ɾγϯϘϧʹΑΔσβΠϯσʔλ ͷߏ଄Խˠมߋʹڧ͍ ϦʔϯͳσβΠϯ͕Մೳʹͳͬͨഎܠ

Slide 27

Slide 27 text

&$$6#&σβΠϯͷྲྀΕ

Slide 28

Slide 28 text

ɾ ೥ ݄ΩοΫΦϑʢެ։͸ ೥य़༧ఆͩͬͨʣ ɾʙ िʹҰ౓ɺσβΠϯϨϏϡʔΛϦΞϧʹू·ͬͯ܁Γฦ͢ ɾࢀՃऀ͸גࣜձࣾϩοΫΦϯͷϓϩμΫ τϚωʔδϟʔɾ։ൃਞɾ σβΠφʔਞɾͦͯ͠ࢲ ɾಉ࣌ʹσβΠϯΨΠυ΋੍࡞։࢝ ΩοΫΦϑʙϑΝʔε τ ɾ σβΠϯ੍࡞ ೥݄ʙ݄

Slide 29

Slide 29 text

໿ը໘෼ͷσβΠϯΛ ϨϏϡʔΛ܁Γฦ͠ͳ͕Β੍࡞

Slide 30

Slide 30 text

ϓϩτλΠϐϯά͸*O7JTJPOΛར༻

Slide 31

Slide 31 text

ɾ͜͜ͰఆظϛʔςΟϯά͸Ұ୴ऴྃ ɾ֤ίϯϙʔωϯ τͷσβΠϯεϖοΫͷ੔ཧͱڞ༗ ɾσβΠϯʹ͓͚Δݒ೦఺ͷަ׵ͱରԠ ɾϞοΫͷνΣ οΫͱϑΟʔυόοΫ ϑϩϯ τΤϯυνʔϜʹΑΔϞοΫ੍࡞ ೥݄ʙ

Slide 32

Slide 32 text

ɾ ೥ ݄&$$6#&OЋ൛ެ։ ɾϢʔβʔϑΟʔυόοΫʹΑΔػೳมߋ ɹ஫จपΓͷػೳɾը໘ઃܭͷେ෯มߋ ɹϒϨΠΫϙΠϯ τͷมߋͱϨεϙϯγϒͳσβΠϯͷඍௐ੔ ɾϲ݄΄ͲνʔϜϛʔςΟϯά෮׆ Ћ൛ެ։ ɾ ։ൃ͕ຊ֨Խ ೥݄ʙ

Slide 33

Slide 33 text

ɾ໨ۄػೳͷͻͱͭɺΦʔφʔζε τΞͷ؅ཧը໘૊ΈࠐΈ σβΠϯʜϓϥάΠϯ͕؅ཧը໘͔ΒΠϯε τʔϧՄೳʹ ɾҰํͦͷଞͷը໘͸ػೳΛ 'JY ɾϲ݄΄ͲνʔϜϛʔςΟϯά෮׆ Ќ൛ެ։ɻ ։ൃόʔδϣϯ͸O͔Β΁ ೥݄ʙ

Slide 34

Slide 34 text

ਖ਼ࣜϦϦʔεʹΉ͚ͯυΩϡϝϯ τ੍࡞ ೥݄ʙ

Slide 35

Slide 35 text

഑෍༻σβΠϯσʔλ ʢ4LFUDIʣ

Slide 36

Slide 36 text

σβΠϯΨΠυ ʢ1%'ʣ

Slide 37

Slide 37 text

&$$6#&ਖ਼ࣜϦϦʔε ೥݄೔

Slide 38

Slide 38 text

Ͱ͖ͨ͜ͱɺ Ͱ͖ͳ͔ͬͨ͜ͱ

Slide 39

Slide 39 text

มߋʹڧ͍σβΠϯσʔλͷ࣮ݱ ɾγϯϘϧʹΑΔߏ଄ԽʹΑͬͯมߋʹڧ͍σβΠϯΛ࣮ݱ ɾجຊϑΥϯ ταΠζͷมߋʹ΋࠷௿ݶͷ޻਺ͰରԠ ɾͲ͔͜ͰγϯϘϧͷσʔλΛյ͢ͱશମʹѱӨڹ͕ग़Δ

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

Ϣʔβʔମݧ΁ͷੵۃతؔ༩ ɾϥϕϦϯάΛඇΤϯδχΞ޲͚ʹೈԽ ɾΠϯλϥΫςΟϒͳςΩε τʹରͯ͠ੵۃతʹಇ͖͔͚Δ ɾπʔϧνοϓͷඞཁͳՕॴͷચ͍ग़͠ͱจݴͷϥΠςΟϯά

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

ϦʔϯͳσβΠϯ͸ݶఆత࣮ફʹ

Slide 44

Slide 44 text

ɾ1.ɾΤϯδχΞɾσβΠφʔ͕ සൟʹձͬͯσβΠϯϨϏϡʔ ɾϛʔςΟϯάͰ্͕ͬͨ໰୊఺͸ ϛʔςΟϯάͷ͏ͪʹݕূ ɾϛʔςΟϯά͕ऴΘͬͨΒ ׂͷ मਖ਼͕׬͍ྃͯ͠Δ ఆྫϛʔςΟϯά͕༗ޮʹ࡞༻ σβΠϯϑΣʔζ

Slide 45

Slide 45 text

ҙਤΛ఻͑Δʹ͸ग़ͤͨ ΋ͷ͕଍Γͳ͍ʜʢͰ΋ ๩͍͠ʜʣ ͳʹΛ͍ͭ·Ͱʹ ࢧڅͯ͠΋Β͑Δ͔ͳ ʁ ൺֱͯ͠ϑϩϯ τΤϯυ։ൃνʔϜͱͷ ίϛϡχέʔγϣϯີ౓ΛͱΕͳ͔ͬͨ ϑϩϯτΤϯυ։ൃϑΣʔζ

Slide 46

Slide 46 text

ͪΐ ͬͱσβΠϯ ௚͍ͨ͠ͳʔ όά͕͋ͬͨΑʔ ͜͜௚ͤͳ͍ ʁ ɾνέο τͷࢁͱ֨ಆ͢Δຖ೔ ɾϢʔβʔௐࠪͰ·ͨ૿͑Δνέο τ ๩͍͠ ʂ ϓϩμΫ τ΁ͷΞΫηε͕ࠔ೉ʹ ։ൃ͕ຊ֨Խ

Slide 47

Slide 47 text

ϓϩδΣΫ τશମͰճ͢ͷ͸೉͍͠

Slide 48

Slide 48 text

ϑΣΠζ͝ͱʹճͤͳ͍͔ ˠ ˠ ˠ σβΠϯ ϑϩϯ τΤϯυ ։ൃ ։ൃ࣮૷

Slide 49

Slide 49 text

͍΍ɺ ΍͸Γ೉͍͠ ˠ ˠ ˠ σβΠϯ ϑϩϯ τΤϯυ ։ൃ ։ൃ࣮૷

Slide 50

Slide 50 text

ɾεϓϦϯ τʢҰఆͷ୹͍։ൃظؒʣ͝ͱʹσβΠφʔϨϏϡʔΛ ೖΕΔͳΒɺ࠷ॳ͔Βҙࣝ߹ΘͤΛ ɾͲ͏͍͏σβΠϯͷ΍ΓํΛ͍͔ͨ͠ɺे෼ʹνʔϜͱ ࿩͋͠Θͳ͚Ε͹ɺͦͷͱ͓Γʹ͸ಈ͔ͳ͍ʢ౰ͨΓલʣ ൓ল

Slide 51

Slide 51 text

͜Ε͔Βͷ͜ͱ

Slide 52

Slide 52 text

ɾΉ͠ΖվળͷαΠΫϧ͕ඞཁʹͳΔͷ͸͜Ε͔Β ɾ֤஍ͰߦΘΕΔϢʔβʔϛʔτΞοϓΠϕϯ τ ɾܶతʹ૿͑ΔϢʔβʔϑΟʔυόοΫ΁ͷରԠ ɾϦϦʔεόʔδϣϯͰ͸࣮ݱͰ͖ͳ͔ͬͨσβΠϯ্ͷ ࡉ͔͍վળ఺ʹ౿ΈࠐΈ͍ͨ &$$6#&ͷ։ൃ͸ͭͮ͘

Slide 53

Slide 53 text

ɾ͓΋ʹϓϥάΠϯ։ൃऀͷҙݟΛฉ͖ΑΓ࣮༻తͳΨΠυʹ ɾ&$$6#& ؅ཧը໘ͷσβΠϯ͔ΒଐਓੑΛͰ͖Δ͔͗Γ গͳ͍ͨ͘͠ ɾΨΠυͷվగɺ഑෍͢ΔσβΠϯσʔλͷϒϥογϡΞοϓ ଐਓੑͷগͳ͍σβΠϯʹ

Slide 54

Slide 54 text

ɾ4LFUDI ൛ʹՃ͑ɺ9% ൛ͷ؅ཧ ը໘σβΠϯσʔλΛ੍࡞ ɾγϯϘϧͷॊೈੑʹ͔͚Δ͕ɺΑ Γଟ͘ͷਓʹ͞Θͬͯ΋Β͑Δϓ ϥο τϑΥʔϜ ɾ໨ࢦͤɺࠓ೥தͷެ։ 9%൛؅ཧը໘σβΠϯσʔλ

Slide 55

Slide 55 text

·ͱΊ

Slide 56

Slide 56 text

ɾ ʮࢲ͸ʯϦʔϯͳσβΠϯϓϩηεʹڵຯΛ΋͍ͬͯΔ ɾૣ͘ΧλνʹͰ͖Δͷ͸΍͸Γ͍͍͜ͱ ɾνʔϜ͕ूͬͯίϛϡχέʔγϣϯΛऔΕΔ͜ͱ͸͍ͥΜେ੾ ɾ1. ͱσβΠφʔͱ։ൃਞ͕ҰମʹͳͬͯαΠΫϧΛճ͢͜ͱ͸ ೉͍͠ ɾࠓޙͷϓϩμΫ τվળϑΣΠζʹ૬Ԡ͍͠ϓϩηεΛνʔϜͷ օ͞·ͱߟ͍͑ͨ

Slide 57

Slide 57 text

ʮΈΜ ͳͰσβΠ ϯʯ ͢ Δ ͨΊʹ σβΠ φʔ͕ߩݙͰ ͖ Δ ෼໺͸࣮֬ʹ޿͕ͬ ͍ͯ Δ