web-dev-qa-db-fra.com

Quelle est la meilleure façon d'éviter la distorsion du logo et la mauvaise qualité lorsque vous autorisez les utilisateurs d'une application à télécharger leur propre logo?

Je ne suis pas un fan de l'autorisation de logos extérieurs dans une application, mais c'est une exigence du client. L'exigence est qu'un utilisateur puisse télécharger son logo et il remplacera le logo de l'application dans un espace d'une largeur de 120 px - 160 px. Il y a plusieurs problèmes à essayer d'éviter lorsque l'utilisateur autorise le téléchargement d'un logo:

  1. image de mauvaise qualité pixellisée lors du téléchargement
  2. image de mauvaise taille qui sera déformée lors de l'affichage
  3. texte non vecteur dans les images de police du logo (qui ne peut pas être empêché)
  4. logos de mauvais rapport d'aspect

Je voudrais savoir quels sont les meilleurs paramètres à définir pour un logo téléchargé. Nous pouvons faire une vérification avec le code pour la largeur et la hauteur px. Mais le code ne peut pas vérifier si le texte a été vectorisé. Toute idée serait agréable dans ce problème. Merci d'avance.

2
jeancode

Il est difficile de dire avec certitude ce qui fonctionnera pour les utilisateurs sans tester directement l'interaction, cependant, voici quelques principes qui peuvent aider ...

1. Montrez l'image dans son contexte


Le contexte est essentiel, c'est pourquoi cette suggestion est le numéro 1.

Avant qu'un utilisateur essaie même de télécharger une image, montrez-lui un espace réservé avec des dimensions là où il ira.

placeholder with dimensions

Après avoir sélectionné une image, permettez à l'utilisateur de la voir au lieu de l'espace réservé avant en lui demandant de la confirmer comme son choix final .

2. Informez l'utilisateur de ce qui fonctionne le mieux


N'oubliez pas que chaque entrée d'utilisateur est une barrière, évitez donc d'empêcher l'utilisateur de télécharger une mauvaise image et proposez plutôt des suggestions sur ce qu'il pourrait faire de mieux.

Au lieu de bloquer l'utilisateur avec un message d'erreur ...

Erreur: votre image était de 171x144. Veuillez télécharger une image aux dimensions 160 x 120.

| [~ # ~] ok [~ # ~] |

Informer doucement l'utilisateur réduit les frottements ...

Cette image peut apparaître déformée car sa taille est incorrecte.

| Téléchargez une nouvelle image | Utiliser l'image actuelle |

3. Offrez un service premium


Cela peut être hors de portée pour votre projet particulier, mais est inclus pour être complet. Si vos utilisateurs sont assez techniques, cette option pourrait être trop importante, mais sinon, certains d'entre eux préféreront peut-être un moyen facile de payer quelqu'un d'autre pour le faire pour eux.

3
DaveAlger