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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Kazuma Ueda
January 26, 2017
Design
250
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
自分たちでつくった “UXガイドライン”を片手に、 クラウドワークスを作り変える。
UX JAM #14 で発表した資料です。
※一部の情報を修正して公開しています。
Kazuma Ueda
January 26, 2017
More Decks by Kazuma Ueda
See All by Kazuma Ueda
ビジネスとデザインの繋ぎ方
ueda1023
0
2.9k
ボトムアップでつくるデザイン組織 〜現場で働くデザイナーとして大切にした3つのこと〜
ueda1023
3
6k
価値の低い機能の廃止にこだわる3つの理由
ueda1023
7
12k
Other Decks in Design
See All in Design
Of Ordination and Rebellion exploration sketches
rezaline
0
120
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
360
Drawing for Animation
lynteo
2
300
「親切なオンボーディング」 が招く罠 ー AI時代のUXデザイン
godlingkogami
0
130
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
ryu1013
0
100
CULTURE DECK/Frontend Engineer
mhand01
0
1.3k
Frontier
rwang05
0
160
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
2
850
【優秀賞+特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
shoko_seven11
0
190
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.9k
Figma MCPを活用するためのデザインハンドブック
vivion
7
18k
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
4
1.7k
Featured
See All Featured
Making Projects Easy
brettharned
120
6.7k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
400
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
62
44k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
52k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.9k
Abbi's Birthday
coloredviolet
2
8k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
3.3k
Practical Orchestrator
shlominoach
191
11k
My Coaching Mixtape
mlcsv
0
140
Build your cross-platform service in a week with App Engine
jlugia
234
18k
30 Presentation Tips
portentint
PRO
1
320
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
190
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 ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ