web-dev-qa-db-ja.com

アプリの「アクティブ化されていない」部分を表示する最良の方法は?

アプリのアクティブな部分とアクティブ化されていない部分の両方を表示するダッシュボードがあります(ユーザーがサービスにオプトインします)。要素/セクションが非アクティブであることを示す最良の方法の基準はありますか?アクティベーションを促進する方法はありますか?

enter image description here

「支払うまでこれを使用できない」というセクションのあるアプリの例はたくさんあると思いますが、ここでは標準的な方法を説明するものを見つけることができないようです。

ありがとう!

編集:私は他の誰かのデザインからこれを拾っています。これが私の出発点です: http://imgur.com/a/vtjfN

23
Sam Thornton

質問の1つは、ユーザーはアップグレード/アクティブ化の利点を知っていますか?どのように私は彼らの生活を改善していますか?

現在の状態では、ボタンのラベル以外にカードリストがあります。この2つを区別することはできません。また、私は実際にメリットを確認していません。「アクティブ化」は、私の会社で何が行われているかを知る前に、コミットメントを意味する場合があります。

なぜ私が買うべきかについての理由(または気持ち)を教えてください。

もっとお金/コミットメントを人々に求めているなら、あなたは以下の機会があります:

  • 彼らにもっと教える
  • 彼らに試してもらいます
  • 社会的証拠を使用します(すべてのクールな子供がやっています!)
  • 関連する例を提示する
  • 表示お客様の声

Kathy Sierra は、ユーザーを素晴らしいものにして、製品へのエンゲージメントを高めていることを示す良い例です。

enter image description here

これらのカードは、これらすべてのための多くの余地を与えませんが、これらのカードのスタイルや配置を区別することができます。

enter image description here

あなたの状況

少なくとも、誤って間違ったカードをクリックして既存のユーザーにバグを報告することはなく、なんらかのセールスピッチが提示されます。次に、マーケティングコピーを試して、何が最良の応答を得るかを確認し、おそらくいくつかの利点を前もってリストアップできます。

enter image description here

デザインに関しては、これはくだらない最初のショットです(私のコピーライティングは不完全です)が、いくつかの異なる色、タイプ、およびCTAボタンを試して、少なくとも最初のクリックを引き付けるかどうかを確認できます。追加サービスが顧客にもたらす価値を実証するため。

31
Mike M

ボタンの名前を変える(管理とアクティブ化)ソリューションは気に入っていますが、語彙の違いにすぐには気付きませんでした。私の経験では、利用できないコンテナをゴースト化したり、コーナーの小さなスナイプをしたりするのが好きです。ボックス全体がクリック可能になるようにします。

enter image description here

24
jhurley

「アクティブ化」ボタンを「管理」ボタン(ゴーストボタンや塗りつぶしボタンなど)と比較して目立たせてみてください。UIスタイルガイドに応じて、使用できるオプションによって異なります。たとえば、アクティブ化されていないセクションの不透明度を50%減らし、ホバー時に完全な不透明度に設定します(Webアプリの場合)。

5
marcelgro