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

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

Avatar for ganchan ganchan
December 11, 2019
Design
1
70k

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

Avatar for ganchan

ganchan

December 11, 2019
Tweet

Other Decks in Design

See All in Design
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
Avatar for trivia trivia
0
480
AIで加速するアクセシビリティのこれから
Avatar for Rikiya Ihara / magi magi1125
3
560
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
2.9k
Kid Cowboy 103
Avatar for Marilu Molina marilutwin
0
270
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
0
110
オープンデータを利用して色々なものを作った話
Avatar for Hajime Kato hjmkth
1
120
AI時代に、僕たちデザイナーはどう歩むか
Avatar for kim kazuhirokimura
0
290
“使いやすい”が生産性を変える！業務を効率化するためのUX/UI設計ポイント
Avatar for NCDC ncdc
2
420
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
1
980
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
Avatar for Shota Ikeyatsu ikeyatsu
2
1.8k
Flow, Not Stock 知識触媒としてのIA
Avatar for Takehisa Gokaichi 5kaichi
1
290
sachi_y_portfolio
Avatar for Sachi sachi337
0
280

Featured

See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
32
2.4k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
58
9.4k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
336
57k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.3k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.4k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
72
4.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. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ΢ν͸͜Μͳײ͡Ͱ΍ͬͯΔΑʂΈ͍ͨͳ͓࿩͕͋Ε͹ ͥͻަྲྀձͰฉ͔͍ͤͯͩ͘͞ʂ