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
22
どんなサービスにしたい? から考えるデザイン / UX JAM' 04 / 20191211
ganchan
December 11, 2019
Tweet
Share
More Decks by ganchan
See All by ganchan
pixivのデザインシステム「Charcoal」を用いたVRoid Hubのダイアログリニューアル
ganchan
0
300
Other Decks in Design
See All in Design
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
250
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
160
Goodpatch Tour💙 / We are hiring!
goodpatch
31
890k
mento Design Team Portfolio
mento0fficial
1
680
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
2
1.2k
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
580
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
540
Findyのプロデチームの 歩みとこれから
satty9556
0
260
freee + Product Design FY25Q4
freee
4
16k
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
270
アクセシビリティに取り組むメリット
magi1125
2
250
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
310
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Navigating Team Friction
lara
189
15k
Automating Front-end Workflow
addyosmani
1370
200k
The Art of Programming - Codeland 2020
erikaheidi
56
13k
Thoughts on Productivity
jonyablonski
70
4.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
The Cult of Friendly URLs
andyhume
79
6.6k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Scaling GitHub
holman
463
140k
Git: the NoSQL Database
bkeepers
PRO
431
66k
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Λ ੈքҰ࡞Λஔ͘ͷʹ ;͞Θ͍͠ॴ ʹ͢ΔͨΊʹᬏਐͯ͠ߦ͖·͢
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ν͜Μͳײ͡ͰͬͯΔΑʂΈ͍ͨͳ͓͕͋Ε ͥͻަྲྀձͰฉ͔͍ͤͯͩ͘͞ʂ