iOSDC2020 - iOSリジェクト戦記

7a0bc9670ff654b04d4361a9afd1bba8?s=47 h.crane
September 20, 2020

iOSDC2020 - iOSリジェクト戦記

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

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

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

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

7a0bc9670ff654b04d4361a9afd1bba8?s=128

h.crane

September 20, 2020
Tweet

Transcript

  1. None
  2. 第
 三
 章
 
 戦 記
 第
 四
 章
 


    比 較
 第
 五
 章
 
 申 請
 終 章
 第
 二
 章
 
 デ ザ イ ン
 第
 一
 章
 
 規 約
 
 序 章

  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. 第
 三
 章
 
 戦 記
 第
 四
 章
 


    比 較
 第
 五
 章
 
 申 請
 終 章
 第
 二
 章
 
 デ ザ イ ン
 序 章
 第
 一
 章
 
 規 約
 

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


  14. Apple Developer
 App Store Review Guidelines 
 3.1.2 Subscriptions


  15. Apple Developer
 Auto-renewable Subscriptions 


  16. サブスクリプションでは 
 ① 名前、期間、提供されるサービスを記載すべし 
 ② 価格を記載すべし 
 ③ サインインまたは購入を復元できるべし

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

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


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


  19. Paid Applications Agreement 


  20. サブスクリプションでは 
 ① 名前、期間、提供されるサービスを記載すべし 
 ② 価格を記載すべし 
 ③ サインインまたは購入を復元できるべし

    
 ④ 利用規約、プライバシーポリシーを記載すべし 
 ⑤ 自動継続についての説明を載せるべし 
 etc.

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


  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

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


  24. 第
 三
 章
 
 戦 記
 第
 四
 章
 


    比 較
 第
 五
 章
 
 申 請
 終 章
 序 章
 第
 一
 章
 
 規 約
 
 第
 二
 章
 
 デ ザ イ ン

  25. Quote: https://www.nicovideo.jp/watch/sm35688141 課金ページのデザインは 
 各社がいろんな型を考案してきた


  26. 通
 常
 型
 説
 明
 型
 遷
 移
 型


  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
  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
  29. yenta Pocket List 遷
 移
 型
 ※ 2020年8月時点 
 Quate:

    App Store, ScreenShot https://apps.apple.com/jp/app/id1062187493 https://apps.apple.com/jp/app/id1272049520
  30. 型はさらに派生する


  31. 説
 明
 型
 遷
 移
 型
 通
 常
 型
 下


    部
 固
 定
 型
 半
 モ
 |
 ダ
 ル
 型
 カ
 ル
 |
 セ
 ル 
 型
 タ
 ブ
 型
 比
 較
 型
 階
 層
 構
 造
 型
 下部UI
 課金UI
 列
 挙
 型

  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
  33. 半
 モ
 |
 ダ
 ル
 型
 LinkedIn Dropbox ※ 2020年8月時点

    
 Quate: App Store, ScreenShot https://apps.apple.com/jp/app/id288429040 https://apps.apple.com/jp/app/id327630330
  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
  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
  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
  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
  38. 階
 層
 構
 造
 型
 Quote: あき | デザインの図書館 課金

    UI まとめてみた https://note.com/telq/n/n836e139e0a6b Tinder Money Forward 詳細ページ
 詳細ページ
 ※ 2019年1月時点 
 

  39. 基本的にどれか1つの型に分類はできない 
 多くのUIで複数の型を組み合わせて 出来ている


  40. 課金ページのデザインも 
 アプリの1ページとして 進化してきている


  41. 第
 四
 章
 
 比 較
 第
 五
 章
 


    申 請
 終 章
 序 章
 第
 一
 章
 
 規 約
 
 第
 二
 章
 
 デ ザ イ ン
 第
 三
 章
 
 戦 記

  42. iOSリジェクト戦記


  43. 金
 額
 表
 記
 の
 乱
 
 
 無
 料


    表
 記
 の
 乱
 
 
 注
 意
 文
 言
 の
 乱
 

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


  45. くらえ!
 (申請)
 Developer Apple

  46. ※注意文言:ガイドラインに沿った必要な課金の説明文言など 
 効かぬわ!
 (サブスクリプションページに 注意文言がな いからリジェクト!)
 Developer Apple

  47. まだまだー!
 (いやいや下の方にあるじゃん
 とメッセージを送る) 
 Apple Developer

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


  49. あーこれはAppleあるあるの RPGゲームの村人返しや。。
 Developer ※村人返し:ゲームの村人のように 同じことしか返さない 様
 → AppleはDeveloperが送ったメッセージに対して、詳細なリジェクトの理由を明かさず、 
 一方的に規約違反とだけ述べ、同じことしか言ってこないことが多々有る。

  50. ・ ・ ・ ・ ・ ・ Quate: http://i.meet-i.com/?p=244766 課金UI上に 課金ボタンが複数

    配 置されているパターン 
 最下部のボタンにのみ注 意文言を掲載
 注意文言がない
 注意文言がない

  51. 課金ページが長すぎる と
 最下部に注意文言の掲載があっても、審査で 認知されない


  52. 各ボタンごとに注 意文言を追加
 ・ ・ ・ ・ ・ ・ Quate: http://i.meet-i.com/?p=244766

    ・ ・ ・
  53. Apple Developer これでどうだ!
 (再申請)


  54. Apple Developer うわ!
 (申請が通った)


  55. None
  56. ちなみに


  57. ・ ・ ・ ・ ・ ・ ・ ・ ・ ページの長さを


    短くしたデザイン
 最下部のボタンにのみ注 意文言を掲載
 Quate: http://i.meet-i.com/?p=244766
  58. 課金ページを短くすると
 最下部だけの注意文言が審査で 認知された


  59. ※審査員ガチャ:審査員のサジ加減によってリジェクトかどうか決まること 
 → リジェクトされたアプリを、 同じ状態で上げ直しただけなのに 通ることがある。
 逆に申請が通ったものを、再度上げ直してリジェクトされることもある。 
 Developer もしや審査員ガチャだったの

    かなぁ。。

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


  61. 無
 料
 表
 記
 の
 乱
 
 
 注
 意


    文
 言
 の
 乱
 
 金
 額
 表
 記
 の
 乱
 
 

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


  63. くらえ!
 (申請)
 Developer Apple

  64. 効かぬわ!
 (金額の表記が最も目立ってないからリ ジェクト!)
 Developer Apple

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

  66. Quate: ScreenShot

  67. Apple Developer これでどうだ!
 (再申請)


  68. Apple Developer うわ!
 (申請が通った)


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


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


  72. 注
 意
 文
 言
 の
 乱
 
 金
 額
 表


    記
 の
 乱
 
 
 無
 料
 表
 記
 の
 乱
 
 

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


  74. くらえ!
 (申請)
 Developer Apple

  75. 効かぬわ!
 (金額の表記が最も目立ってないからリ ジェクト!)
 Developer Apple

  76. Apple Developer まだまだー!
 (いやいやそれ前に直しました やん?
 とメッセージを送る) 


  77. Apple Developer 効かぬわ!
 (「無料」という文言が目立ちすぎでリジェク ト!)


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

    and repeatedly.
  79. ※画像は 枠の指摘 も含めて実際にAppleから送られてきたスクリーンショット 
 → Appleが具体的に修正が必要な部分を指摘してきた 
 Quate: ScreenShot

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


  81. Quate: ScreenShot

  82. Apple Developer これでどうだ!
 (再申請)


  83. Apple Developer うわ!
 (申請が通った)


  84. None
  85. ちなみに


  86. 2019年6月6日
 サブスクリプションの ガイドラインに改定があった


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

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

    されているアプリ

  89. ちなみに
 (2回目)


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


  91. Apple Store ※ 2020年8月時点 
 「無料」が目立つデザイン
 「金額」が目立たないデザイン
 Quate: ScreenShot https://developer.apple.com/jp/app-store/

  92. Apple Music 「無料」が目立つデザイン
 「金額」が目立たないデザイン
 ※ 2020年8月時点 
 Quate: ScreenShot https://apps.apple.com/jp/app/id1108187390

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


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


  95. 第
 五
 章
 
 申 請
 終 章
 序 章


    第
 一
 章
 
 規 約
 
 第
 二
 章
 
 デ ザ イ ン
 第
 三
 章
 
 戦 記
 第
 四
 章
 
 比 較

  96. いろんな戦(申請)を乗り越えてきたが 
 他の部隊(他社)はどうしているのだろうか? 


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


  98. 2019/03 2020/08 「無料」が目立たなくなった
 「無料」が目立つデザイン
 NewsPicks 「無料」を含むボタン
 「金額」を含むボタン
 Quate: ScreenShot https://apps.apple.com/jp/app/id640956497

  99. 2019/03 2020/08 「無料」が目立つデザイン
 Cookpad 「無料」を含むボタン
 「金額」が目立つデザイン
 「無料」を含まないボタン
 Quate: ScreenShot https://apps.apple.com/jp/app/id340368403

  100. 2019/03 2020/08 「無料」を含まないボタン
 「金額」が目立たないデザイン
 Kurashiru ※ ステータスによって表示が異なる場合があります 
 「無料」を含むボタン
 「金額」が目立つデザイン


    Quate: ScreenShot https://apps.apple.com/jp/app/id1059134258
  101. 2019/03 2020/08 ABEMA 「¥0」を含むボタン
 「金額」を含むボタン
 Quate: ScreenShot https://apps.apple.com/jp/app/id1074866833

  102. 2019/03 MoneyForward 2020/08 ・ ・ ・ ・ 「無料」を含むボタン
 「無料」を含まないボタン
 遷移型の課金ページ

    
 Quate: ScreenShot https://apps.apple.com/jp/app/id594145971
  103. どこも「無料」の表記が目立たなくなっている 


  104. 他の地域(アプリ外のサブスクリプション) の
 部隊(他社)はどうしているのだろうか? 


  105. menu 「無料」を含まないボタン
 「無料」を含むボタン
 ※ 2020年8月時点 
 Quate: ScreenShot https://apps.apple.com/jp/app/id1443466646

  106. UberEats 「無料」を含むボタン
 「無料」を含むボタン
 「無料」が目立つデザイン
 「金額」が目立たないデザイン
 「無料」が目立つデザイン
 「金額」が目立たないデザイン
 ※ 2020年8月時点 


    Quate: ScreenShot https://apps.apple.com/jp/app/id1058959277
  107. Spotify 「無料」が目立つデザイン
 課金ボタンはなし
 ※ 2020年8月時点 
 Quate: ScreenShot https://apps.apple.com/jp/app/id324684580

  108. U-NEXT 「無料」を含むボタン
 課金ボタンはなし
 ※ 2020年8月時点 
 Quate: ScreenShot https://apps.apple.com/jp/app/id882477693

  109. アプリ外の課金ではデザイン上
 そんなに「無料」には敏感ではなさそう 
 


  110. 終 章
 序 章
 第
 一
 章
 
 規 約


    
 第
 二
 章
 
 デ ザ イ ン
 第
 三
 章
 
 戦 記
 第
 四
 章
 
 比 較
 第
 五
 章
 
 申 請

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


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


  113. Apple Developer App Store Server 申請
 リリース
 リリース用
 
 デザインを申請時だけ

    ルールに従ったものに し、リリース時には違うも のにする
 申請用

  114. Apple Developer App Store 申請
 リリース
 
 iPadのデザインのみルー ルに準拠する
 


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

  115. 画面遷移例
 
 審査範囲内のデザインの みルールに準拠する
 
 ex 動的ページは確認さ れない(できない)ため
 審査範囲外の課金ページ 審査範囲内の課金ページ

    
 動的な遷移 
 ホーム画面 

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


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


  118. Image Credit: Epic Games Quate: https://thebridge.jp/2020/08/microsoft-legal-filing-supports-unreal-engines-continued-access-to-apple-tools-the-firstpart 理由
 ガイドラインを破り、ユーザーが直接料金を支払う方法を外部に 提供した。


  119. Quate: https://hey.com/ 理由
 ガイドラインを破り、ユーザーが直接料金を支払う方法を外部に 提供した。


  120. Quate: https://mixi.co.jp/press/2019/0508/3804/index.html 理由
 ガイドラインを破り、ユーザーがシリアルコードを入力して対価を 得られる機能を提供した。 


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


  122. ちなみに


  123. リジェクトによって
 開発が止まらない 仕組みをAppleが提案


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

  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/
  126. 開発者は
 - ガイドライン違反によるバグ修正が遅れることはなくなる
 - 代わりに次回の申請に問題を持ち越すことができる


  127. 序 章
 第
 一
 章
 
 規 約
 
 第


    二
 章
 
 デ ザ イ ン
 第
 三
 章
 
 戦 記
 第
 四
 章
 
 比 較
 第
 五
 章
 
 申 請
 終 章

  128. ガイドラインは 随時 更新され続ける
 それを追いかけ続けるしかない 


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