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
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
6.1k
価値の低い機能の廃止にこだわる3つの理由
ueda1023
7
12k
Other Decks in Design
See All in Design
CULTURE DECK/Creative Director
mhand01
0
1.3k
「親切なオンボーディング」 が招く罠 ー AI時代のUXデザイン
godlingkogami
1
140
I.A. como meio, não como fim. Como avaliar o valor entregue?
videlvequio
0
400
root COMPANY DECK / We are hiring!
root_recruit
3
29k
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
1
190
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
420
広い関与の可能性に どう向き合うのか? 私たちは。|Timee MarketingDesign 2026-06-18
bebe
0
250
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
1.5k
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
180
The Art of Caring
klemens
0
360
kintone開発におけるライターの役割の変化〜AI活用を添えて〜 / Changes in the Role of Writers in Kintone Development
keroyama
0
140
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
300
Featured
See All Featured
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
340
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
190
Color Theory Basics | Prateek | Gurzu
gurzu
0
390
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
210
RailsConf 2023
tenderlove
30
1.5k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
1.9k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.5k
The Spectacular Lies of Maps
axbom
PRO
1
850
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.5k
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 ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ