Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
より良い検索体験のための情報設計とプロトタイピング / cookpad_tech_conf20...
Search
sudokohey
January 21, 2017
Design
10
8.1k
より良い検索体験のための情報設計とプロトタイピング / cookpad_tech_conf2017_sudo
Cookpad TechConf 2017 発表資料
sudokohey
January 21, 2017
Tweet
Share
More Decks by sudokohey
See All by sudokohey
techconf2019_sudo.pdf
sudokohey
0
12k
Other Decks in Design
See All in Design
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
3
1.9k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
920k
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
root_recruit
0
230
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
910
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
350
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
780
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
370
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
170
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
460
デザインを信じていますか
sekiguchiy
1
610
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
0
260
Franks Myth
gfht1
0
350
Featured
See All Featured
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.3k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Visualization
eitanlees
150
16k
Building Applications with DynamoDB
mza
96
6.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
A better future with KSS
kneath
240
18k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.6k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Faster Mobile Websites
deanohume
310
31k
Transcript
ΑΓΑ͍ݕࡧମݧͷҝͷ ใઃܭͱϓϩτλΠϐϯά $PPLQBE5FDI$POG
ࣗݾհ w ໊લɿਢ౻ߞฏ w ݞॻ͖ɿσβΠφʔ w ॴଐɿ w ʙαʔϏε։ൃ෦ɾίϯηϓτσβΠϯάϧʔϓ ॴଐ
w ʙݕࡧࣄۀ෦ɾݕࡧपΓͷϓϩμΫτσβΠ ϯɾ։ൃ
ຊ͓͢͠Δ͜ͱ w ͔Β୲ͨ͠ʮݕࡧମݧͷվળʯʹͲͷΑ͏ ʹऔΓΜͰ͖͔ͨɺσβΠϯࢹͰͷࢥߟ w ใઃܭஈ֊ͷϊϋϓϩτλΠϓϕʔεͷ։ ൃϓϩηεͷհ
എܠ w ݕࡧϓϩμΫτઐͷ෦ॺ͕Ͱ͖ͨ w ݕࡧྑͯ͘͠ʂ w ྉཧʹؔ͢Δ࠷ߴͷݕࡧΤϯδϯΛͭ͘Δʂ
ݕࡧʹର͢Δ࣌ͷࣗͷཧղ w ݕࡧɺͦΕͳΓʹศརͩ͠े͡Όͳ͍ʁ w ΤϯδχΞͷྖҬʁ w ݕࡧʹΩʔϫʔυݕࡧ w ΞϧΰϦζϜΛͭ͘Δͱ͔ɺࣙॻͱ͔Πϯσο Ϋεͱ͔
Կ͔Ͱ͖Δ͜ͱ͋ΔΜͩΖ͏͔ʜ
σβΠφʔࢹ͔ΒԿ͕Ͱ͖Δʁ w ػೳΛ૿͢͜ͱʁ w ػೳͱମݧදཪҰମ w ݕࡧͰղܾ͍ͨ͜͠ͱͬͯԿ͚ͩͬʁ w ݕࡧશମ͕ࢦ͢ମݧͱ͔ɺےͷ௨ͬͨγφϦ Φ͚ͬͯ͋ͬͨͬʁ
Δ͜ͱ ࢦ͢ମݧΛ໌֬ʹ͠ɺͦͷମݧΛಘΔʹࢸΔ۩ମత ͳγφϦΦͱඞཁͳػೳΛબఆɾચ࿅ͤ͞Δ
ݕࡧʹ͓͚ΔओཁͳಈػͱγφϦΦΛઃఆ͢Δ ઃఆͨ͠γφϦΦʹطଘͷػೳΛϚοϐϯά͢Δ γφϦΦͷ༏ઌॱҐΛઃఆ͢Δ ܧ͗ͷແ͍ಈઢΛσβΠϯ͢Δ ϓϩτλΠϓΛ࣮ࡍʹ͔ͬͯ֬ΊΔ
۩ମతʹͬͨ͜ͱ
ݕࡧʹ͓͚ΔओཁͳಈػͱγφϦΦΛઃఆ͢Δ ઃఆͨ͠γφϦΦʹطଘͷػೳΛϚοϐϯά͢Δ γφϦΦͷ༏ઌॱҐΛઃఆ͢Δ ܧ͗ͷແ͍ಈઢΛσβΠϯ͢Δ ϓϩτλΠϓΛ࣮ࡍʹ͔ͬͯ֬ΊΔ
ओཁͳ̐ͭͷಈػ ୳͍ͨ͠ରΛ ͍֮ࣗͯ͠ͳ͍ ͋Δఔͷ੍Λ࣋ͪͭͭɺ அยతʹಘΒΕΔใΛݩʹ ํੑΛߜ͍ͬͯ͘ ۩ମతͳ͕ܾ݅·ͬ ͍ͯͯɺͦΕΛຬͨ ͢ใΛ͕͍ͯ͞͠ Δ
طͷಛఆͷใΛ ୳͍ͯ͠Δ
w Ұޱʹʮݕࡧʯʮ͕͢͞ʯͱ͍ͬͯඍົʹҟͳΔ ز͔ͭͷಈػ͕͋Δ w ಈػ͕ҧ͏ͱ͍ํɾظ͢ΔػೳҟͳΔ
۩ମతͳγφϦΦΛઃఆ
w ͜Ε͔Β࡞Δػೳطଘͷػೳ͕ͲͷಈػͷͲ͏͍ͬ ͨγφϦΦʹద͏ͷ͔ΛҙࣝͰ͖ΔΑ͏ʹ͢Δ w ػೳͷऔࣺબΛ͢͢ΊΔ্Ͱͷج४ʹͳΔ
ݕࡧʹ͓͚ΔओཁͳಈػͱγφϦΦΛઃఆ͢Δ ઃఆͨ͠γφϦΦʹطଘͷػೳΛϚοϐϯά͢Δ γφϦΦͷ༏ઌॱҐΛઃఆ͢Δ ܧ͗ͷແ͍ಈઢΛσβΠϯ͢Δ ϓϩτλΠϓΛ࣮ࡍʹ͔ͬͯ֬ΊΔ
None
w αϙʔτ͢Δػೳ͕खബͳγφϦΦΛѲ͢Δ w ׂ͕͔ͿΔػೳɾͲͷγφϦΦʹׂΓͯΒΕ ͳ͍ػೳΛѲ͢Δ w ͋Δ͖ঢ়ଶͱݱঢ়ͷࠩΛೝࣝ͢Δ
ݕࡧʹ͓͚ΔओཁͳಈػͱγφϦΦΛઃఆ͢Δ ઃఆͨ͠γφϦΦʹطଘͷػೳΛϚοϐϯά͢Δ γφϦΦͷ༏ઌॱҐΛઃఆ͢Δ ܧ͗ͷແ͍ಈઢΛσβΠϯ͢Δ ϓϩτλΠϓΛ࣮ࡍʹ͔ͬͯ֬ΊΔ
w खബͳͱ͜Ζຊʹ༏ઌ͕ߴ͍ʁ w ͦͦઃఆͨ͠γφϦΦͷൃੜ֬ۉҰͰͳ ͍ w ۩ମతͳΞΠσΞΛग़͠ͳ͕Βߟ͑ͯΈΔ
w ਖ਼ղͳ͍ w ʮ͓͍͍͠ʯʮ؆୯ʯਓͦΕͧΕ w ݹ͘ͳΒͳ͍ w ৽͚͠Εྑ͍ͱ͍͏ͷͰͳ͍ w ܁Γฦ͠ఆظతʹར༻͞ΕΔ
w ɾճΘΕΔՄೳੑ͕͋Δ Ϩγϐͱ͍͏ʮใʯͷಛੑ͔Βߟ͑ͯΈΔ
w ۩ମతͳΞΠσΞ͕ΠϝʔδͰ͖ͯɺ͔ͭରԠͷബ ͍γφϦΦͲΕ͔ʁ w ใͷಛੑ͔Βݟ͑ͯ͘ΔԾઆͱఆྔσʔλΛ͖ ߹ΘͤͯΈΔ
ݕࡧʹ͓͚ΔओཁͳಈػͱγφϦΦΛઃఆ͢Δ ઃఆͨ͠γφϦΦʹطଘͷػೳΛϚοϐϯά͢Δ γφϦΦͷ༏ઌॱҐΛઃఆ͢Δ ܧ͗ͷແ͍ಈઢΛσβΠϯ͢Δ ϓϩτλΠϓΛ࣮ࡍʹ͔ͬͯ֬ΊΔ
w γφϦΦΛઃఆͯ͠ରԠ͢ΔػೳΛ࡞͚ͬͨͩͰยख མͪ w ಉ࣌ʹʮྲྀΕʯΛߟ͑Δͷ͕େࣄ w Ϣʔβʔຖճҧ͏ಈػɾγφϦΦͰͬͯ͘Δ w ֤γφϦΦΛߦͬͨΓདྷͨΓ͠ͳ͕ΒతΛୡ͢Δ ͜ͱ͋Δ
w ୠ͠ɺೖΓޱΞΫγϣϯݶΒΕ͍ͯΔ
w ͲͷಈػͰೖ͖ͬͯͯతΛୡͰ͖ΔΑ͏ͳྲྀ ΕΛͭ͘Δ w ͲΜͳྲྀΕΛͭ͘ΕɺϊʔΞΠσΞ͔Βελʔτ ͯ͠ࠓ࡞Δ̍ΛܾΊΒΕΔ͔ʁ
΅ΜΓʮڕͰԿ͔ʜʯ͔Βɺ ʮαόʹ͠Α͏ʂαόΛͲ͏͠Α͏͔ͳʁʯʹ͍࣋ͬͯ͘ʹʁ ࡢ͓͔ͩͬͨΒ ࠓڕͰԿ͔ʜ ͋ɺαό͔͊ʜ ͍͍͔ʂ ࠷ۙ৯ͯͳ͍͠ɻ
࠷ॳͷҰาͱͯ͠ɺͻͱ· ͣɾڕ͘Β͍ͷҙࢥදࣔ Λͯ͠Β͏ͷͲ͏ͩΖ ͏ʁ
ͦͷ͋ͱɺقઅʹ߹ͬͨڕ հΛ࣠ʹ۩ମతͳϨγϐͰ ૌٻ͢Δ͜ͱͰɺಛఆͷ৯ ࡐʹؔ৺Λ࣋ͭྲྀΕΛͭ͘ ΕΔͩΖ͏͔ʁ
ʮ͋ʔɺαό͍͍͔Ͷɻʯ͔Βɺ ʮαόͷরΓম͖͕͍͍ʂʯʹ͍࣋ͬͯ͘ʹʁ αόͰԿ࡞Ζ͔ͬͳʜ ༲͛໘ͩ͠ͳʜ ͋ɺরΓম͖Ͷʂ ؆୯ͦ͏ͩ͠ɺ ͝Μʹ߹͏͔
w αόͷ৯ํΛௐཧ๏ผ ʹϦετΞοϓͯ͠બ ΔΑ͏ͳ6*Λ༻ҙͯ͠ Ͳ͏ͩΖ͏ʁ
w ৯ࡐ໊̍୯ޠͷݕࡧͰɺ ۩ମతͳ৯ํͷํੑ ΛܾΊͯΒ͏ʹͲ͏ ͨ͠Β͍͍ͩΖ͏ʁ w ͔͜͜Β৯ํΛϦετ Ξοϓͨ͠ϖʔδͷྲྀ ΕΛ࡞ΔͷͲ͏͔ʁ
΅ΜΓʮԹ͔͍ͷ͕৯͍ͨͳʜʯ͔Βɺ ʮ͋ɺڈΑ͘࡞ͬͯͨΞϨʹ͠Α͏ʂʯʹ͍࣋ͬͯ͘ʹʁ ͳʹ͔Թ·Δͷ͕ ৯͍ͨͳʜ ͦ͏ͦ͏ɺ౬౾ʂ ͋ͷਓͷ͋ͷϨγϐ͓͍ ͍͠ΜͩΑͶʂ
w աڈʹอଘͨ͠Ϩγϐ͔ Βɺಉγʔζϯʹอଘ͠ ͨϨγϐΛϐοΫΞοϓ ͨ͠ΒͲ͏ͩΖ͏ʁ w ͜͜Λ͖͔͚ͬʹɺอଘ ͨ͠ϨγϐͷҰཡ͔Β୳ ͢ྲྀΕΛͭͬͨ͘ΒͲ͏ ͔ʁ
w ػೳͱྲྀΕΛηοτͰߟ͑ͯɺ࣮ࡍʹϓϩτλΠϓ Λ࡞ͬͯ֬ೝΛ܁Γฦ͢ w ͲͷಈػͰೖ͖ͬͯͯతΛୡͰ͖Δ͔ʁ w ಛఆͷγφϦΦγʔϯͰߦ͖ࢭ·ΓʹͳΒͳ͍ ͔
ݕࡧʹ͓͚ΔओཁͳಈػͱγφϦΦΛઃఆ͢Δ ઃఆͨ͠γφϦΦʹطଘͷػೳΛϚοϐϯά͢Δ γφϦΦͷ༏ઌॱҐΛઃఆ͢Δ ܧ͗ͷແ͍ಈઢΛσβΠϯ͢Δ ϓϩτλΠϓΛ࣮ࡍʹ͔ͬͯ֬ΊΔ
w ҙࣝతʹςετΛ͢ΔͷͰͳ͘ɺෆଌͷࣄଶʹର ԠͰ͖Δ͔Λࢼ͢ w ༦ํϊʔϓϥϯͰٸ͍Ͱങ͍͍ͬͯళ಄Ͱͬ ܾͯ·Δ͔ʁ w ྫྷౚͯ͋͠Δͱࢥ͕ͬͯͨແ͍͜ͱʹؾ͍ͮͨ ॠؒͱ͔ ࣮ࡍͷੜ׆ͷதͰࢼ͢
CMPHಡΜͰ͍ͩ͘͞ @ IUUQUFDIMJGFDPPLQBEDPN
·ͱΊ
w ͳʹΑΓࢦ͢ମݧɾγφϦΦΛ໌֬ʹ w ʮݕࡧʯͱ͍ͬͯൣғ͕͍ͷͰɺͦͷதͰෳͷಈػͱγφϦΦΛઃఆ w ػೳͱγφϦΦΛηοτͰߟ͑Δ w ͻͱͭͷػೳͰ৭ʑ͓͏ͱͤͣɺ֤ػೳͷकඋൣғظ͢ΔׂΛ໌֬ʹ w ʮྲྀΕʯΛͭ͘Δ͜ͱͰτʔλϧͰతΛୡ͢Δ
w ޮతʹՁΛܗʹ w ૈ͘ʢୠ࣮͠ࡍʹ͑ΔʣϓϩτλΠϓΛͭͬͯ͘શମ૾Λ΅ΜΓݟͨΓ࣮ ࡍʹࢼͨ͠Γͭͭ͠ɺ֬ߴ͍෦͔Βஈ֊తʹ࠾༻͍ͯ͘͠ ΑΓΑ͍ݕࡧମݧͷͨΊʹ
͋Γ͕ͱ͏͍͟͝·ͨ͠