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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
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
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
170
AIスライドデザインを生成する仕組みを社内共有する
kenichiota0711
7
5.7k
Spacemarket Brand Guide
spacemarket
2
1k
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
410
Frontier
rwang05
0
170
CULTURE DECK/Creative Director
mhand01
0
1.3k
Signull 団体説明資料
signull
0
690
test deck title
shotamatsuo
0
1.5k
AIスライド生成を進化させるMDファイル
kenichiota0711
1
1.4k
The Art of Messy the Maid
marzstarz
0
110
Drawing for Animation
lynteo
2
310
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.1k
Featured
See All Featured
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
500
The SEO identity crisis: Don't let AI make you average
varn
0
510
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
960
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
750
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.1k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
880
Music & Morning Musume
bryan
47
7.3k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Typedesign – Prime Four
hannesfritz
42
3.1k
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 ૈ͘ʢୠ࣮͠ࡍʹ͑ΔʣϓϩτλΠϓΛͭͬͯ͘શମ૾Λ΅ΜΓݟͨΓ࣮ ࡍʹࢼͨ͠Γͭͭ͠ɺ֬ߴ͍෦͔Βஈ֊తʹ࠾༻͍ͯ͘͠ ΑΓΑ͍ݕࡧମݧͷͨΊʹ
͋Γ͕ͱ͏͍͟͝·ͨ͠