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
10
8k
より良い検索体験のための情報設計とプロトタイピング / 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
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
390
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
690
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
330
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
100
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
150
portfolio_YumiYasuda
yum0418
0
300
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
440
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
580
AIで加速するアクセシビリティのこれから
magi1125
3
590
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.4k
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.8k
CMS管理画面のアクセシビリティ
magi1125
8
2.3k
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
How STYLIGHT went responsive
nonsquared
100
5.6k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
530
Site-Speed That Sticks
csswizardry
10
720
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
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 ૈ͘ʢୠ࣮͠ࡍʹ͑ΔʣϓϩτλΠϓΛͭͬͯ͘શମ૾Λ΅ΜΓݟͨΓ࣮ ࡍʹࢼͨ͠Γͭͭ͠ɺ֬ߴ͍෦͔Βஈ֊తʹ࠾༻͍ͯ͘͠ ΑΓΑ͍ݕࡧମݧͷͨΊʹ
͋Γ͕ͱ͏͍͟͝·ͨ͠