web-dev-qa-db-fra.com

Comment formater les captures d'écran du contrôle de l'interface utilisateur afin que les utilisateurs ne pensent pas qu'ils soient palpables?

J'ai besoin, dans une application mobile à écran tactile, d'afficher aux utilisateurs un message les informant de certaines fonctions du système dont ils devraient savoir qu'elles pourraient affecter mon application. En plus de décrire le problème, je veux utiliser un clip d'image du paramètre Préférences afin qu'ils puissent voir visuellement la fonction système qu'ils pourraient vouloir basculer.

Le problème est que si je montre une capture grandeur nature au pixel près du contrôle des préférences, il semble qu'ils puissent l'interagir (le toucher) juste là dans mon "dialogue" de message, alors qu'en fait c'est statique et non interactif.

Comment puis-je transmettre visuellement dans cette image découpée qu'il s'agit en fait d'une illustration, et non du contrôle réel?

10
Ben Zotto

Je me suis immédiatement demandé si les images pouvaient être câblées pour ouvrir le paramètre de préférence auquel elles se réfèrent. En supposant que cela ne fonctionne pas, trois tactiques me viennent à l'esprit:

  1. Essayez de transformer les images de contrôle des préférences en niveaux de gris, afin qu'elles puissent toujours être identifiées visuellement mais également reconnues comme images de référence, et non comme des contrôles réels.

  2. Essayez d'afficher un peu de la zone entourant chaque contrôle de sorte qu'il ressemble moins à un bouton et plutôt à une capture d'écran. Si vous pouvez le combiner avec une légende sans vous encombrer, tant mieux.

  3. Essayez d'ajouter une bordure de style pour invoquer une image autour de l'image de l'élément de préférence. Le cadre de photographie recourbé peut être une touche assez légère mais marquer clairement l'image comme une image, pas la vraie chose.

J'ai fait quelques exemples rapides pour montrer 2 et 3.

enter image description here

enter image description here

14
Todd Sieling