Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
自分たちでつくった “UXガイドライン”を片手に、 クラウドワークスを作り変える。
Search
Kazuma Ueda
January 26, 2017
Design
0
210
自分たちでつくった “UXガイドライン”を片手に、 クラウドワークスを作り変える。
UX JAM #14 で発表した資料です。
※一部の情報を修正して公開しています。
Kazuma Ueda
January 26, 2017
Tweet
Share
More Decks by Kazuma Ueda
See All by Kazuma Ueda
ビジネスとデザインの繋ぎ方
ueda1023
0
2.6k
ボトムアップでつくるデザイン組織 〜現場で働くデザイナーとして大切にした3つのこと〜
ueda1023
3
5.1k
価値の低い機能の廃止にこだわる3つの理由
ueda1023
7
12k
Other Decks in Design
See All in Design
Design System for training program
mct
0
300
Design System for training program
mct
0
160
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
720
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
180
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
550
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
300
美しいUIを作るために デザイナーが意識している ちょっとした考え方
yuichi_hara7
51
33k
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
510
Tableau曲線表現講座(2024.11.21)
cielo1985
0
170
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
600
開発チームの中心で心理的安全性をつくる、UXデザイナーの問いかけ方
takuto_yonemichi
2
610
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.5k
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
247
1.3M
Documentation Writing (for coders)
carmenintech
66
4.5k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.1k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
170
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
0
98
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
Site-Speed That Sticks
csswizardry
2
190
For a Future-Friendly Web
brad_frost
175
9.4k
Making the Leap to Tech Lead
cromwellryan
133
9k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
Designing Experiences People Love
moore
138
23k
How to train your dragon (web standard)
notwaldorf
88
5.7k
Transcript
UX JAM #14ɹ2017.1.26 ࣗͨͪͰͭͬͨ͘ “UXΨΠυϥΠϯ”Λยखʹɺ ΫϥυϫʔΫεΛ࡞Γม͑Δɻ CrowdWorks Inc. Designer ʛ
Kazuma Ueda 2017๊ෛ
্ాਅɹσβΠφʔ ݄ʹΫϥυϫʔΫε৽ଔୈҰظੜͱͯ͠ೖࣾɻ DSPXEXPSLTKQͷ6*69ઃܭɺશࣾతͳσβΠϯۀͳͲʹܞΘ͍ͬͯ·͢ɻ DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE
ΦϯϥΠϯ্Ͱاۀͱݸਓ͕ͭͳ͕Γɺ ࣄͷϚονϯάɾडൃΛߦ͏͜ͱ͕Ͱ͖Δ ຊ࠷େڃͷΫϥυιʔγϯάαʔϏεɻ IUUQTDSPXEXPSLTKQ ΫϥυϫʔΫε
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE 2017๊ෛ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE 2017๊ෛ ࣗͨͪͰͭͬͨ͘ “UXΨΠυϥΠϯ”Λยखʹɺ ΫϥυϫʔΫεΛ࡞Γม͑Δɻ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ࠓͷ UXΨΠυϥΠϯΛࡦఆͨ͠എܠ UXΨΠυϥΠϯΛࡦఆͨ͠ϓϩηε ࠓޙͷΞΫγϣϯʢ๊ෛʣ νϟϓλʔ νϟϓλʔ νϟϓλʔ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE UXΨΠυϥΠϯΛࡦఆͨ͠എܠ νϟϓλʔ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE σβΠφʔෆʜ 1 & & ։ൃνʔϜ" ։ൃνʔϜ# ։ൃνʔϜ$
։ൃνʔϜ% ։ൃνʔϜ& ։ൃνʔϜ' ։ൃνʔϜ( ͯ͢ͷνʔϜʹσβΠφʔ͕ؔΘΕ͍ͯͳ͍ɻ 1 & & 1 & & 1 & & 1 & & 1 & & 1 & & % % %
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE σβΠϯͷߟ͑ํΛ ਁಁͤ͞ΒΕͯͳ͍ʜ 69ʁ ϒϥϯσΟϯάʁ 6*ʁ ใઃܭʁ ϓϩτλΠϓʁ
ϖϧιφʁ σβΠϯจԽθϩ͔Β͍ͭͬͯ͘͘ඞཁ͕͋Δɻ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͙Μ͙ΜਐΉʮݸผ࠷దԽʯʜ XFCΞϓϦ Ұ؏ੑͷͳ͍ϓϩμΫτʜ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ԶͨͪɺͲ͏͢Δʜʁ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͦ͏ͩɺࢦΛͭ͘Ζ͏ɻ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE l69ΨΠυϥΠϯzΛͭ͘Γ·ͨ͠ɻ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE UXΨΠυϥΠϯΛࡦఆͨ͠աఔ νϟϓλʔ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ίϐʔϥΠλʔ Ϛωʔδϟʔ ʢࠂཧళग़ʣ σβΠφʔ ʢࠂཧళग़ʣ ΤϯδχΞ ʢσβΠϯʹ໌Δ͍ʣ
σβΠφʔ ʢ৽ଔೖࣾʣ ମ੍ ίϐʔϥΠλʔΤϯδχΞ͕ࡏ੶ɻ ଟ༷ͳόοΫάϥϯυΛ࣋ͭਓ͕ूͬͨɺ ϓϩμΫτσβΠϯάϧʔϓɻ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ମ੍ ίϐʔϥΠλʔΤϯδχΞ͕ࡏ੶ɻ ଟ༷ͳόοΫάϥϯυΛ࣋ͭਓ͕ूͬͨɺ ϓϩμΫτσβΠϯάϧʔϓɻ ܦݧ๛ͳUI/UXσβΠφʔ ࡏ੶ͯ͠ͳ͍ɻ ίϐʔϥΠλʔ
Ϛωʔδϟʔ ʢࠂཧళग़ʣ σβΠφʔ ʢࠂཧళग़ʣ ΤϯδχΞ ʢσβΠϯʹ໌Δ͍ʣ σβΠφʔ ʢ৽ଔೖࣾʣ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ຊΛಡΉ ٞ͢Δ ݴޠԽ͢Δ 45&1 45&1 45&1 3εςοϓͰࡦఆ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ίϐʔϥΠλʔ Ϛωʔδϟʔ ʢࠂཧళग़ʣ ͜Εɺಡ͏ɻ 45&1ຊΛಡΉ ࠓͷౙٳΈͷ՝ਤॻʮ༥͚ΔσβΠϯʯ ͦͦϓϩμΫτσβΠϯͬͯͳΜ͚ͩͬʁ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE 45&1ٞ͢Δ ݄ʙͷؒɺΦϑΟεͱ͔ɺαΠθϦΞͱ͔ɺԹઘͰɺ࣌ؒ͘Β͍ͨ͠ɻ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE 45&1ݴޠԽ͢Δ ಄͕ͪ͗ΕΔ͘Β͍ߟ͑ͨ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ΫϥυϫʔΫεΛ͏Ϣʔβʔͷత ͔ͨͬͨ͠ࣄ͕Ͱ͖Δɻ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE UXΨΠυϥΠϯ
Ϣʔβʔ͕ɺࣄΛ͢ΔͨΊͷಓ۩ͱͯ͑͠ΔΑ͏ʹɻ 69ΨΠυϥΠϯ ɿϢʔβʔ͕ɺͨΓલʹͬͯ͘ΕΔΑ͏ʹɻ ɿϢʔβʔ͕ɺࣄʹूதͰ͖ΔΑ͏ʹɻ ɿϢʔβʔ͕ɺͱΓ͍ͨߦಈΛ໎ΘͣͱΕΔΑ͏ʹɻ ɿϢʔβʔ͕ɺঢ়گΛѲͰ͖ΔΑ͏ʹɻ ɿϢʔβʔ͕ɺຊʹཉ͍͠ͷΛಘΒΕΔΑ͏ʹɻ ɿϢʔβʔ͕ɺগ͠Ͱଟ͘ຬͰ͖ΔΑ͏ʹɻ ɿϢʔβʔ͕ɺ҆શͳͷΛɺ҆৺ͯ͑͠ΔΑ͏ʹɻ ɿϢʔβʔ͕ɺࠓ·Ͱʹͳ͔ͬͨମݧΛಘΒΕΔΑ͏ʹɻ
ɿϢʔβʔ͕ɺࣗͷύʔτφʔͩͱײͯ͘͡ΕΔΑ͏ʹɻ ɿϢʔβʔ͕ɺ৴པͯ͘͠ΕΔॴʹͳΔΑ͏ʹɻ ɿϢʔβʔ͕ɺಇ͘Ҏ֎ͷ࣌ؒ๛͔ʹ͓͘ΕΔΑ͏ʹɻ
ɿϢʔβʔ͕ɺͨΓલʹͬͯ͘ΕΔΑ͏ʹɻ ɹɹɹɾ͜ΕΛΘͣʹࣄ͢Δ͜ͱ͕૾Ͱ͖ͳ͍ɺͱࢥΘΕΔಓ۩ʹ͢Δɻ ɹɹɹɾշద͞Λ୲อͰ͖͍ͯΔൣғʹ͓͍ͯɺ࠷ͷମݧʹ͢Δɻ ɿϢʔβʔ͕ɺࣄʹूதͰ͖ΔΑ͏ʹɻ ɹɹɹɾͱ͍ͬͯΔߦಈΛࢭΊ͍͚ͯͳ͍ɻ ɹɹɹɾߦಈʹؔͳ͍ใɺදࣔ͠ͳ͍ɻ ɹɹɹɾඞཁҎ্ʹҙΛҾ͔ͳ͍ɻ ɿϢʔβʔ͕ɺͱΓ͍ͨߦಈΛ໎ΘͣͱΕΔΑ͏ʹɻ ɹɹɹɾγϯϓϧͳͷΛɺෳࡶʹ͠ͳ͍ɻෳࡶͳͷɺͰ͖ΔݶΓγϯϓϧʹ͢Δɻ ɹɹɹɾϓϩμΫτΛ௨ͯ͠Ұ؏ੑͷ͋Δମݧʹ͢Δɻ
ɹɹɹɾॴΛ૾Ͱ͖ɺ࣮ࡍʹͦ͜ʹ͋Δɺͱ͍͏ঢ়گʹ͢Δɻ ɹɹɹɾࣄʹ݁͢ΔใػೳͱɺͦΕҎ֎Λ໌֬ʹ۠ผ͢Δɻ ɹɹɹɾσόΠε͕มΘͬͯɺߦಈΛ໎ΘͣͱΕΔΑ͏ʹ͢Δɻ ɹɹɹɾඞཁͳλΠϛϯάͰɺඞཁͳߦಈ͕Ͱ͖ΔΑ͏ʹ͢Δɻ ɹɹɹɾϓϩμΫτͰͰ͖Δ͜ͱɺͦͷՁʹɺͪΌΜͱؾ͔ͮͤΔɻ ɿϢʔβʔ͕ɺঢ়گΛѲͰ͖ΔΑ͏ʹɻ ɹɹɹɾԿ͕ى͜Δ͔ɺԿ͕ى͖͍ͯΔ͔ɺԿ͕ى͖͔ͨɺཧղͰ͖ΔΑ͏ʹ͢Δɻ ɹɹɹɾػೳ্Ͳ͏ͯ͠ඞཁͳཁٻҎ֎ͷߦಈ࠾൱ɺϢʔβʔʹબͤ͞Δɻ ɿϢʔβʔ͕ɺຊʹཉ͍͠ͷΛಘΒΕΔΑ͏ʹɻ ɹɹɹɾ࡞ΓखͷΤΰೖΕͳ͍ɻ݁͋Γ͖ͰਐΊͳ͍ɻ ɹɹɹɾϢʔβʔͷݴͬͨ͜ͱΑΓɺϢʔβʔͷͬͨ͜ͱͰஅ͢Δɻ ɹɹɹɾ࣌ؒϦιʔε͕ͳ͍ͱ͖ɺମݧͷ࣭Լ͛ͯɺମݧࣗମΛ೧͡ۂ͍͚͛ͯͳ͍ɻ ɿϢʔβʔ͕ɺগ͠Ͱଟ͘ຬͰ͖ΔΑ͏ʹɻ ɹɹɹɾ͍ͮΒ͍ͷʹ͍׳Εͤͯ͞͠·͏ͷΑ͘ͳ͍ɻৗʹ͍͢͞Λٻ͢Δɻ ɹɹɹɾେଟͷϓϥεΛ༏ઌ͠ɺҰ෦ͷਓͷϚΠφεڐ༰͢Δɻ ɹɹɹɾҰ෦ͷਓͷϓϥεΛ༏ઌ͢Δͱ͖ͰɺେଟͷϚΠφεڐ༰͠ͳ͍ɻ ɹɹɹɾϓϩμΫτͰͰ͖Δ͜ͱɺͦͷՁʹɺͪΌΜͱؾ͔ͮͤΔɻ ɿϢʔβʔ͕ɺ҆શͳͷΛɺ҆৺ͯ͑͠ΔΑ͏ʹɻ ɹɹɹɾܦࡁతͳଛࣦɺࣾձతͳଛࣦΛ༩͑ͳ͍ɻ ɹɹɹɾมߋ͢Δͱ͖ɺҰ࣌తͳͱ·Ͳ͍Λ༩͑ͯɺࠞཚ༩͑ͳ͍ɻ ɹɹɹɾϦςϥγʔମೳྗͳͲʹ͓͍ͯɺݸਓ͕ࠩ͋Δ͜ͱΛཧղ͢Δɻ ɿϢʔβʔ͕ɺࠓ·Ͱʹͳ͔ͬͨମݧΛಘΒΕΔΑ͏ʹɻ ɹɹɹɾσβΠϯςΫϊϩδʔΛΔɻ͔ͭɺͱΒΘΕ͗͢ͳ͍ɻ ɹɹɹɾվળͰͭ͘Εͳ͍ɺ·ͬͨ͘৽͍͠ϢʔβʔମݧΛ୳͢ɻ ɹɹɹɾվળΛಥ͖٧ΊΔ͜ͱͰɺ·ͬͨ͘৽͍͠ϢʔβʔମݧΛੜΈग़͢ɻ ɿϢʔβʔ͕ɺࣗͷύʔτφʔͩͱײͯ͘͡ΕΔΑ͏ʹɻ ɹɹɹɾ͖͘߹͍ͬͯͬͯΒ͏ͨΊͷ͜ͱߟ͑Δɻ ɹɹɹɾஹઓΛϞνϕʔτ͢Δɻ ɿϢʔβʔ͕ɺ৴པͯ͘͠ΕΔॴʹͳΔΑ͏ʹɻ ɹɹɹɾ؍ऀɺཧऀͰͳ͘ɺࣄऀͱͯ͠ϓϥοτϑΥʔϜʹؔΘΔɻ ɹɹɹɾظͨ͠௨Γ͔ɺظͨ͠Ҏ্ͷɺମݧΛఏڙ͢ΔɻظΛཪΔΑ͏ͳ͜ͱ͠ͳ͍ɻ ɹɹɹɾϢʔβʔؒͰى͜Δෆ৴ɺϓϩμΫτ͕ੜΈग़ͨ͠ମݧͰ͋Δ͜ͱΛཧղ͢Δɻ ɿϢʔβʔ͕ɺಇ͘Ҏ֎ͷ࣌ؒ๛͔ʹ͓͘ΕΔΑ͏ʹɻ ɹɹɹɾಇ͍͍ͯͳ͍ͱ͖͕͋ͬͯͦ͜ɺಇ͕࣌ؒ͋͘Δ͜ͱΛҙࣝ͢Δɻ ɹɹɹɾϢʔβʔͷ࣌ؒΛɺඞཁҎ্ʹࡡऔ͠ͳ͍ɻ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ࠓޙͷΞΫγϣϯʢ๊ෛʣ νϟϓλʔ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ࠓޙͷΞΫγϣϯʢ๊ෛʣ ΨΠυϥΠϯΛ ࣾڞ༗ ࣾઆ໌ձ ༗ޮੑͷݕূ "UPNJD%FTJHO ஈ֊తϦχϡʔΞϧ
ΨΠυϥΠϯͷ ϒϥογϡΞοϓ ࣾ֎ͷใൃ৴ ؒΛ૿͢ʂ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ࠓޙͷΞΫγϣϯʢ๊ෛʣ l69ΨΠυϥΠϯzͰΫϥυϫʔΫεΛ࡞Γม͑ɺ ྑ͍ϢʔβʔମݧΛఏڙͰ͖ΔϓϩμΫτʹ͍ͯ͘͠ɻ ΨΠυϥΠϯΛ ࣾڞ༗ ࣾઆ໌ձ ༗ޮੑͷݕূ
"UPNJD%FTJHO ஈ֊తϦχϡʔΞϧ ΨΠυϥΠϯͷ ϒϥογϡΞοϓ ࣾ֎ͷใൃ৴ ؒΛ૿͢ʂ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ࠓޙͷΞΫγϣϯʢ๊ෛʣ l69ΨΠυϥΠϯzͰΫϥυϫʔΫεΛ࡞Γม͑ɺ ྑ͍ϢʔβʔମݧΛఏڙͰ͖ΔϓϩμΫτʹ͍ͯ͘͠ɻ ΨΠυϥΠϯΛ ࣾڞ༗ ࣾઆ໌ձ ༗ޮੑͷݕূ
"UPNJD%FTJHO ஈ֊తϦχϡʔΞϧ ࣾ֎ͷใൃ৴ ΨΠυϥΠϯͷ ϒϥογϡΞοϓ ؒΛ૿͢ʂ ࡁ ணख
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ΨΠυϥΠϯΛࣾڞ༗ ࡁ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ༗ޮੑͷݕূ ணख
#FGPSF "GUFS ϚΠϖʔδͷϓϩτλΠϓΛ࡞ɻ ࣮ࡍʹϦϦʔεͯ͠ΨΠυϥΠϯͷ༗ޮੑΛݕূ͠·͢ɻ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ·ͱΊ σβΠϯͳΜͱ͔͍ͨ͠ σβΠφʔෆɺσβΠϯͷߟ͑ํ͕ਁಁͯ͠ͳ͍ɺݸผ࠷దԽ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ·ͱΊ σβΠϯͳΜͱ͔͍ͨ͠ σβΠφʔෆɺσβΠϯͷߟ͑ํ͕ਁಁͯ͠ͳ͍ɺݸผ࠷దԽ 69ΨΠυϥΠϯΛͭͬͨ͘
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ·ͱΊ σβΠϯͳΜͱ͔͍ͨ͠ σβΠφʔෆɺσβΠϯͷߟ͑ํ͕ਁಁͯ͠ͳ͍ɺݸผ࠷దԽ 69ΨΠυϥΠϯΛͭͬͨ͘ ͜ͳ͍ͩͷ िؒʂ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ·ͱΊ σβΠϯͳΜͱ͔͍ͨ͠ σβΠφʔෆɺσβΠϯͷߟ͑ํ͕ਁಁͯ͠ͳ͍ɺݸผ࠷దԽ 69ΨΠυϥΠϯΛͭͬͨ͘ ͜ͳ͍ͩͷ िؒʂ ͜ͷ͍Ͱ
ΫϥυϫʔΫεΛ࡞Γม͑Δʂ
ΫϥυϫʔΫεΛҰॹʹ࡞Γม͑Δ ؒΛืू͍ͯ͠·͢ʂ ੵۃ࠾༻தʂ
DPQZSJHIU D $SPXE8PSLTBMMSJHIUTSFTFSWFE ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ