web-dev-qa-db-fra.com

Étiquetage des paramètres de la lightbox

Supposons que nous ayons une interface utilisateur dans laquelle les paramètres d'un lightbox montrant une image peuvent être ajustés. Cela pourrait ressembler à ceci:

enter image description here

Par "arrière-plan" dans la maquette ci-dessus, on fait vraiment référence à superposition, mais c'est, à notre avis, un terme médiocre à transmettre à l'utilisateur moyen du système.

Conceptuellement, l'image a également un arrière-plan (avec la couleur blanche - #FFF dans la maquette ci-dessus), mais évidemment on ne peut pas utiliser le même terme pour deux choses différentes.

Pour rendre les choses encore plus floues, nous avons une propriété padding, qui est vraiment la quantité d'arrière-plan de l'image plus grande que l'image elle-même (la même distance aux quatre coins du monde).

L'illustration ci-dessous tente de transmettre le schéma d'étiquetage actuel:

enter image description here

Ma question est la suivante:

  • Que nommer l'arrière-plan de l'image (indiqué par la flèche avec "???" dans l'illustration ci-dessus)?

En écrivant simplement "Color" comme dans la maquette, nous ne sommes pas assez précis, je crois.

7
agib

J'essaierais probablement la combinaison couleur d'arrière-plan/opacité pour la superposition et bordure d'image pour la partie où la flèche étiquetée ??? - pointe. Ma principale raison est que je soupçonne que beaucoup d'utilisateurs confondront l'arrière-plan de l'image avec l'arrière-plan à l'intérieur la photo ( les parties noires dans votre exemple).

Vous pouvez tester cela assez facilement. Trouvez quelques personnes au hasard, montrez-leur votre image sans les étiquettes et demandez-leur de pointer l'image, l'arrière-plan de l'image, la superposition (ce terme sera probablement inconnu de beaucoup de gens), etc. Ou travaillez dans l'autre sens: montrer leur votre photo et demandez-leur comment ils appellent la zone que vous pointez.

-

D'accord, voici quelques conclusions rapides ( cliquez sur les résultats des tests ). 10 personnes ont été invitées à ' Veuillez cliquer sur le fond de l'image' dans une capture d'écran. 6 personnes ont cliqué à l'intérieur de la photo, 4 personnes ont cliqué sur la superposition et personne n'a cliqué sur la zone blanche autour de la photo. Dans cet esprit, j'essaierais vraiment de trouver un autre terme que "fond d'image" pour la partie blanche.

plasma map for task 'click' image background

10
Marielle

J'appellerais l'arrière-plan de l'image l'arrière-plan de l'image .

Je renommerais également la zone que vous appelez actuellement background en quelque chose comme masque de page , vous aurez donc la couleur du masque de page et l'opacité du masque de page .

Modifier Après avoir vu certaines des autres réponses (Marielle en particulier), peut-être appeler l'arrière-plan de l'image entourer l'image ou cadre d'image .

3
Kalessin

Appelez-le le cadre photo. C'est analogue à un objet du quotidien.

3
puppybeard

Vous pourriez appeler ??? bordure d'image.

2
gef05

Qu'en est-il d'une légende, peut-être interactive pour qu'elle affiche un aperçu des paramètres?

Même lorsque vous pensez avoir trouvé les termes métaphoriques parfaits, ou même des descriptions manifestement explicites, les utilisateurs vous confondront toujours.

2
Settsu

couleur de fond -> "couleur de fond"

opacité de l'arrière-plan -> "transparence"

couleur -> "couleur de la bordure"

rembourrage -> "largeur de bordure"

1
Matt

avec traductions danoises

couleur de fond -> "couleur de l'ombre" (nedtoningsfarve)

opacité de l'arrière-plan -> "quantité d'ombre" (nedtoningsfaktor)

couleur -> "couleur du cadre" (rammefarve)

rembourrage -> "épaisseur du cadre" (rammetykkelse)

1
neoneye

La conception que vous avez proposée est axée sur l'implémentation, avec des contrôles d'interface utilisateur correspondant directement aux paramètres de votre code.

Il vaut mieux être axé sur les objectifs de l'utilisateur, et correspondre à ce que votre utilisateur typique veut faire. Dans ce cas, cela rend la combinaison cadre/arrière-plan bien avec l'image donnée. Vous pouvez fournir plusieurs préréglages de paramètres et laisser l'utilisateur choisir parmi les miniatures en un seul clic.

Ceci est similaire aux galeries d'effets d'Office 2007+ (mais il se concentrerait sur le cadre/arrière-plan, pas sur l'image elle-même):

enter image description here

Bien sûr, si votre application est destinée aux concepteurs professionnels qui ont besoin d'un contrôle au niveau des pixels, les options détaillées peuvent toujours être nécessaires, mais même dans ce cas, il peut être préférable d'avoir l'interface utilisateur principale axée sur les tâches et d'avoir des paramètres comme options avancées.

0
dbkk