iOSDC2020 - iOSリジェクト戦記

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

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

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

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

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. １

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

    ３

    ４

    

    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/
    ５

    

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

    ５

    

    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. 基本的にどれか１つの型に分類はできない 

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

    

    View Slide

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

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

    

    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
    効かぬわ！

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

    

    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. ちなみに

    （２回目）

    

    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
     「￥０」を含むボタン
 「金額」を含むボタン

     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