web-dev-qa-db-fra.com

La meilleure façon de montrer une partie "non activée" d'une application?

J'ai un tableau de bord qui montre les parties actives et non activées d'une application (les utilisateurs optent pour un service). Existe-t-il une norme pour la meilleure façon de montrer qu'un élément/section n'est pas activé? Une façon d'encourager l'activation?

enter image description here

Je suis sûr qu'il existe de nombreux exemples d'applications qui ont "ne peuvent pas utiliser ceci jusqu'à ce que vous payiez", mais je n'arrive pas à trouver quoi que ce soit qui éclairerait une pratique standard ici.

Merci!

modifier: je prends cela à partir de la conception de quelqu'un d'autre. Voici mon point de départ: http://imgur.com/a/vtjfN

23
Sam Thornton

Une question à poser est la suivante: l'utilisateur est-il conscient des avantages de la mise à niveau/de l'activation? Comment est-ce que j'améliore leur vie?

Dans l'état actuel, vous avez une liste de cartes, autre que l'étiquette du bouton, je ne peux pas faire la différence entre les deux. Je ne vois pas non plus vraiment les avantages, et 'Activer' pourrait signifier un engagement avant d'avoir appris ce qu'il fait pour mon entreprise .

Donnez-moi une raison (ou un sentiment) de la raison pour laquelle je devrais acheter.

Si vous demandez aux gens plus d'argent/d'engagement, vous avez la possibilité de:

  • leur apprendre plus
  • laissez-les l'essayer
  • utiliser preuve sociale (tous les enfants sympas le font!)
  • présenter des exemples pertinents
  • show témoignages

Kathy Sierra a de bonnes illustrations de rendant les utilisateurs géniaux, et leur apportant plus d'engagement avec vos produits:

enter image description here

Les cartes ne donnent pas beaucoup de place pour tout cela, mais vous pouvez différencier le style et/ou le placement de ces cartes:

enter image description here

Votre situation

À tout le moins, vous ne boguez pas les utilisateurs existants qui peuvent cliquer par erreur sur la mauvaise carte et sont présentés avec une sorte d'argument de vente. Ensuite, vous pouvez essayer une copie marketing pour voir ce qui obtient la meilleure réponse, et peut-être énumérer quelques avantages à l'avance:

enter image description here

En ce qui concerne le design, ce n'est qu'un premier coup de merde (ma rédaction est boiteuse), mais vous pouvez essayer des boutons de couleur, de type et de CTA différents pour voir s'il attire au moins quelques premiers clics, alors vous avez une toute autre opportunité pour démontrer la valeur que vos services supplémentaires apportent au client.

31
Mike M

Bien que j'aime votre solution de nommer les boutons différemment (gérer vs activer) mais je n'ai pas tout de suite remarqué la différence de vocabulaire. D'après mon expérience, j'aime fantôme les conteneurs indisponibles et peut-être un petit snipe dans le coin. Autorisez la boîte entière à être cliquable.

enter image description here

24
jhurley

Essayez de faire ressortir les boutons "activer" par rapport aux boutons "gérer" (par exemple, les boutons fantômes et remplis. Cela dépend des options que vous avez selon votre guide de style d'interface utilisateur). Réduisez l'opacité des sections non activées de 50%, par exemple, et réglez-les sur une opacité totale en survol (s'il s'agit d'une application Web).

5
marcelgro