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
0
25
どんなサービスにしたい? から考えるデザイン / UX JAM' 04 / 20191211
ganchan
December 11, 2019
Tweet
Share
More Decks by ganchan
See All by ganchan
pixivのデザインシステム「Charcoal」を用いたVRoid Hubのダイアログリニューアル
ganchan
0
360
Other Decks in Design
See All in Design
decksh object reference
ajstarks
2
1.5k
デザインするために「多様性」について考える
iflection
0
170
2026年、デザイナーはなにに賭ける?
0b1tk
0
450
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
0
370
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
2
420
Figmaレクチャー会Part2 もっと使いこなす編@千株式会社 社内勉強会
designer_no_pon
0
200
チームをデザイン対象にする / Design for your team
kaminashi
0
380
kintone Style Book
kintone
6
9.4k
【Designship 2025|10.11】デザイン組織と事業貢献、その挑戦と結果。
payatsusan213
1
890
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
190
越境するデザイン人材:デザイナーが社会資本となる世界へ
goodpatch
1
480
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
spring_aki
1
280
Featured
See All Featured
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
1
72
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
47
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
200
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
71k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
150
Docker and Python
trallard
47
3.7k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
160
RailsConf 2023
tenderlove
30
1.3k
Optimising Largest Contentful Paint
csswizardry
37
3.6k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Tell your own story through comics
letsgokoyo
1
790
Building a Scalable Design System with Sketch
lauravandoore
463
34k
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Λ ੈքҰ࡞Λஔ͘ͷʹ ;͞Θ͍͠ॴ ʹ͢ΔͨΊʹᬏਐͯ͠ߦ͖·͢
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ν͜Μͳײ͡ͰͬͯΔΑʂΈ͍ͨͳ͓͕͋Ε ͥͻަྲྀձͰฉ͔͍ͤͯͩ͘͞ʂ