Images de sites Web : photographie, illustration ou graphiques d'interface utilisateur ?

Utiliser la photographie pour la réalité visible

La photographie peut montrer des personnes, des lieux, des produits et des processus qui existent réellement. Les images originales du lieu de travail peuvent mieux étayer une réclamation de service que des personnes génériques regardant des ordinateurs portables.

Rédigez une liste de plans liée à des messages de page spécifiques et confirmez les droits d'utilisation, les cultures et les alternatives mobiles.

La photographie est utile lorsque les gens, le lieu, le processus physique ou le détail du produit importe à la décision. Planifier les sujets, l'éclairage, l'orientation et les cultures requises avant le tournage. Un grand héros, une carte carrée et une image mobile étroite peuvent avoir besoin de compositions différentes plutôt que de recadrage automatique au centre.

Utiliser l’illustration pour expliquer ou créer

L’illustration fonctionne lorsque le sujet est abstrait, indisponible à photographier ou nécessite un langage visuel contrôlé. Un diagramme de flux de travail peut rendre un processus logiciel plus clair sans prétendre être une véritable capture d'écran d'un produit.

Étiquetez le matériel conceptuel si nécessaire et définissez un style qui peut produire plus d’une image de héros.

L'illustration peut expliquer une idée qui ne peut pas être photographiée clairement, comme un workflow, une relation ou un service abstrait. Définir des règles pour le poids de ligne, la perspective, la texture et la couleur des illustrations si distinctes appartiennent à un seul système. Éviter les scènes décoratives qui impliquent des caractéristiques ou des résultats que le service ne fournit pas. Tester l'actif à côté de la copie réelle; il devrait clarifier le sujet sans forcer le titre à expliquer l'image.

Utiliser les graphiques de l'interface utilisateur pour le comportement du produit

Les visuels de l’interface peuvent démontrer les étapes, les états et l’architecture de l’information. Un formulaire ciblé ou un détail de tableau de bord explique souvent mieux une fonctionnalité logicielle qu'une capture d'écran complète illisible.

Utilisez des données représentatives, masquez les informations privées et conservez le texte suffisamment grand pour être compris à sa taille affichée.

Les graphiques d'interface fonctionnent bien pour les logiciels et le contenu de processus lorsqu'ils montrent un état significatif. Utilisez des données représentatives et non sensibles et supprimez toute information client. Concentrez-vous sur l'interaction discutée plutôt que d'afficher un tableau de bord entièrement illisible. Un détail étroit peut expliquer un formulaire, une remise ou une commande mieux qu'une grande capture d'écran.

Choisissez une combinaison maintenable

De nombreux sites nécessitent plusieurs types d’images, mais chacun doit avoir un rôle documenté. La photographie pour la preuve de l'entreprise, les diagrammes pour le processus et les recadrages de l'interface utilisateur pour les fonctionnalités peuvent coexister lorsque la couleur et le cadrage sont contrôlés.

Créez un mémoire d'image pour chaque modèle : but, source, rapport d'aspect, comportement de culture, responsabilité alt-text et priorité de chargement. Vérifiez l'actif à sa taille rendue et sur un écran étroit. Ne téléchargez pas le plus grand fichier original par défaut. Gardez les noms de fichier et les informations de propriété organisées de sorte que les futurs éditeurs puissent remplacer une image sans casser la composition prévue ou utiliser un actif en dehors de sa licence.