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
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
8
3.9k
Design Studio Deck | インクルーシブデザインスタジオCULUUM
Avatar for インクルーシブデザインスタジオCULUMU culumu
3
940
UXデザインはなぜ定着しないのか？
Avatar for Inside Design Studio designstudiopartners
0
690
NAHO SHIMONO_Portfolio2025
Avatar for Naho nahohphp
0
780
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
6
3.4k
portfolio_YumiYasuda
Avatar for yumi yasuda yum0418
0
270
Starry | Storyboards | Scene 1-21
Avatar for Gio Fortunato giofortuna_story
0
260
商業デザインのアクセシビリティにおける倫理フレームワークの考察
Avatar for Yu Morita securecat
1
600
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
600
もうひとつのアーキテクチャ #kichijojipm
Avatar for kondoyuko kondoyuko
0
240
今日から意識できるアクセシビリティ
Avatar for fumiko fumiko
0
240
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
Avatar for trivia trivia
0
430

Featured

See All Featured
Building an army of robots
Avatar for Kyle Neath kneath
306
45k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.7k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
24
1.7k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
640
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
134
9.3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.3k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.8k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.3k

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