勉強会用pixivのランキングUI改修のお話

3,761 views

Published on

Published in: Design
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,761
On SlideShare
0
From Embeds
0
Number of Embeds
2,073
Actions
Shares
0
Downloads
6
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

勉強会用pixivのランキングUI改修のお話

  1. 1. pixivのお話
  2. 2. 自己紹介
  3. 3. pixiv UIチーム @ysp 宮本礼輔
  4. 4. yspの業務内容 PC版pixiv.netのUI改善
  5. 5. pixivとは?
  6. 6. 特徴 絵描きに特化したSNS 1日約20000件の作品投稿 月間PV : 約17億 スマホサイト、アプリ等を含めると30億ちょい アカウント数:本日9,000,000突破!!!!
  7. 7. pixivの 上手くいったコーナー
  8. 8. 最近やったこと
  9. 9. ランキングページの UI改修
  10. 10. どんなページ?
  11. 11. どんなページ?
  12. 12. こいつをどうにかしよう
  13. 13. 問題点の仮説 次へボタン小さすぎ? そもそも次へボタン押すのめんどくさい? サムネイルが小さすぎ?
  14. 14. こんだけ
  15. 15. 改善案
  16. 16. どんなページ?
  17. 17. こっちの方が絶対良いはず
  18. 18. 良いんだから すぐ変えればいいのに
  19. 19. と思うでしょ?
  20. 20. 懸念点 規模が大きいので、旧UIに慣れている人の反発 サムネイルを大きくすると作品の全貌が把握し やすいので逆にクリックしなくなるのでは サムネマジック・・・・
  21. 21. 無視できません
  22. 22. というわけで、 この2つをABテスト
  23. 23. 見るべき点は2つ
  24. 24. 作品への遷移数 次へのページング数
  25. 25. 半分のユーザーでテスト
  26. 26. とりあえず1週間見てみた
  27. 27. 結果
  28. 28. 作品への遷移数 旧UI xxxxxx 新UI xxxxxx 1.16倍
  29. 29. 次へのページング数 旧UI xxxxxx 新UI xxxxxx 3.08倍
  30. 30. ((((;゚Д゚))))
  31. 31. 分かったこと 次へボタン押すのめんどくさい説は正しかった サムネイルは大きいほうが遷移数上がる サムネマジックなんて幻やったんや・・・・ん?
  32. 32. ここでyspミステイク
  33. 33. このテストだと、 作品への遷移数が上がった原因が ! オートページャーによって目に入るサム ネイルが増えたからなのか ! サムネイルが大きくなったからなのかが ! わからない。
  34. 34. という訳で再テスト
  35. 35. 同じ条件にする
  36. 36. 旧UIもオートページャー化
  37. 37. また1週間やってみた
  38. 38. 結果
  39. 39. 次へのページング数 旧UI 新UI xxxxxx ↓ xxxxxx xxxxxx ↓ xxxxxx 2.28倍 変わらず オートページャー化
  40. 40. 作品への遷移数 旧UI 新UI xxxxxx ↓ xxxxxx xxxxxx ↓ xxxxxx 変わらず 変わらず オートページャー化
  41. 41. ((((((((;゚Д゚))))))))
  42. 42. これはこれで驚愕の結果
  43. 43. オートページャーによって目に 入るサムネイルが増えても、 サムネイルが小さいままでは 作品への遷移数は大して変化し ない。
  44. 44. 分かったこと 次へボタン押すのめんどくさい説は正しかった サムネイルは大きいほうが遷移数上がる サムネマジックなんて幻やったんや・・・・ん? 目に入るサムネイル数が増えても、それが大きくな ければ意味が無い
  45. 45. これを次につなぎます
  46. 46. pixiv内で3番目ぐらいの PVのあるページ ! 検索結果ページの改修
  47. 47. 我々の冒険は続く
  48. 48. ご静聴ありがとうございました

×