Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
より良い検索体験のための情報設計とプロトタイピング / 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.3k
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
プレゼンスライド作成で意識していること
kimichan
0
160
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
520
デザインハーネスをつくるハーネス|誰でも自社らしいデザインをつくれるようにする仕組み
katakai
0
1.5k
飲み会を妻に伝えるベストタイミング分析
kudaranai
0
110
The ISO 25964 standard on Information and documentation — Thesauri and interoperability with other vocabularies
accessinnovations
0
480
ひとりで作れる時代に、 判断をみんなで持つには。/ Build alone share judgment
kgsi
1
920
Typographie et intégration web
goetter
0
190
AI-DLC AI駆動開発ライフサイクルとAI-DLC Worlflows V2のご紹介
fatsushi
4
2.1k
このスロップ時代に良きデザインをつくるには? / good-design-in-the-slop-era
kgsi
1
1.3k
AI-Slopなデザインを生まないためのデザインプロセス戦略
takanorip
10
6.6k
デザイナーがいない部署にハーネスを設計する
kenichiota0711
5
5.9k
PLATEAUで白い街を作る
aikautau
0
240
Featured
See All Featured
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
470
Building Applications with DynamoDB
mza
96
7.3k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3.1k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
620
Making Projects Easy
brettharned
120
6.8k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
1.1k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
830
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
520
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
610
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
1
510
Abbi's Birthday
coloredviolet
4
11k
Amusing Abliteration
ianozsvald
1
380
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 ૈ͘ʢୠ࣮͠ࡍʹ͑ΔʣϓϩτλΠϓΛͭͬͯ͘શମ૾Λ΅ΜΓݟͨΓ࣮ ࡍʹࢼͨ͠Γͭͭ͠ɺ֬ߴ͍෦͔Βஈ֊తʹ࠾༻͍ͯ͘͠ ΑΓΑ͍ݕࡧମݧͷͨΊʹ
͋Γ͕ͱ͏͍͟͝·ͨ͠