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
25
0
Share
どんなサービスにしたい? から考えるデザイン / UX JAM' 04 / 20191211
ganchan
December 11, 2019
More Decks by ganchan
See All by ganchan
pixivのデザインシステム「Charcoal」を用いたVRoid Hubのダイアログリニューアル
ganchan
0
400
Other Decks in Design
See All in Design
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
330
CULTURE DECK/Frontend Engineer
mhand01
0
1.1k
AI時代、デザイナーの価値はどこに?
tararira
1
990
kintone_aroma
kintone
0
1.8k
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
290
社員の意識を高めたブランド浸透施策の裏側!
mixi_design
PRO
0
110
Spacemarket Brand Guide
spacemarket
2
430
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.7k
Ralph Penel Portfolio
ralphpenel
0
380
「見せる」登壇資料デザインの極意
takanorip
3
710
ドルちゃん
design_dolphins
0
600
Diverse Design Team Deck
diverse
0
1.2k
Featured
See All Featured
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
140
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
190
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
410
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Mobile First: as difficult as doing things right
swwweet
225
10k
How to Talk to Developers About Accessibility
jct
2
170
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
110
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
Docker and Python
trallard
47
3.8k
The agentic SEO stack - context over prompts
schlessera
0
730
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
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Λ ੈքҰ࡞Λஔ͘ͷʹ ;͞Θ͍͠ॴ ʹ͢ΔͨΊʹᬏਐͯ͠ߦ͖·͢
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ν͜Μͳײ͡ͰͬͯΔΑʂΈ͍ͨͳ͓͕͋Ε ͥͻަྲྀձͰฉ͔͍ͤͯͩ͘͞ʂ