Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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

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

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

Avatar for ganchan

ganchan

December 11, 2019
Tweet

Other Decks in Design

See All in Design
kintone_aroma
Avatar for kintone kintone
0
1k
SAMSUL KAMAR ABDUL RAHMAN
Avatar for SAMSUL RAHMAN samsulrahman32
0
200
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
Avatar for Hiroki Nagasawa pixyzehn
0
120
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
Avatar for HIROYUKI SAITO crearedesign
0
370
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
1.4k
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
920
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
1
25k
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
550
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
Avatar for uto usui uto
0
120
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
160
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
Avatar for MIXI DESIGN mixi_design
PRO
0
140
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
Avatar for Isao utm529f
0
1.7k

Featured

See All Featured
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.1k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
39k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.3k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
It's Worth the Effort
Avatar for 3n 3n
187
29k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k

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