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
どんなサービスにしたい? から考えるデザイン / UX JAM' 04 / 20191211
Search
ganchan
December 11, 2019
Design
1
70k
どんなサービスにしたい? から考えるデザイン / UX JAM' 04 / 20191211
ganchan
December 11, 2019
Tweet
Share
Other Decks in Design
See All in Design
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
130
DC Style Redesign
mcduckyart
0
130
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
200
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
460
Liquid Iron
mcduckyart
1
110
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.5k
デザイナーとPMの両ロール_3つのポイント
toy1618
1
330
Kid Cowboy 103
marilutwin
0
270
portfolio_YumiYasuda
yum0418
0
290
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
140
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
線で考える画面構成
natsuume
1
880
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
GitHub's CSS Performance
jonrohan
1031
460k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
The Invisible Side of Design
smashingmag
301
51k
Facilitating Awesome Meetings
lara
54
6.4k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Transcript
Masatoshi Ogawa pixiv inc. ͲΜͳαʔϏεʹ͍ͨ͠ʁ ͔Βߟ͑ΔσβΠϯ 2019.12.11
খխढ़ (͓͕Θ ·͞ͱ͠) 2018ϐΫγϒ৽ଔೖࣾ σβΠφʔ pixivͷUI/UXσβΠϯΛ୲
࡞׆ಈ (Πϥετ•ϚϯΨ•খઆ) Λத৺ͱͨ͠SNS ि͋ͨΓ15ສ࡞͕ߘ͞Ε͍ͯΔ pixiv
ͬͦ͘͞ຊ
Έͳ͞ΜࣗࣾͷαʔϏεΛ ͲΜͳαʔϏεʹ͍ͨ͠ͱ ࢥ͍ͬͯ·͔͢ʁ
pixivΛ ੈքҰ࡞Λஔ͘ͷʹ ;͞Θ͍͠ॴ ʹ͢Δ͜ͱ νʔϜͷඪ
ͦͷͨΊʹҰ؏ͯ͠৺͕͚͍ͯΔ ͜ͱ͕̎ͭ͋Γ·͢
1.ΫϦΤΠλʔ͕ҙࣝ͠ͳͯ͘ɹɹɹ ࡞͕ଟ͘ͷਓʹݟΒΕΔΑ͏ʹ͢Δ 2.࡞ͷओ͕ΘΔΑ͏ʹ͢Δ
࠷ۙߦͬͨࢪࡦͰ ۩ମతʹઆ໌͠·͢
• ࡢ2݄ʹൃද͞ΕͨGoogleͷ৽ػೳ • InstagramͷετʔϦʔͷΑ͏ͳܗࣜͰ ίϯςϯπΛӾཡ͢Δ͜ͱ͕Ͱ͖Δ • ւ֎Ͱࢼݧӡ༻த AMPετʔϦʔ ࢀߟ:
Washington Post
• Googleݕࡧ݁Ռͷ্Ґ GoogleDiscoverʹදࣔ • 1ετʔϦʔ͋ͨΓ࠷େɹ ສimp Λ֫ಘͰ͖Δɹ Մೳੑ͕͋Δ AMPετʔϦʔ
ࢀߟ: Washington Post
AMPετʔϦʔ ΫϦΤΠλʔ͕ҙࣝ͠ͳͯ͘ ࡞͕ଟ͘ͷਓʹݟΒΕΔΑ͏ʹͳΔ ΫϦΤΠλʔ͕ಛผͳઃఆΛ͢Δ ඞཁ͕ͳ͍ʂ
࣮ࡍʹ࡞ͬͨͷ
࣮ࡍʹ࡞ͬͨͷ λάͷिؒਓؾΠϥετΛ දࣔ͢ΔAMPετʔϦʔ ʮԼ൴ঁʯ Illustrated by ϑΧώϨ
pixivͷΠϥετ࡞ଟछଟ༷ ࡐ ΩϟϥΫλʔ/෩ܠ …etc αΠζ ॎ/ԣ/ਖ਼ํܗ
ͲΜͳ߹Ͱओ͕ΘΔΑ͏ͳ σβΠϯͷ͕ඞཁ
AMPετʔϦʔͷ༷ʹΑΓɹɹ Πϥετ͕֦େදࣔ͞Εͯ͠·͏ →ॎͷΠϥετ্ἧ͑Ͱஔ σβΠϯͰͨ͜͠ͱᶃ ΩϟϥΫλʔͷإ͕ ͖ͪΜͱݟ͑ΔΑ͏ʹͳΔ ʮԼ൴ঁʯ Illustrated by
ϑΧώϨ
ΩϟϥͦͷଞͷࡐͰओ͕ΘΔΑ͏ʹ
αϜωΠϧΫϩοϓػೳͷσʔλΛ͏ σβΠϯͰͨ͜͠ͱᶄ ʮ൩Նͷ౮ɹঔͷ෩ʯ Illustrated by ίʔϥ ΫϦΤΠλʔ͕ ݟ͍ͤͨॴΛ
αϜωΠϧΫϩοϓػೳͷσʔλΛ͏ σβΠϯͰͨ͜͠ͱᶄ pixiv্Ͱ ࢦఆͰ͖Δʂ ʮ൩Նͷ౮ɹঔͷ෩ʯ Illustrated by ίʔϥ
ݟͨʹΫϦΤΠλʔͷҙࢤΛө Before After ʮ൩Նͷ౮ɹঔͷ෩ʯ Illustrated by ίʔϥ
·ͱΊ
·ͱΊ ͲΜͳαʔϏεʹ͍ͨ͠ʁ • ੈքҰ࡞Λஔ͘ͷʹ;͞Θ͍͠ॴʹ͍ͨ͠ ৺͕͚͍ͯΔ͜ͱ • ΫϦΤΠλʔ͕ҙࣝ͠ͳͯ͘ɹɹɹɹɹɹɹɹɹɹɹ ࡞͕ଟ͘ͷਓʹݟΒΕΔΑ͏ʹ͢Δ •
࡞ͷओ͕ΘΔΑ͏ʹ͢Δ
·ͱΊ ͜ͷҙࣝΛ࣋ͭ͜ͱͰΑ͔ͬͨ͜ͱ • ࢪࡦΛΔ͔Βͳ͍͔Ͱຖճ໎Θͳ͘ͳͬͨ (ϝϦοτ͔͠ͳ͍ͳΒΔʂ) • ࢪࡦͷతΛݟࣦΘͳ͘ͳͬͨ (ΫϦΤΠλʔΛͤʹͰ͖Δʂͱ͍͏Ϟνϕ)
͜Ε͔ΒpixivΛ ੈքҰ࡞Λஔ͘ͷʹ ;͞Θ͍͠ॴ ʹ͢ΔͨΊʹᬏਐͯ͠ߦ͖·͢
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ν͜Μͳײ͡ͰͬͯΔΑʂΈ͍ͨͳ͓͕͋Ε ͥͻަྲྀձͰฉ͔͍ͤͯͩ͘͞ʂ