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

iOSDC2020 - iOSリジェクト戦記

h.crane
September 20, 2020

iOSDC2020 - iOSリジェクト戦記

~リジェクトされないための課金ページ~

課金ページの実装を専属で担当し、課金ページのレイアウト改変やA/Bテストを頻繁に行った結果、毎月のようにAppleからのリジェクトを経験しました。

メッセージで多くのやりとりを行ない、一般的には公開されていないような課金ページの細かなアンチパターンが蓄積してきたので、紹介していきたいと思います。

- iOSDC2020の登壇と裏話
https://note.com/hcrane/n/nfc4832602c6f

h.crane

September 20, 2020
Tweet

More Decks by h.crane

Other Decks in Technology

Transcript

  1. View Slide

  2. 第

    三

    章



    記

    第

    四

    章



    較

    第

    五

    章



    請


    章

    第

    二

    章





    ン

    第

    一

    章



    約



    章


    View Slide

  3. View Slide

  4. View Slide

  5. View Slide

  6. View Slide

  7. View Slide

  8. View Slide

  9. View Slide

  10. View Slide

  11. View Slide

  12. 第

    三

    章



    記

    第

    四

    章



    較

    第

    五

    章



    請


    章

    第

    二

    章





    ン


    章

    第

    一

    章



    約


    View Slide

  13. 課金ページを実装する上で、 守らなければならないこと 


    View Slide

  14. Apple Developer

    App Store Review Guidelines 

    3.1.2 Subscriptions


    View Slide

  15. Apple Developer

    Auto-renewable Subscriptions

    View Slide

  16. サブスクリプションでは 

    ① 名前、期間、提供されるサービスを記載すべし 

    ② 価格を記載すべし 

    ③ サインインまたは購入を復元できるべし 

    ④ 利用規約、プライバシーポリシーを記載すべし 


    View Slide

  17. 1

    Quate: Apple Developer Auto-renewable Subscriptions
    https://developer.apple.com/jp/app-store/subscriptions/
    2

    3

    4


    View Slide

  18. 実はもっと守るべきことがある


    View Slide

  19. Paid Applications Agreement

    View Slide

  20. サブスクリプションでは 

    ① 名前、期間、提供されるサービスを記載すべし 

    ② 価格を記載すべし 

    ③ サインインまたは購入を復元できるべし 

    ④ 利用規約、プライバシーポリシーを記載すべし 

    ⑤ 自動継続についての説明を載せるべし 

    etc.


    View Slide

  21. Quate: Apple Developer Auto-renewable Subscriptions
    https://developer.apple.com/jp/app-store/subscriptions/
    5


    View Slide

  22. Tastmade 駅すぱあと
    食べログ
    Quate: App Store
    https://apps.apple.com/jp/app/tastemade/id971197898
    https://apps.apple.com/jp/app/%E9%A3%9F%E3%81%B9%E3%83%AD%E3%82%B0/id763377066
    https://apps.apple.com/jp/app/%E9%A7%85%E3%81%99%E3%81%B1%E3%81%82%E3%81%A8/id463431091
    ※ 2020年8月時点

    5


    View Slide

  23. 大枠のルールとして、これらを守っておく必要がある 


    View Slide

  24. 第

    三

    章



    記

    第

    四

    章



    較

    第

    五

    章



    請


    章


    章

    第

    一

    章



    約


    第

    二

    章





    ン


    View Slide

  25. Quote: https://www.nicovideo.jp/watch/sm35688141
    課金ページのデザインは 

    各社がいろんな型を考案してきた


    View Slide

  26. 通

    常

    型

    説

    明

    型

    遷

    移

    型


    View Slide

  27. Pixaloop
    BeautyPlus Pokémon HOME
    通

    常

    型

    ※ 2020年8月時点

    Quate: App Store, ScreenShot
    https://apps.apple.com/jp/app/id622434129
    https://apps.apple.com/jp/app/id1381206010
    https://apps.apple.com/jp/app/id1485352913

    View Slide

  28. freee audiobook
    説

    明

    型













    日経電子版
    ※ 2020年8月時点

    Quate: App Store, ScreenShot
    https://apps.apple.com/jp/app/id396855834
    https://apps.apple.com/jp/app/id811207074
    https://apps.apple.com/jp/app/id1357581573

    View Slide

  29. yenta Pocket List
    遷

    移

    型

    ※ 2020年8月時点

    Quate: App Store, ScreenShot
    https://apps.apple.com/jp/app/id1062187493
    https://apps.apple.com/jp/app/id1272049520

    View Slide

  30. 型はさらに派生する


    View Slide

  31. 説

    明

    型

    遷

    移

    型

    通

    常

    型

    下

    部

    固

    定

    型

    半

    モ

    |

    ダ

    ル

    型

    カ

    ル

    |

    セ

    ル 

    型

    タ

    ブ

    型

    比

    較

    型

    階

    層

    構

    造

    型

    下部UI
 課金UI

    列

    挙

    型


    View Slide

  32. Lake
    Zaim audiobook
    下

    部

    固

    定

    型

    ※ 2020年8月時点

    Quate: App Store, ScreenShot
    https://apps.apple.com/jp/app/id445850671
    https://apps.apple.com/jp/app/id1183717726
    https://apps.apple.com/jp/app/id1357581573

    View Slide

  33. 半

    モ

    |

    ダ

    ル

    型

    LinkedIn Dropbox
    ※ 2020年8月時点

    Quate: App Store, ScreenShot
    https://apps.apple.com/jp/app/id288429040
    https://apps.apple.com/jp/app/id327630330

    View Slide

  34. Bear
    列

    挙

    型

    YouTube mikan
    ※ 2020年8月時点

    Quate: App Store, ScreenShot
    https://apps.apple.com/jp/app/id544007664
    https://apps.apple.com/jp/app/id1091189122
    https://apps.apple.com/jp/app/id920856839

    View Slide

  35. カ

    ル

    |

    セ

    ル 

    型

    Spend Together
    Any.do Actions
    ※ 2020年8月時点

    Quate: App Store, ScreenShot
    https://apps.apple.com/jp/app/id497328576
    https://apps.apple.com/jp/app/id1446549608
    https://apps.apple.com/jp/app/id1227402276

    View Slide

  36. タ

    ブ

    型

    CamScanner
    Dashlane Evernote
    ※ 2020年8月時点

    Quate: App Store, ScreenShot
    https://apps.apple.com/jp/app/id517914548
    https://apps.apple.com/jp/app/id388627783
    https://apps.apple.com/jp/app/id281796108

    View Slide

  37. 比

    較

    型

    Scene
    AWA DecoLu
    ※ 2020年8月時点

    Quate: App Store, ScreenShot
    https://apps.apple.com/jp/app/id980578855
    https://apps.apple.com/jp/app/id688109786
    https://apps.apple.com/jp/app/id1495136847

    View Slide

  38. 階

    層

    構

    造

    型

    Quote: あき | デザインの図書館 課金 UI まとめてみた
    https://note.com/telq/n/n836e139e0a6b
    Tinder Money Forward
    詳細ページ
 詳細ページ

    ※ 2019年1月時点


    View Slide

  39. 基本的にどれか1つの型に分類はできない 

    多くのUIで複数の型を組み合わせて 出来ている


    View Slide

  40. 課金ページのデザインも 

    アプリの1ページとして 進化してきている


    View Slide

  41. 第

    四

    章



    較

    第

    五

    章



    請


    章


    章

    第

    一

    章



    約


    第

    二

    章





    ン

    第

    三

    章



    記


    View Slide

  42. iOSリジェクト戦記


    View Slide

  43. 金

    額

    表

    記

    の

    乱



    無

    料

    表

    記

    の

    乱



    注

    意

    文

    言

    の

    乱


    View Slide

  44. それは、ある戦い(申請)を行った日のことだった。。。 


    View Slide

  45. くらえ!

    (申請)

    Developer
    Apple

    View Slide

  46. ※注意文言:ガイドラインに沿った必要な課金の説明文言など

    効かぬわ!

    (サブスクリプションページに 注意文言がな
    いからリジェクト!)

    Developer
    Apple

    View Slide

  47. まだまだー!

    (いやいや下の方にあるじゃん

    とメッセージを送る) 

    Apple
    Developer

    View Slide

  48. Apple
    Developer
    効かぬわ!

    (サブスクリプションページに 注意文言がな
    いからリジェクト!(2回目)) 


    View Slide

  49. あーこれはAppleあるあるの
    RPGゲームの村人返しや。。

    Developer
    ※村人返し:ゲームの村人のように 同じことしか返さない 様

    → AppleはDeveloperが送ったメッセージに対して、詳細なリジェクトの理由を明かさず、

    一方的に規約違反とだけ述べ、同じことしか言ってこないことが多々有る。

    View Slide







  50. Quate: http://i.meet-i.com/?p=244766
    課金UI上に 課金ボタンが複数 配
    置されているパターン

    最下部のボタンにのみ注
    意文言を掲載

    注意文言がない

    注意文言がない


    View Slide

  51. 課金ページが長すぎる と

    最下部に注意文言の掲載があっても、審査で 認知されない


    View Slide

  52. 各ボタンごとに注
    意文言を追加







    Quate: http://i.meet-i.com/?p=244766



    View Slide

  53. Apple
    Developer これでどうだ!

    (再申請)


    View Slide

  54. Apple
    Developer うわ!

    (申請が通った)


    View Slide

  55. View Slide

  56. ちなみに


    View Slide










  57. ページの長さを

    短くしたデザイン

    最下部のボタンにのみ注
    意文言を掲載

    Quate: http://i.meet-i.com/?p=244766

    View Slide

  58. 課金ページを短くすると

    最下部だけの注意文言が審査で 認知された


    View Slide

  59. ※審査員ガチャ:審査員のサジ加減によってリジェクトかどうか決まること

    → リジェクトされたアプリを、 同じ状態で上げ直しただけなのに 通ることがある。

    逆に申請が通ったものを、再度上げ直してリジェクトされることもある。

    Developer
    もしや審査員ガチャだったの
    かなぁ。。


    View Slide

  60. 各ボタンに文言を入れておくほうが無難


    View Slide

  61. 無

    料

    表

    記

    の

    乱



    注

    意

    文

    言

    の

    乱


    金

    額

    表

    記

    の

    乱



    View Slide

  62. それは、ある戦い(申請)を行った日のことだった。。。 


    View Slide

  63. くらえ!

    (申請)

    Developer
    Apple

    View Slide

  64. 効かぬわ!

    (金額の表記が最も目立ってないからリ
    ジェクト!)

    Developer
    Apple

    View Slide

  65. 「金額」が目立たないデザイン

    Quate: ScreenShot

    View Slide

  66. Quate: ScreenShot

    View Slide

  67. Apple
    Developer これでどうだ!

    (再申請)


    View Slide

  68. Apple
    Developer うわ!

    (申請が通った)


    View Slide

  69. View Slide

  70. Developer
    あれ?これも審査員ガチャ
    だったのかなぁ。。


    View Slide

  71. 金額の表記は目立たせよう!


    View Slide

  72. 注

    意

    文

    言

    の

    乱


    金

    額

    表

    記

    の

    乱



    無

    料

    表

    記

    の

    乱



    View Slide

  73. それは、ある戦い(申請)を行った日のことだった。。。 


    View Slide

  74. くらえ!

    (申請)

    Developer
    Apple

    View Slide

  75. 効かぬわ!

    (金額の表記が最も目立ってないからリ
    ジェクト!)

    Developer
    Apple

    View Slide

  76. Apple
    Developer
    まだまだー!

    (いやいやそれ前に直しました やん?

    とメッセージを送る) 


    View Slide

  77. Apple
    Developer
    効かぬわ!

    (「無料」という文言が目立ちすぎでリジェク
    ト!)


    View Slide

  78. Apple
    Developer
    Current purchase page displays
    "Free Trial"
    most prominently and repeatedly.

    View Slide

  79. ※画像は 枠の指摘 も含めて実際にAppleから送られてきたスクリーンショット

    → Appleが具体的に修正が必要な部分を指摘してきた

    Quate: ScreenShot

    View Slide

  80. 「無料」というワードに問題がありそう 


    View Slide

  81. Quate: ScreenShot

    View Slide

  82. Apple
    Developer これでどうだ!

    (再申請)


    View Slide

  83. Apple
    Developer うわ!

    (申請が通った)


    View Slide

  84. View Slide

  85. ちなみに


    View Slide

  86. 2019年6月6日

    サブスクリプションの ガイドラインに改定があった


    View Slide

  87. 3.1.2(a) Permissible uses
    Quate: https://www.appstorereviewguidelineshistory.com/

    View Slide

  88. Apps that attempt to scam users
    ユーザーを 騙そう とするアプリ

    無料が誇張 されているアプリ


    View Slide

  89. ちなみに

    (2回目)


    View Slide

  90. Apple製アプリの課金ページを見てみると 


    View Slide

  91. Apple Store
    ※ 2020年8月時点

    「無料」が目立つデザイン

    「金額」が目立たないデザイン

    Quate: ScreenShot
    https://developer.apple.com/jp/app-store/

    View Slide

  92. Apple Music
    「無料」が目立つデザイン

    「金額」が目立たないデザイン

    ※ 2020年8月時点

    Quate: ScreenShot
    https://apps.apple.com/jp/app/id1108187390

    View Slide

  93. Developer
    Appleさん自らが全くガイドライン
    を守ってないやん。。


    View Slide

  94. 「無料」というワードを使う時は慎重に 


    View Slide

  95. 第

    五

    章



    請


    章


    章

    第

    一

    章



    約


    第

    二

    章





    ン

    第

    三

    章



    記

    第

    四

    章



    較


    View Slide

  96. いろんな戦(申請)を乗り越えてきたが

    他の部隊(他社)はどうしているのだろうか?

    View Slide

  97. 課金ページを 過去と比較 しながら見ていこう


    View Slide

  98. 2019/03 2020/08
    「無料」が目立たなくなった

    「無料」が目立つデザイン

    NewsPicks
    「無料」を含むボタン

    「金額」を含むボタン

    Quate: ScreenShot
    https://apps.apple.com/jp/app/id640956497

    View Slide

  99. 2019/03 2020/08
    「無料」が目立つデザイン

    Cookpad
    「無料」を含むボタン

    「金額」が目立つデザイン

    「無料」を含まないボタン

    Quate: ScreenShot
    https://apps.apple.com/jp/app/id340368403

    View Slide

  100. 2019/03 2020/08
    「無料」を含まないボタン

    「金額」が目立たないデザイン

    Kurashiru
    ※ ステータスによって表示が異なる場合があります

    「無料」を含むボタン

    「金額」が目立つデザイン

    Quate: ScreenShot
    https://apps.apple.com/jp/app/id1059134258

    View Slide

  101. 2019/03 2020/08
    ABEMA
    「¥0」を含むボタン
 「金額」を含むボタン

    Quate: ScreenShot
    https://apps.apple.com/jp/app/id1074866833

    View Slide

  102. 2019/03
    MoneyForward
    2020/08




    「無料」を含むボタン

    「無料」を含まないボタン

    遷移型の課金ページ 

    Quate: ScreenShot
    https://apps.apple.com/jp/app/id594145971

    View Slide

  103. どこも「無料」の表記が目立たなくなっている 


    View Slide

  104. 他の地域(アプリ外のサブスクリプション) の

    部隊(他社)はどうしているのだろうか?

    View Slide

  105. menu
    「無料」を含まないボタン

    「無料」を含むボタン

    ※ 2020年8月時点

    Quate: ScreenShot
    https://apps.apple.com/jp/app/id1443466646

    View Slide

  106. UberEats
    「無料」を含むボタン

    「無料」を含むボタン

    「無料」が目立つデザイン

    「金額」が目立たないデザイン
 「無料」が目立つデザイン

    「金額」が目立たないデザイン

    ※ 2020年8月時点

    Quate: ScreenShot
    https://apps.apple.com/jp/app/id1058959277

    View Slide

  107. Spotify
    「無料」が目立つデザイン

    課金ボタンはなし

    ※ 2020年8月時点

    Quate: ScreenShot
    https://apps.apple.com/jp/app/id324684580

    View Slide

  108. U-NEXT
    「無料」を含むボタン

    課金ボタンはなし

    ※ 2020年8月時点

    Quate: ScreenShot
    https://apps.apple.com/jp/app/id882477693

    View Slide

  109. アプリ外の課金ではデザイン上

    そんなに「無料」には敏感ではなさそう 


    View Slide


  110. 章


    章

    第

    一

    章



    約


    第

    二

    章





    ン

    第

    三

    章



    記

    第

    四

    章



    較

    第

    五

    章



    請


    View Slide

  111. 負けて帰ってくる(リジェクトされる)のは辛い


    View Slide

  112. リジェクトを切り抜けるための回避策 


    View Slide

  113. Apple
    Developer App Store
    Server
    申請
 リリース

    リリース用


    デザインを申請時だけ
    ルールに従ったものに
    し、リリース時には違うも
    のにする

    申請用


    View Slide

  114. Apple
    Developer App Store
    申請
 リリース


    iPadのデザインのみルー
    ルに準拠する


    → 基本的に審査はiPad
    で行われるため


    View Slide

  115. 画面遷移例


    審査範囲内のデザインの
    みルールに準拠する


    ex 動的ページは確認さ
    れない(できない)ため

    審査範囲外の課金ページ
    審査範囲内の課金ページ 

    動的な遷移 

    ホーム画面 


    View Slide

  116. 全てグレーゾーンなので、導入するかどうかは よく考えよう


    View Slide

  117. 規約を守らないとBANされる可能性だってある



    View Slide

  118. Image Credit: Epic Games
    Quate: https://thebridge.jp/2020/08/microsoft-legal-filing-supports-unreal-engines-continued-access-to-apple-tools-the-firstpart
    理由

    ガイドラインを破り、ユーザーが直接料金を支払う方法を外部に
    提供した。


    View Slide

  119. Quate: https://hey.com/
    理由

    ガイドラインを破り、ユーザーが直接料金を支払う方法を外部に
    提供した。


    View Slide

  120. Quate: https://mixi.co.jp/press/2019/0508/3804/index.html
    理由

    ガイドラインを破り、ユーザーがシリアルコードを入力して対価を
    得られる機能を提供した。 


    View Slide

  121. Appleのルールには従っておくほうが無難 


    View Slide

  122. ちなみに


    View Slide

  123. リジェクトによって

    開発が止まらない 仕組みをAppleが提案


    View Slide

  124. Quate: https://www.apple.com/newsroom/2020/06/apple-reveals-new-developer-technologies-to-foster-the-next-generation-of-apps/

    View Slide

  125. developers will not only be able to appeal decisions about whether
    an app violates a given guideline of the App Store Review
    Guidelines, but will also have a mechanism to challenge the
    guideline itself.
    Quate: https://www.apple.com/newsroom/2020/06/apple-reveals-new-developer-technologies-to-foster-the-next-generation-of-apps/

    View Slide

  126. 開発者は

    - ガイドライン違反によるバグ修正が遅れることはなくなる

    - 代わりに次回の申請に問題を持ち越すことができる


    View Slide


  127. 章

    第

    一

    章



    約


    第

    二

    章





    ン

    第

    三

    章



    記

    第

    四

    章



    較

    第

    五

    章



    請


    章


    View Slide

  128. ガイドラインは 随時 更新され続ける

    それを追いかけ続けるしかない

    View Slide

  129. 課金ページのデザインに 正解はない


    View Slide