クラウドワークスとデザインガイドライン

by Takeru Hirose

Slide 1

Slide 1 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE Ϋϥ΢υϫʔΫεͱ σβΠϯΨΠυϥΠϯ 69σβΠϯάϧʔϓ ኍ੉݈ɺ্ా࿨ਅ

Slide 2

Slide 2 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ্ా࿨ਅ ϦʔυσβΠφʔ ೥ɺਆಸ઒ݝੜ·Εɻ೥݄ʹגࣜձࣾΫϥ΢υϫʔΫε ʹ৽ଔೖࣾʢୈظੜʣɻओʹΫϥ΢υϫʔΫεJ04"OESPJEΞϓϦ ͷαʔϏεվળɺ6*σβΠϯΛ୲౰ɻ೥݄ΑΓσβΠϯ૊৫ ͷ্ཱͪ͛ʹܞΘΔɻ ,";6."6&%" ኍ੉݈ 69σβΠφʔʗΤϯδχΞ ೥ɺѪ஌ݝੜ·Εɻ΢Σϒ੍࡞ձࣾۈ຿ɺىۀΛܦͯɺ೥ ݄ʹגࣜձࣾΫϥ΢υϫʔΫεʹೖࣾɻΤϯδχΞͱͯ͠ϓϩμΫτ ͷ։ൃʹܞΘΓͳ͕ΒɺσβΠϯ૊৫ͷ্ཱͪ͛ʹࢀըɻ೥݄ ΑΓ69σβΠϯάϧʔϓʹ഑ଐɻ 5",&36)*304&

Slide 3

Slide 3 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE Ϋϥ΢υϫʔΫε w Ϋϥ΢υιʔγϯάαʔϏε w ೥݄αʔϏε։࢝ w ձһ਺ສਓʢ೥݄ݱࡏʣ

Slide 4

Slide 4 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE

Slide 5

Slide 5 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE

Slide 6

Slide 6 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE

Slide 7

Slide 7 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE

Slide 8

Slide 8 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ࣮͸ɺ Ϋϥ΢υϫʔΫεʹ σβΠϯΨΠυϥΠϯ͸ ɹɹɹɹɹɹɹɹɹɹɹɹ͋Γ·ͤΜʜ

Slide 9

Slide 9 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ɹɹɹɹɹɹɹɹɹɹɹɹӶҙɺ࡞੒தʜ

Slide 10

Slide 10 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ΨΠυϥΠϯ࡞੒ͷܦҢͱ ɹɹɹɹɹɹɹ࡞੒தͷΞ΢τϓοτΛνϥݟͤ

Slide 11

Slide 11 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ɹͱৼΓฦΔ Ϋϥ΢υϫʔΫεͷσβΠϯ࢙ ʢ૑ۀ࣌ʹೖࣾͨ͠ʣ্ా

Slide 12

Slide 12 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε ೥αʔϏεϦϦʔε

Slide 13

Slide 13 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε ೥αʔϏεϦϦʔε w౰ॳͷσβΠϯ͸୭͕࡞͔ͬͨ͸هԱ͕ᐆດʜɻ Ұਓ໨ͷσβΠφʔͱͯ͠৽ଔೖࣾ͠·ͨ͠ʂ

Slide 14

Slide 14 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε ೥6*ϥΠϒϥϦ࡞੒ !

Slide 15

Slide 15 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε ೥6*ϥΠϒϥϦ࡞੒ w5XJUUFS#PPUTUSBQతͳ΋ͷ w6*σβΠϯɺ࣮૷ͷίετΛԼ͛Δ͜ͱ͕ओ໨త ౰࣌͸-1΍όφʔΛ࡞ͬͯ·ͨ͠ʜɻ

Slide 16

Slide 16 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε ೥6*ϥΠϒϥϦ࡞੒ ౰࣌ͷ୲౰ऀͷ೔ใʮ6*Ҏલʹ৘ใઃܭʹ໰୊͋Γʯ ౰࣌͸-1΍όφʔΛ࡞ͬͯ·ͨ͠ʜɻ

Slide 17

Slide 17 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε ೥6*ϥΠϒϥϦ࡞੒ ౰࣌ͷ୲౰ऀͷ೔ใʮ6*Ҏલʹ৘ใઃܭʹ໰୊͋Γʯ ˠ൵ܶͷ࢝·Γ ౰࣌͸-1΍όφʔΛ࡞ͬͯ·ͨ͠ʜɻ

Slide 18

Slide 18 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε ೥ϩΰϦχϡʔΞϧ ! !

Slide 19

Slide 19 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε ೥ϩΰϦχϡʔΞϧ wϩΰͱ৭ͷมߋͷΈ ্৔લͰӦۀ෦ॺʹҰ࣌తʹҟಈͯ͠·ͨ͠ ˠ ˠ

Slide 20

Slide 20 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε ೥ϩΰϦχϡʔΞϧ ࠓ΋ͨ·ʹੲͷ৭ͷ6*͕ग़ͯ͘Δ ˠҨ੻ʜʂ ͳ͔͍ͭ͠ IUUQSFLJUBNBXBLPKQNVTFVNJTFLJTBHBSJJTFLJQIQ

Slide 21

Slide 21 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε ೥ʙεϚϗΞϓϦϦϦʔεˍվળ ! ! !

Slide 22

Slide 22 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε ೥ʙεϚϗΞϓϦϦϦʔεˍվળ wಠࣗͷσβΠϯ wಉ͡ػೳͰ΋σβΠϯ͕·ͬͨ͘ҧ͏ ओ൜ ˠ

Slide 23

Slide 23 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε ೥ʙεϚϗΞϓϦϦϦʔεˍվળ ্ాʮΠέͯΔσβΠϯΛΞϓϦͰઌʹ΍Ε͹ɺ΢Σϒ΋ͦ͏ͳΔͱ ࢥͬͨʯˠͳΒͳ͔ͬͨʂ ओ൜ IUUQDBSFFSIBDLFOKBQBODPNSFQPSUEFUBJM

Slide 24

Slide 24 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε ೥ʙεϚϗΞϓϦϦϦʔεˍվળ ౰࣌ͷετΞϨϏϡʔʮαΠτͱม͑ͯΔ఺͕͜ͱ͝ͱ͘ෆศʹײ͡ ·͢ʯ ຊ౰ʹ͝ΊΜͳ͍͞

Slide 25

Slide 25 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε Ϋϥ΢υϫʔΫεʹى͖ͨ͜ͱ ! ! !

Slide 26

Slide 26 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε Ϋϥ΢υϫʔΫεʹىͬͨ͜໰୊ ์ஔ͞ΕΔ ৘ใઃܭ ཞ༻͞ΕΔ 6*ίϯϙʔωϯτ ౷Ұ͞Εͳ͍ σβΠϯ

Slide 27

Slide 27 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε ౷Ұ͞Εͳ͍σβΠϯ ಉ͡αʔϏεͳͷʹ༷ʑͳσβΠϯ͕ཚཱ wੈ୅ͷҧ͏6*͕ڞଘɺΞϓϦͷ๫૸ wੈք؍ͷҧ͏-1ɺͦΕΒ΁ͷόφʔ͕ڞଘ͢Δτοϓϖʔδ ˠͦͷ৔ͦͷ৔ͷ໨తΛୡ੒͢ΔͨΊ͚ͩͷσβΠϯ

Slide 28

Slide 28 text

Slide 29

Slide 29 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε

Slide 30

Slide 30 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε

Slide 31

Slide 31 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε ์ஔ͞ΕΔ৘ใઃܭ αΠτߏ଄΍ը໘ͷઃܭ͕Ͱ͖͍ͯͳ͍ w৽ػೳΛ͙͢άϩʔόϧφϏήʔγϣϯʹೖΕ͕ͨΔ wগ͠Ͱ΋όφʔΛ໨ཱͨͤΑ͏ͱ͢ΔʢϝΠϯίϯςϯπΑΓ΋্ʹ དྷΔ͜ͱ΋ʣ ˠ਺ࣈ͕ݟ͑΍͍͢ࢪࡦ΍ϓϩϞʔγϣϯ͕༏ઌ͞Ε͕ͪ

Slide 32

Slide 32 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE αΠτߏ଄΍ը໘ͷઃܭ͕Ͱ͖͍ͯͳ͍ w৽ػೳΛ͙͢άϩʔόϧφϏήʔγϣϯʹೖΕ͕ͨΔ wগ͠Ͱ΋όφʔΛ໨ཱͨͤΑ͏ͱ͢ΔʢϝΠϯίϯςϯπΑΓ΋্ʹ དྷΔ͜ͱ΋ʣ ˠ਺ࣈ͕ݟ͑΍͍͢ࢪࡦ΍ϓϩϞʔγϣϯ͕༏ઌ͞Ε͕ͪ ͱৼΓฦΔΫϥ΢υϫʔΫε ์ஔ͞ΕΔ৘ใઃܭ Ͱ΋ɺͲ͏ͯ͠μϝ͔ ఻͑ΒΕͳ͍

Slide 33

Slide 33 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε

Slide 34

Slide 34 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε

Slide 35

Slide 35 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε ཞ༻͞ΕΔ6*ίϯϙʔωϯτ 6*ίϯϙʔωϯτ͕໾ׂΛද͞ͳ͍ʢػೳΛՌͨ͞ͳ͍ʣ wΞϥʔτʢܯࠂʣͷͨΊͷ6*ίϯϙʔωϯτ͕ૌٻʹྲྀ༻͞ΕΔ wػೳ͕૿͑Δͨͼʹ6*ίϯϙʔωϯτΛྲྀ༻ɾվม͢ΔͷͰ݁ہߴί ετ ˠ6*ίϯϙʔωϯτͷ࢖͍ํ͕ͦͷ৔ͷ൑அʹҕͶΒΕ͍ͯΔ

Slide 36

Slide 36 text

Slide 37

Slide 37 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε 6*ϥΠϒϥϦ ࣮ࡍͷը໘ ʮܯࠂʯͷ6*ίϯϙʔωϯτ͕ʮػೳͷૌٻʯʹ࢖ΘΕ͍ͯΔ

Slide 38

Slide 38 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε 6*ϥΠϒϥϦ͕͋ΔͷʹɺϚʔΫΞοϓྗ͕ٻΊΒΕΔ

Slide 39

Slide 39 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε ೥69σβΠϯάϧʔϓൃ଍ ! ! ! !

Slide 40

Slide 40 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͱৼΓฦΔΫϥ΢υϫʔΫε Θʔ͍ ೥69σβΠϯάϧʔϓൃ଍ 69ΨΠυϥΠϯ σβΠϯ ϓϩηε੔උ σβΠφʔ૿һ

Slide 41

Slide 41 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE σβΠϯΨΠυϥΠϯΛ࡞Ζ͏

Slide 42

Slide 42 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE σβΠϯΨΠυϥΠϯΛ࡞Ζ͏ ์ஔ͞ΕΔ ৘ใઃܭ ཞ༻͞ΕΔ 6*ίϯϙʔωϯτ ౷Ұ͞Εͳ͍ σβΠϯ

Slide 43

Slide 43 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE σβΠϯΨΠυϥΠϯΛ࡞Ζ͏ ౷Ұ͞Εͳ͍ σβΠϯ ݪଇɾࢦ਑͔Β ߟ͑Δ ์ஔ͞ΕΔ ৘ใઃܭ ཞ༻͞ΕΔ 6*ίϯϙʔωϯτ ˣ

Slide 44

Slide 44 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ݪଇɾࢦ਑͔Βߟ͑Δ wϢʔβʔΠϯλϏϡʔͷ෼ੳ݁ՌΛ׆ ༻͠ɺʮ୭ͷͨΊͷσβΠϯʁʯ͔Β ߟ͑ͯɺͦͷਓͨͪʹఏڙ͍ͨ͠΋ͷ ͱͯ͠ͷʮσβΠϯݪଇʯΛࡦఆ wͲͷϓϥοτϑΥʔϜͰ͋ͬͯ΋कΒ ΕΔࢦ਑Λͭ͘ΔͨΊʹɺϓϥοτ ϑΥʔϜ͝ͱʹҧ͏෦෼͸ʮσβΠϯ γεςϜʯͱͯ͠෼཭ɻ σβΠϯΨΠυϥΠϯΛ࡞Ζ͏

Slide 45

Slide 45 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE σβΠϯΨΠυϥΠϯΛ࡞Ζ͏ ౷Ұ͞Εͳ͍ σβΠϯ ݪଇɾࢦ਑͔Β ߟ͑Δ ์ஔ͞ΕΔ ৘ใઃܭ ཞ༻͞ΕΔ 6*ίϯϙʔωϯτ ˣ

Slide 46

Slide 46 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE σβΠϯΨΠυϥΠϯΛ࡞Ζ͏ ౷Ұ͞Εͳ͍ σβΠϯ ݪଇɾࢦ਑͔Β ߟ͑Δ ์ஔ͞ΕΔ ৘ใઃܭ ཞ༻͞ΕΔ 6*ίϯϙʔωϯτ ໨త͕෼͔Δ ϧʔϧͮ͘Γ ˣ ˣ

Slide 47

Slide 47 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ໨త͕෼͔Δ ϧʔϧͮ͘Γ wϢʔβϏϦςΟͷ؍఺͔Βʮͳͥͦ͏ ͢Δ΂͖ͳͷ͔ʁʯʮͳͥμϝͳͷ ͔ʁʯΛ࣠ʹɺ৘ใઃܭͳͲʹؔ͢Δ ϧʔϧΛ੝ΓࠐΉʢ༧ఆʣɻ w͜ΕΛػձʹɺΞΫηγϏϦςΟʹͭ ͍ͯ΋ϧʔϧ΍ୡ੒໨ඪʢ8$"( ͳͲʣΛఆΊ͍ͨʢ໺๬ʣɻ σβΠϯΨΠυϥΠϯΛ࡞Ζ͏

Slide 48

Slide 48 text

Slide 49

Slide 49 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE σβΠϯΨΠυϥΠϯΛ࡞Ζ͏ ౷Ұ͞Εͳ͍ σβΠϯ ݪଇɾࢦ਑͔Β ߟ͑Δ ์ஔ͞ΕΔ ৘ใઃܭ ཞ༻͞ΕΔ 6*ίϯϙʔωϯτ ໨త͕෼͔Δ ϧʔϧͮ͘Γ ʮ࢖ΘΕΔʯ ΨΠυϥΠϯ ˣ ˣ ˣ

Slide 50

Slide 50 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE σβΠϯΨΠυϥΠϯΛ࡞Ζ͏ ʮ࢖ΘΕΔʯ ΨΠυϥΠϯ wσβΠϯΨΠυϥΠϯͷࡦఆʹରͯ͠ ཧղΛಘΔͨΊͷऔΓ૊Έͱͯ͠ɺ10 ΍ΤϯδχΞͳͲΛର৅ʹҙݟɾཁ๬ Λݴ͍߹͏ϫʔΫγϣοϓΛ։࠵ɻ wࡦఆʹΤϯδχΞʢኍ੉ʣ͕ܞΘͬͯ ͍Δɻ

Slide 51

Slide 51 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE σβΠϯΨΠυϥΠϯΛ࡞Ζ͏

Slide 52

Slide 52 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE σβΠϯΨΠυϥΠϯΛ࡞Ζ͏

Slide 53

Slide 53 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE σβΠϯΨΠυϥΠϯΛ࡞Ζ͏

Slide 54

Slide 54 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE σβΠϯΨΠυϥΠϯΛ࡞Ζ͏

Slide 55

Slide 55 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE Ή͔͍ͣ͜͠ͱ ͱʹ͔͘ख୳Γ w৘ใ͕গͳ͍ʢ͔ͩΒࠓ೔ͷΠϕϯτʹདྷ·ͨ͠ʂʣ ޙճ͠ʹ͞Ε͕ͪ wڧ͍ҙࢤ σβΠϯΨΠυϥΠϯΛ࡞Ζ͏

Slide 56

Slide 56 text

DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠