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
Designing UX Development
Search
Kazuhiro Mizushima
December 17, 2012
Design
14
23k
Designing UX Development
UX Developer の人材運用の現実と求められる理想の運用方法
ならびに、それを実現する為の立ち振舞い その1
Kazuhiro Mizushima
December 17, 2012
Tweet
Share
More Decks by Kazuhiro Mizushima
See All by Kazuhiro Mizushima
16x4 & 24x4 modules (OxygenNotIncluded)
voqn
0
4.4k
エピソードUXから始めるべき
voqn
1
410
VoQnFest2010
voqn
0
170
Other Decks in Design
See All in Design
How to go from research data to insights?
mastervicedesign
0
200
(第1回) アーキテクト・テックリード育成講座
masakaya
0
130
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
620
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
110
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.3k
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
240
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
180
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
480
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.5k
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
7.9k
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
440
Personal Story Sequence - Vendetta(WIP)
elrns88
0
370
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.2k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
KATA
mclloyd
29
14k
BBQ
matthewcrist
85
9.4k
The Cult of Friendly URLs
andyhume
78
6.1k
Raft: Consensus for Rubyists
vanstee
137
6.7k
Agile that works and the tools we love
rasmusluckow
328
21k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.6k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
19
2.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
172
50k
Making Projects Easy
brettharned
116
6k
Transcript
,-BCגࣜձࣾ։ൃ੍࡞ຊ෦ୈޒ։ൃ੍࡞෦ 7P2OIUUQWPROHJUIVCDPN Designing UX Development ΑΓΑ͍6*69Λఏڙ͢Δ ৫ͱख๏ͷσβΠϯ ͋Δ͍৫ઓུ
What’s this ? z6*69΄͛;͕zͳΔݞॻ͖͕ ૿͍͑ͯΔࡢࠓ ͦ͏ͨ͠ਓࡐΛඞཁͱ͞ΕΔ ؾӡ͕ߴ·͍ͬͯΔ͚ΕͲ ࣮ࡍͲ͏ͳͷΑʁͲ͏͏ͷ͕ ຊʹ͍͍ͷΑʁͱ͍͏
Agenda • Ideal & Real - ཧͱݱ࣮ • Where is
“Experience” ? - ͦΕͦ͏ͱ • UX = System >>= Culture - ͦͦ • Developer’s Sadness - ͜Ε͕ͭΒ͍ • Positioning - ͜͏͋Δ͖ • Aiming for Victory - ͜͏͍ͨ͠ • How should it begin - Ͳ͏͢ΕΑ͍͔ • Homework - ͠Ύ͍ͩ͘
Ideal & Real wʮ6*69ͷ࣭ΛߴΊΕʜʯ w ച্্͕͕ΔΘ͚Ͱͳ͍ w ผͷҼࢠͷํ͕େ͖͘ಇ͘ w ʮλʔήοτʹϚονͨ͠ϚʔέςΟϯάʯ
w ʮϥΠόϧͷෆࡏϥΠόϧʹର͢Δ༏Ґʯ w ʮ6*ʹର͢Δ׳ΕʯͰ࣌ؒతʹղܾ͞Εͯ͠·͏ࣄ w ͕ॖ͞ΕΔΘ͚Ͱͳ͍ w ݪཧతʹؔͳ͍ w త֬ͳίϯηϓτϫʔΫͰखΓ͕ݮΔˠॖ͋Γ͏Δ w Լखͳӡ༻࣍ୈͰٯʹ͕͔͔࣌ؒΓ͏Δ
Ideal & Real wʮ6*69ͷઐ͕͍Εʜʯ w λεΫΛҰͰ͖ΔΘ͚Ͱͳ͍ w λεΫෳͷྖҬʹލ͗ɺৗʹผͷઐͷڠྗ͕ཁΔ w ҰͰ͖ΔλεΫʮίϯηϓτϫʔΫʯ͘Β͍
w ۀ͕ਐΉΘ͚Ͱͳ͍ w Ή͠Ζશͯʹ͓͍ͯʮ݉ʯʹͳͬͯ͠·͏ w ৗʹʮͲ͔ͬͪͭͣʯΛݒ೦͞ΕΔଘࡏ w ʮݟ௨͠ͷྑ͍ܭըʜʯʹͳΒͳ͍ w Ή͠ΖʮϨϏϡʔʹΑΔ࠶ߟʯ্εέδϡʔϦϯά w ࠷ޙ·ͰϦςΠΫΛड͚ೖΕΔ֮ޛ͕ཁΔ
Where is “Experience” ? F I U Interface User Function
Product / Service Input Output Interaction C Society Commune
Where is “Experience” ? F I U Interface User Function
Product / Service Input Output Interaction C Society Commune User Interface User Experience
UX = System >>= Culture wϋʔυΣΞɺιϑτΣΞΘͣ wϓϩμΫταʔϏεΛఏڙ͠ wϢʔβʔจԽݍͷதͰར༻͞Ε wϢʔβʔ͕zମݧɾମײz͢ΔϞϊ w͔ͩΒ69%FWFMPQFSશ෦Δ
w ͨͩɺʮ69ɺ69ʯͬͯݺΜͰͯʮମݧɺମݧʯͬͯݺΜͰͯɺ ᐆດ͗͢Δ͠ɺήγϡλϧτ่յ͢Δ͠ɺͿͬͪΌ͚ʮ69ͷઐՈ Ͱ͢ʢυϠإʣʯΈ͍ͨͳਓɺ͖Β͍ͩ͠৴༻Ͱ͖ͳ͍
UX = System >>= Culture w69ઃܭͯ͠࠶ݱੑ͕ʮແ͍ʯ w ઃܭɺઃఆͨ͠ͱ͜ΖͰϢʔβʔʹ ඞͣʹମݧͤ͞ΒΕΔͷͰͳ͍ ͦΓΌͦ͏ͩ
w ײ͡ํ͍ํϢʔβʔͷࣗ༝Ώ͑ʹ ઃܭऀ݁ہʮ͋Μͳ͜ͱ͍͍ͳɺͰ͖ͨΒ͍͍ͳʯ ͷϨϕϧΛ͑ΒΕͳ͍
Developer’s Sadness w69ͷҼࢠʮશ෦Ε͔ͬͯʁʯ w ΤϯδχΞϦϯά1SPHSBN4ZTUFN w σβΠχϯά$PODFQU(6*-BZPVU w ελΠϦϯά4UZMF*NBHF%FDPSBUJPO w
ϚʔέςΟϯά3FTFBSDI1SPNPUJPO
Developer’s Sadness w ʮΘ͔ͬͨΑશ෦Ε͍͍ΜͰ͠ΐ ʯ w σΟςʔϧʹਂ͘खΛೖΕΔώϚͳ͠ w ख͔ͣΛຒΊΔ͚ͩͰ࣌ؒΛ৯ΘΕΔ w
ࡴ͞Εͯͦͦͷ69Λݟ͢ώϚͳ͠ w ؾ͕͍ͭͨΒग़དྷ͕ѱ͍Ϟϊʹ w ͜ΕɺΑ͘ܦݧͨ͠͠ɺͬͯͬͯΔͱ࣮֬ʹ͜͏ͳΔ
Developer’s Sadness w ʮσΟϨΫγϣϯʹప͢Δ͔Β ࡉ͔͍ͷ֤͓ࣗئ͍ʯ w ϝϯόʔʮޱ͚ͩͷϧηʔͷ্ͷλϯίϒͩͳʜʯ w ্࢘ʮօؤு͚ͬͯͨͲ݁ہΩϛԿͬͯͨͷʁʯ w
͜͜ΒΜͷ༕ᓔΑ͋͘ΔσΟϨΫλʔ Ϛωʔδϟʔͷ൵ѩͱಉ͡ w ࣮69%FWFMPQFSͷҰ൪ਖ਼͍͠ਓࡐӡ༻ͷํ
Positioning w69ઃܭɾ։ൃγϯάϧίϯόοτ Ͱग़དྷΔࣄ͡Όͳ͍ w ػೳʹؔΘΔશͯΛҎͬͯॳΊͯ ʮૂ͍௨Γʹମݧͯ͘͠ΕΔ͔ʜʯ ͱ͍͏Ϟϊ w ͭ·Γશ෦ͷ໘ΛݟΕΔٕೳͱܙΛ ඞཁͱ͢Δ͠ɺൃشͰ͖Δঢ়گ͕ٻΊΒΕΔ
Positioning wʮઓઢʹཱͭσΟϨΫλʔʯ w ਐߦɾௐͷσΟϨΫγϣϯͰͳ͍ w ϓϩμΫτͷzग़དྷzΛઐΒࠪ͢ΔσΟϨΫλʔ w ͍͟ͱͳͬͨΒͦΕͧΕͷલઢʹೖΕΔ εΩϧͱ͕ࣝඞཁ w
͔͍ͭ͠͠·Ͱલઢʹ͍ͨΒ͍͚ͳ͍ w ελΠϦετผཁһʹ͖͢
Aiming for Victory wʮઓઢʹཱͭσΟϨΫλʔʯͱͯ͠ ӡ༻ͯ͠Β͏ͨΊʹ w ԿݴΘͣͬͯΔͱ ʮΤϯδχΞͷλεΫ͛ΒΕΔศརͳσβΠφʔ͞Μʯ ͱ͍ͯ͠௵͞ΕΔ w
ʮσΟϨΫλʔ اը͕݉Ͱ͍͍ͩΖʯʹͳΓ͕ͪ w ʮਓख͕Γͳ͍͔Β։ൃσβΠϯग़དྷΔਓΛͱΓ͋͑ͣ ɹz69σβΠφʔzͱ͍͏͜ͱͰશ෦Βͤ·ͨ͠ʯ ʮΤϯδχΞϦϯάͷ߹Θ͔ͬͯ͘ΕΔσβΠφʔʹ શ෦ͭͭ͡·߹ΘͤͯΒ͍·ͨ͠ʯ ͕େͷਅ૬ͩͬͨΓ͢Δ
Aiming for Victory w·ͣ৫తʹೝΊΒΕΔΑ͏ʹ wརӹΛग़ͯ͠ظॖͪ͠Ό͏ wˢ͖ͬ͞ച্ʹߩݙ͠ͳ͍ͱ͔ ݴͬͨ͡ΌΜʂ wˢظͷॖʹߩݙ͠ͳ͍ͱ ݴͬͨ͡ΌΜʂ w·͊ฉ͍͍ͯͩ͘͞Α
Aiming for Victory w69%FWFMPQFSΛνʔϜʹೖΕͯ w %FTJHO1SJODJQMFT σβΠϯݪཧ ΛఆΊͤ͞Δ w
పఈͨ͠ίϯηϓτϫʔΫΛͤ͞Δ w Ұ؏ͨ͠ίϯηϓτͷݩͰͷ σβΠϯϫʔΫΤϯδχΞϦϯά w ϚʔέςΟϯάͷਫ਼্ खૣ͍ελΠϦϯάɺϦςΠΫ ૂ͑ͳ͍Θ͚Ͱͳ͍ΑͶʁ w ࣄۀओʹ͜͜Ͱೲಘ͍ͯͨͩ͘͠
Aiming for Victory w69%FWFMPQFS͕νʔϜʹ͍Δ͜ͱͰ w ϝϯόʔ͕ʮ͍͍κʙ͜Εʯͬͯࢥͬͯ͘ΕΔΑ͏ʹ %FWFMPQFS͕ಇ͘ w ্ʮ໘ΈΔ෦ ࣭ͷߴ͞ͱ͔
͕ݮͬͯخ͍͠ʯ ͱࢥͬͯΒ͑ΔΑ͏ʹಇ͘ w σΟϨΫλʔ͕ʮਐߦͷѲͱܭըௐ͚ͩʹͳͬͯ ॿ͔ΔΘʙʯͱָʹͳΔΑ͏ʹಇ͘ w ੜʑ͍͠ϋφγͰ͢Ͷʂʂʂ
How should it begin? w ී௨ʹͬͯΔͱ ʮ։ൃσβΠϯͰ͖ͪΌ͏ศརʯ ʹ͞Εͯ͠·͏͜ͱલड़ͨ͠ w ͜Ε·Ͱ69%FWFMPQFS͕ډͳ͔ͬͨॴͰ
zࣄͷ୲zΛ͚ͯΒ͏ඞཁ͕͋Δ w ड͚ೖΕଶ͕ग़དྷͯͳ͔ͬͨΓɺ zͦΕzΛظ͞Εͯͳ͍ࣄଟʑ͋Γ ʮ͍ɺͬͯίʔυॻ͍ͯσβΠϯΕΑʯͬͯݴΘΕͳ͍Α͏ʹ
How should it begin? w ͦͷ ϫʔΩϯάϑϩʔͦͷͷΛ 69%FWFMPQFS͕վળͤ͞Δ w ࣗͷ৬Λ69ઃܭɾ։ൃͷରͱͯ͠ԋश
w ͜ΕࣗମνʔϜϝϯόʔʹͱͬͯɺ 69ઃܭɾ։ൃΛΑ͘ཧղͯ͠Β͏ػʹͳΔ w 69%FWFMPQFSʹͱͬͯྑ͍࿅शʹͳΔ w νʔϜͷੑ֨ͰೃછΉϫʔΫϑϩʔ͕ҧ͏ͷͰ ߹ͬͨΓํΛݟۃΊΔͷ͕ॏཁ
How should it begin? w ͦͷ اը͕࣋ͬͯΔ ϓϩμΫτͷʮҰ൪େࣄͳ͜ͱʯ Λ࠷େݶʹҾ͖ग़͢ w
ͨͿΜͨ͜͠ͱ͕ແ͔ͬͨͰ͋Ζ͏ %FTJHO1SJODJQMFTͷઃܭ w ͜Ε·Ͱʹແ͍ఔͷࠎଠͷ ίϯηϓτϫʔΫΛͬͯΈͤΔ w σβΠφʔָ͕Λײ͡ΕͨΒ͠Ίͨͷ
Homework w ࠓͷࣗͱνʔϜͷऔΓΈํΛ 69։ൃରͱͯ͠ੳ͢Δ wϢʔβʔࣗΛؚΊͨνʔϜϝΠτ wࣄͷΰʔϧԿ͔ͩͬͨͷ֬ೝ wࠓ๊͍͑ͯΔɾ՝Կ͔ ࣗΒͷΛߟղܾͰ͖ͣʹ ݟΒ͵Ϣʔβʔͷ69ͳΜ͔ߟ͑ΒΕΔΘ͚ͳ͍ͩΖ
ͱࣗʹݴ͍ฉ͔ͤΑ͏
Homework w ֎෦ཁҼʹґΒͳ͍ɺ॓ ͷ Λվળ͢ΔΞΠσΞΛग़͢ w ଞॴ༷ͷॴҝʹͯ͠Εָ͚ͩͲ Ұʹྑ͘ͳͬͨΓͤΜΑͶ
w ࣮ࡍʹϓϩμΫτग़ͨ࣌͠ʹ ʮzଞͷॴҝzͰ69͕࣮ݱ͠·ͤΜͰͨ͠ʯ ͱ͔͚ͳ͍ݴ͍༁Ͱ͖ͳ͍ΑͶ ࣮ࡍͷ69։ൃ֎෦ཁҼߟͱੳͷରͰ͋ͬͯɺ ઃܭࣗମ෦ཁҼΛͲ͏͢Δ͔͔͠ग़དྷ·ͤΜ ͱࣗʹݴ͍ฉ͔ͤΑ͏
Homework w ࠓ๊͑ͯΔҊ݅ͷ άϥϯυίϯηϓτΛ ͏ҰݴޠԽ͢Δ w άϥϯυίϯηϓτͬͯҊ֎ͬͯΔͱ͜Ζগͳ͍ ۀ͔ͭσβΠφʔઐ༻ελδΦ࣋ͬͯΔ େखϝʔΧʔ͘Β͍͔ͬͯ͠ͳ͍ͷͰ
w ॓ʢʣ͕͜Ε͚ͩͰղܾ͞ΕΔ͜ͱ͋Γ ࣮ࡍͷ69։ൃάϥϯυίϯηϓτ͔Β ͱࣗʹݴ͍ฉ͔ͤΑ͏
Homework - Hint wώΞϦϯάͯ͢ͷجຊ wҼՌؔͷࠜΛ୳Ε wʮ༷ʑͳʯΑΓʮҰͭͷಥഁޱʯ wγϯϓϧͰ͋Δ΄Ͳڧ͍ͱΔ͜ͱ Ҋ֎ʮ͓՛ࢠ৯ͳ͕Βࡶஊ͢Δ࣌ؒΛͭ͘ΔʯΈ͍ͨͳࢪࡦͰ ഥࢠൈ͚͢Δ͘Β্͍ख͘ߦͬͯ͠·͏͜ͱͩͬͯ͋ΔΑ
Next ΑΓΑ͍69Λఏڙ͢ΔͨΊʹ ԿΛΔ͖͔ What learn for UX Development ָ͓͠Έʹ