iOSDC2020 - iOSリジェクト戦記

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

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

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

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

Transcript

2. 第
 三
 章
 
 戦 記
 第
 四
 章
 
 比 較
 第
 五
 章
 
 申 請
 終 章
 第
 二
 章
 
 デ ザ イ ン
 第
 一
 章
 
 規 約
 
 序 章

12. 第
 三
 章
 
 戦 記
 第
 四
 章
 
 比 較
 第
 五
 章
 
 申 請
 終 章
 第
 二
 章
 
 デ ザ イ ン
 序 章
 第
 一
 章
 
 規 約
 

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

14. Apple Developer
 App Store Review Guidelines 
 3.1.2 Subscriptions

15. Apple Developer
 Auto-renewable Subscriptions 

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

17. １
 Quate: Apple Developer Auto-renewable Subscriptions https://developer.apple.com/jp/app-store/subscriptions/ ２
 ３
 ４

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

19. Paid Applications Agreement 

20. サブスクリプションでは 
 ① 名前、期間、提供されるサービスを記載すべし 
 ② 価格を記載すべし 
 ③ サインインまたは購入を復元できるべし 
 ④ 利用規約、プライバシーポリシーを記載すべし 
 ⑤ 自動継続についての説明を載せるべし 
 etc.

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

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月時点 
 ５

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. 基本的にどれか１つの型に分類はできない 
 多くのUIで複数の型を組み合わせて 出来ている

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

41. 第
 四
 章
 
 比 較
 第
 五
 章
 
 申 請
 終 章
 序 章
 第
 一
 章
 
 規 約
 
 第
 二
 章
 
 デ ザ イ ン
 第
 三
 章
 
 戦 記

42. iOSリジェクト戦記

43. 金
 額
 表
 記
 の
 乱
 
 
 無
 料
 表
 記
 の
 乱
 
 
 注
 意
 文
 言
 の
 乱
 

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

45. くらえ！
 （申請）
 Developer Apple
46. ※注意文言：ガイドラインに沿った必要な課金の説明文言など 
 効かぬわ！
 （サブスクリプションページに 注意文言がな いからリジェクト！）
 Developer Apple
47. まだまだー！
 （いやいや下の方にあるじゃん
 とメッセージを送る） 
 Apple Developer
48. Apple Developer 効かぬわ！
 （サブスクリプションページに 注意文言がな いからリジェクト！(２回目)） 

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 うわ！
 （申請が通った）

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 うわ！
 （申請が通った）

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 うわ！
 （申請が通った）

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. ちなみに
 （２回目）

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 「￥０」を含むボタン
 「金額」を含むボタン
 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. 課金ページのデザインに 正解はない