Upgrade to Pro — share decks privately, control downloads, hide ads and more …

どんなサービスにしたい？ から考えるデザイン / UX JAM' 04 / 20191211

Avatar for ganchan ganchan
December 11, 2019
Design
0
22

どんなサービスにしたい？ から考えるデザイン / UX JAM' 04 / 20191211

Avatar for ganchan

ganchan

December 11, 2019
Tweet

More Decks by ganchan

See All by ganchan
pixivのデザインシステム「Charcoal」を用いたVRoid Hubのダイアログリニューアル
Avatar for ganchan ganchan
0
320

Other Decks in Design

See All in Design
CursorでAI活用のナレッジベースを構築する
Avatar for 神崎 kanzaki
0
770
mount_company_profile
Avatar for mount inc. mount_inc
0
450
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
2.8k
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
Avatar for HIROYUKI SAITO crearedesign
0
330
【最新】マズロー安達の弟子実績（1期-6期の37人分）
Avatar for マズロー安達 maslow_akkun
0
3k
FigmaのFigmaファイルから学ぶTips & Tricks
Avatar for Hiroki Tani hilokifigma
0
700
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
0
590
企画を動かすデザイナーの思考！「広げて絞る」アプローチ。
Avatar for Hikida Kan hikidakan
0
190
Spectrum Tokyo_ デザイナーが事業責任者になってみた
Avatar for Woo seop Shin shin_2
0
160
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
520
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
Avatar for Takahiro Yamaguchi hiro93n
0
170
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
Avatar for Tomoya AZUMA t_east
1
1.4k

Featured

See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
31
2.7k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
600
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
7
270
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
232
18k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
Navigating Team Friction
Avatar for Lara Hogan lara
190
15k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.6k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
30
2.9k

Transcript

  1. Masatoshi Ogawa pixiv inc. ͲΜͳαʔϏεʹ͍ͨ͠ʁ ͔Βߟ͑ΔσβΠϯ  2019.12.11

  2.  খ઒խढ़ (͓͕Θ ·͞ͱ͠) 2018೥ϐΫγϒ৽ଔೖࣾ σβΠφʔ pixivͷUI/UXσβΠϯΛ୲౰

  3.  ૑࡞׆ಈ (Πϥετ•ϚϯΨ•খઆ) Λத৺ͱͨ͠SNS ि͋ͨΓ໿15ສ࡞඼͕౤ߘ͞Ε͍ͯΔ pixiv

  4. ͬͦ͘͞ຊ୊ 

  5. Έͳ͞Μ͸ࣗࣾͷαʔϏεΛ ͲΜͳαʔϏεʹ͍ͨ͠ͱ ࢥ͍ͬͯ·͔͢ʁ 

  6. pixivΛ ੈքҰ࡞඼Λஔ͘ͷʹ ;͞Θ͍͠৔ॴ ʹ͢Δ͜ͱ  νʔϜͷ໨ඪ

  7. ͦͷͨΊʹҰ؏ͯ͠৺͕͚͍ͯΔ ͜ͱ͕̎ͭ͋Γ·͢ 

  8. 1.ΫϦΤΠλʔ͕ҙࣝ͠ͳͯ͘΋ɹɹɹ ࡞඼͕ଟ͘ͷਓʹݟΒΕΔΑ͏ʹ͢Δ 2.࡞඼ͷओ୊͕఻ΘΔΑ͏ʹ͢Δ 

  9. ࠷ۙߦͬͨࢪࡦͰ ۩ମతʹઆ໌͠·͢ 

  10.  • ࡢ೥2݄ʹൃද͞ΕͨGoogleͷ৽ػೳ • InstagramͷετʔϦʔͷΑ͏ͳܗࣜͰ ίϯςϯπΛӾཡ͢Δ͜ͱ͕Ͱ͖Δ • ւ֎Ͱࢼݧӡ༻த AMPετʔϦʔ ࢀߟ:

    Washington Post

  11.  • Googleݕࡧ݁Ռͷ্Ґ΍ GoogleDiscoverʹදࣔ • 1ετʔϦʔ͋ͨΓ࠷େɹ ਺ສimp Λ֫ಘͰ͖Δɹ Մೳੑ͕͋Δ AMPετʔϦʔ

    ࢀߟ: Washington Post

  12.  AMPετʔϦʔ ΫϦΤΠλʔ͕ҙࣝ͠ͳͯ͘΋ ࡞඼͕ଟ͘ͷਓʹݟΒΕΔΑ͏ʹͳΔ ΫϦΤΠλʔ͕ಛผͳઃఆΛ͢Δ ඞཁ͕ͳ͍ʂ

  13. ࣮ࡍʹ࡞ͬͨ΋ͷ 

  14.  ࣮ࡍʹ࡞ͬͨ΋ͷ λάͷिؒਓؾΠϥετΛ දࣔ͢ΔAMPετʔϦʔ ʮ೥Լ൴ঁʯ Illustrated by ϑΧώϨ

  15.  pixivͷΠϥετ࡞඼͸ଟछଟ༷ ୊ࡐ ΩϟϥΫλʔ/෩ܠ …etc αΠζ ॎ௕/ԣ௕/ਖ਼ํܗ

  16. ͲΜͳ৔߹Ͱ΋ओ୊͕఻ΘΔΑ͏ͳ σβΠϯͷ޻෉͕ඞཁ 

  17.  AMPετʔϦʔͷ࢓༷ʹΑΓɹɹ Πϥετ͕֦େදࣔ͞Εͯ͠·͏ →ॎ௕ͷΠϥετ͸্ἧ͑Ͱ഑ஔ σβΠϯͰ޻෉ͨ͜͠ͱᶃ ΩϟϥΫλʔͷإ͕ ͖ͪΜͱݟ͑ΔΑ͏ʹͳΔ ʮ೥Լ൴ঁʯ Illustrated by

    ϑΧώϨ

  18.  Ωϟϥ΍ͦͷଞͷ୊ࡐͰ΋ओ୊͕఻ΘΔΑ͏ʹ

  19.  αϜωΠϧΫϩοϓػೳͷσʔλΛ࢖͏ σβΠϯͰ޻෉ͨ͜͠ͱᶄ ʮ൩Նͷ౮ɹঔͷ෩ʯ Illustrated by ίʔϥ ΫϦΤΠλʔ͕ ݟ͍ͤͨ৔ॴΛ

  20.  αϜωΠϧΫϩοϓػೳͷσʔλΛ࢖͏ σβΠϯͰ޻෉ͨ͜͠ͱᶄ pixiv্Ͱ ࢦఆͰ͖Δʂ ʮ൩Նͷ౮ɹঔͷ෩ʯ Illustrated by ίʔϥ

  21.  ݟͨ໨ʹΫϦΤΠλʔͷҙࢤΛ൓ө Before After ʮ൩Նͷ౮ɹঔͷ෩ʯ Illustrated by ίʔϥ

  22. ·ͱΊ 

  23.  ·ͱΊ ͲΜͳαʔϏεʹ͍ͨ͠ʁ • ੈքҰ࡞඼Λஔ͘ͷʹ;͞Θ͍͠৔ॴʹ͍ͨ͠ ৺͕͚͍ͯΔ͜ͱ • ΫϦΤΠλʔ͕ҙࣝ͠ͳͯ͘΋ɹɹɹɹɹɹɹɹɹɹɹ ࡞඼͕ଟ͘ͷਓʹݟΒΕΔΑ͏ʹ͢Δ •

    ࡞඼ͷओ୊͕఻ΘΔΑ͏ʹ͢Δ

  24.  ·ͱΊ ͜ͷҙࣝΛ࣋ͭ͜ͱͰΑ͔ͬͨ͜ͱ • ࢪࡦΛ΍Δ͔΍Βͳ͍͔Ͱຖճ໎Θͳ͘ͳͬͨ (ϝϦοτ͔͠ͳ͍ͳΒ΍Δʂ) • ࢪࡦͷ໨తΛݟࣦΘͳ͘ͳͬͨ (ΫϦΤΠλʔΛ޾ͤʹͰ͖Δʂͱ͍͏Ϟνϕ)

  25. ͜Ε͔Β΋pixivΛ ੈքҰ࡞඼Λஔ͘ͷʹ ;͞Θ͍͠৔ॴ ʹ͢ΔͨΊʹᬏਐͯ͠ߦ͖·͢ 

  26. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ΢ν͸͜Μͳײ͡Ͱ΍ͬͯΔΑʂΈ͍ͨͳ͓࿩͕͋Ε͹ ͥͻަྲྀձͰฉ͔͍ͤͯͩ͘͞ʂ