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
より良い検索体験のための情報設計とプロトタイピング / cookpad_tech_conf20...
Search
sudokohey
January 21, 2017
Design
8.2k
10
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
より良い検索体験のための情報設計とプロトタイピング / cookpad_tech_conf2017_sudo
Cookpad TechConf 2017 発表資料
sudokohey
January 21, 2017
More Decks by sudokohey
See All by sudokohey
techconf2019_sudo.pdf
sudokohey
0
12k
Other Decks in Design
See All in Design
なぜ、インサイトを貯めるのか?
tajima_kaho
2
2.3k
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
2k
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
4
1.7k
Basket_of_love.pdf
terencebasart
0
110
2026年5月24日Redesigner Career Jamご参加者様ご案内資料
base
PRO
0
200
Figma MCPを活用するためのデザインハンドブック
vivion
7
19k
開閉UIのアニメーション設計
hiro0218
2
580
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
nttcom
0
750
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
210
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
960
Drawing for Animation
lynteo
2
310
Storyboard Assignment: Storyboard from Comic Strip
lynteo
3
280
Featured
See All Featured
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
200
Paper Plane
katiecoart
PRO
1
52k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.2k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Building Adaptive Systems
keathley
44
3.1k
The Pragmatic Product Professional
lauravandoore
37
7.3k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
250
1.3M
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
230
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
190
Claude Code のすすめ
schroneko
67
230k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
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 ૈ͘ʢୠ࣮͠ࡍʹ͑ΔʣϓϩτλΠϓΛͭͬͯ͘શମ૾Λ΅ΜΓݟͨΓ࣮ ࡍʹࢼͨ͠Γͭͭ͠ɺ֬ߴ͍෦͔Βஈ֊తʹ࠾༻͍ͯ͘͠ ΑΓΑ͍ݕࡧମݧͷͨΊʹ
͋Γ͕ͱ͏͍͟͝·ͨ͠