Inclure l'interface utilisateur du navigateur dans la capture d'écran d'un portefeuille de conception Web?
Un exemple montrant l'interface du navigateur:
et sans lui:
Je ne sais pas si c'est pour améliorer la visualisation de l'œuvre ou si c'est juste une chose esthétique.
Pensées?
Je n'inclurais généralement pas le chrome, car il introduit inutile encombrement - y compris, comme dans votre exemple, des détails comme d'autres signets, la barre d'adresse et les spécificités du système d'exploitation qui nuisent au contexte général qui est le contenu que vous l'intention de montrer.
Amazon, Bitly, eBay, tumblr et d'autres icônes de signets sont excédentaires, et bien que la barre d'adresse elle-même puisse initialement sembler utile comme moyen d'incorporer (et de transmettre) l'URL de la page en question, cela ne reste pas nécessairement une constante aussi longtemps que l'image est autour.
Ma première réaction à la première image fournie est - oh - ils utilisent un système d'exploitation Apple, plutôt que des pensées sur le contenu lui-même.
Différentes personnes utilisent différents navigateurs et si l'inclusion du navigateur chrome était "standard", nous obtiendrions un mélange complet de différents navigateurs et d'informations étrangères - il n'y aurait pas de norme "standard".
Une autre raison de ne pas inclure le chrome est que sur certaines plates-formes l'arrière-plan est semi transparent, montrant des représentations floues de l'arrière-plan du bureau, et aurait l'air horrible s'il est capturé et affiché hors contexte. La même chose va pour les navigateurs avec la possibilité de personnaliser l'habillage, comme avec FireFox.
Sinon, généralement le chrome est juste un vieux gris clair qui est destiné à ne pas entrer en conflit avec le contenu d'un site Web, mais en conséquence ne fait rien pour vraiment montrer un site Web non plus. Supprimer le chrome vous permet de définir le site Web sur un arrière-plan approprié, qu'il soit noir, blanc ou tout autre élément approprié.
Si vous regardez presque tous les résultats de la recherche de Google Images pour "portfolio de conception Web", ou si vous regardez des livres comme le Web Idées des concepteurs Web ou la série Icônes Taschen, il n'y a pas de navigateur chrome ruiner les vues.
Le seul moment pour inclure le chrome est si le chrome est une partie importante des informations que vous essayez de transmettre - comme le positionnement d'un élément avec par rapport au cadre de bordure, ou la position relative d'un élément dans un navigateur par rapport à un autre, mais si l'intention principale est de montrer le contenu, il n'est pas nécessaire d'inclure le chrome - même si vous êtes en utilisant un Apple!
Dans ce cas particulier, les captures d'écran excluant le navigateur sont correctes.
Nous pouvons inclure le navigateur lorsque
- un contexte est expressément nécessaire ou souhaitable
- un navigateur particulier est référencé, recommandé, etc.,
- une partie des fonctionnalités du navigateur (par exemple, la barre d'adresse) est référencée
- l'interface utilisateur a un fond blanc sans bordure - utilisez le navigateur pour l'encadrer
- pour distinguer clairement l'image comme une capture d'écran (et non une impression, etc.)
Il pourrait y avoir plus de raisons. Votre page unique sur fond blanc sans bordure me semble toujours OK, cela pourrait être une exception.
Il s'agit d'un choix esthétique (qui peut affecter l'UX, mais ce n'est pas vraiment un problème UX en soi). Cependant, la première chose que vous remarquez avec vos exemples (même si les conceptions sont si différentes qu'elles rendent la comparaison inégale) est que la première est parfaitement bordée. Le premier apparaît également comme une capture d'écran de conception Web, plutôt que potentiellement une conception de brochure, une mise en page de livre/magazine ou autre chose.
C'est un moyen propre et net de fournir du contexte et de présenter l'URL de la page Web (bien qu'il soit préférable que la première image soit agrandie lors de la sélection pour rendre la barre d'adresse plus facile à voir).
Si je présentais une maquette à un client, je ne l'encadrerais pas dans une fenêtre de navigateur, mais je pense que l'inclure dans un portfolio fonctionne pour beaucoup de designs minimalistes. Mais choisissez certainement le navigateur avec soin, car certains sont meilleurs que d'autres. Je voudrais également nettoyer le navigateur chrome et supprimer des choses comme les raccourcis de signets ou les barres d'outils tierces.
Le seul inconvénient auquel je peux penser est que certaines personnes ont de forts préjugés contre certains systèmes d'exploitation et navigateurs, mais dans le grand schéma des choses, je ne pense pas que cela compte vraiment. Mais vous pouvez toujours éviter IE juste pour être sûr.
Mon conseil est de choisir l'option qui correspond le mieux à la conception de votre portefeuille. C'est finalement une décision esthétique après tout.