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
240
自分たちでつくった “UXガイドライン”を片手に、 クラウドワークスを作り変える。
UX JAM #14 で発表した資料です。
※一部の情報を修正して公開しています。
Kazuma Ueda
January 26, 2017
Tweet
Share
More Decks by Kazuma Ueda
See All by Kazuma Ueda
ビジネスとデザインの繋ぎ方
ueda1023
0
2.8k
ボトムアップでつくるデザイン組織 〜現場で働くデザイナーとして大切にした3つのこと〜
ueda1023
3
5.6k
価値の低い機能の廃止にこだわる3つの理由
ueda1023
7
12k
Other Decks in Design
See All in Design
越境するデザイン人材:デザイナーが社会資本となる世界へ
goodpatch
0
250
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
250
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
330
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2.1k
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
900
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
190
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
580
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
270
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
220
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
bitkey
PRO
0
110
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
8
2.6k
高卒公務員から Webデザイナーになるまで
kinomidesign
0
120
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Speed Design
sergeychernyshev
32
1.2k
Building an army of robots
kneath
306
46k
How GitHub (no longer) Works
holman
315
140k
YesSQL, Process and Tooling at Scale
rocio
174
15k
Why You Should Never Use an ORM
jnunemaker
PRO
60
9.6k
Practical Orchestrator
shlominoach
190
11k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
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 ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ