Chaque semaine, nous examinons un nouveau site Web et en analysons le design. Nous soulignerons les deux domaines qui sont bien faits en plus de ceux qui pourraient nécessiter du travail. Enfin, nous terminerons en vous demandant de fournir vos propres commentaires.
Le site d'aujourd'hui est le portfolio du photographe Matthew Coughlin.
Si vous souhaitez soumettre votre site Web pour qu'il soit présenté dans une future Critique de conception, cela ne prend que quelques minutes. Nous facturons 49 $ pour la critique de votre conception - bien moins que le coût d'un consultant pour consulter votre site! Vous pouvez en savoir plus ici.
À propos de Matthew Coughlin
Matthew Coughlin est un photographe de portrait créatif originaire de Pensacola, en Floride. Son travail utilise intensément et de manière magnifique l'éclairage de studio dans des environnements naturels. Le résultat est un style très distinct qui a généralement une plage dynamique impressionnante et une apparence et un toucher très dramatiques. J'aime particulièrement sa capacité à capturer vraiment la personnalité de son sujet. Chaque photo raconte une histoire très définie d'une manière très engageante.
Voici une capture d'écran de la page d'accueil:
Look Ma, pas de flash
Nous avons récemment organisé un concours pour une critique qui obligeait les participants à nous envoyer un tweet avec l'adresse URL de leur site. Après avoir regardé les participants, j'ai été instantanément attiré par le site de Matthew, à la fois en tant que photographe et développeur web.
La première chose que j'ai trouvée très rafraîchissante a été le manque de Flash. Je ne veux pas transformer cela en une session Flash-bashing, mais je crois fermement qu'il existe une dépendance excessive à l'égard de Flash dans l'industrie de la photographie. Presque chaque site de photographe que vous pouvez trouver est construit presque entièrement sur Flash.
Pour être juste, cette tendance a ses avantages et ses inconvénients. En revanche, les sites de photographes ont tendance à être incroyablement dynamiques et interactifs, ce qui peut constituer un moyen très attrayant de visualiser des photos. C'est un élément qui manque définitivement sur le site de Matthew car c'est une page assez statique. Il y a une certaine interactivité, que nous examinerons plus tard, mais dans la plupart des cas, il ne s'agit que d'une galerie d'images CSS standard.
Sur le plan négatif, Flash a beaucoup de bagages. Cela nécessite beaucoup de processeur et peut certainement être considéré comme la cause d’un bon nombre de crash de navigateur, mais surtout, il n’est pas très convivial pour les mobiles. Bien entendu, iOS bloque complètement Flash, mais même les plates-formes mobiles qui le prennent en charge sont gênées par d'énormes sites de photographes Flash à 100%.
Tout cela pour dire, j'aime voir un photographe occasionnel qui décide de résister à ce qui est définitivement la norme de l'industrie et d'utiliser une approche de site plus largement compatible.
Mise en page réactive
Une autre chose que j’ai tout de suite appréciée sur ce site est que la mise en page est assez réactive. Nous constatons donc que ce site est non seulement compatible avec les appareils mobiles, en ce sens qu’il n’utilise pas Flash, mais qu’il s’adapte extrêmement bien aux écrans de petite taille. Certes, le design est assez simple pour que ce ne soit pas un exploit, mais ce n'est certainement pas une mauvaise chose!
La disposition sensible / souple est réalisée très simplement, avec une seule requête multimédia et de nombreuses valeurs en pourcentage. Rien ne se redimensionne réellement à mesure que la mise en page change, la page est simplement refaite. Je pense qu'un peu de considération pour des images fluides pourrait rendre la vue mobile plus agréable.
Pas tous sensibles
Une chose qui me dérange un peu, c'est que le design réactif s'arrête essentiellement à la page d'accueil. La mise en page du blog, qui est une grille très similaire à celle de la page d'accueil, convient parfaitement à la même technique et pourtant, elle n'est pas aussi solide.
Fait intéressant, la page de blog a effectivement l'air meilleur sur mon iPhone que sur mon ordinateur de bureau, ce qui suggère peut-être que le concepteur adoptait une stratégie axée sur le mobile. Cependant, comme vous pouvez le voir dans l'image ci-dessus, la disposition est assez gênante sur un bureau car il y a une grande quantité d'espace vide du côté droit.
Interaction
Revenons à la page d'accueil et examinons ce qui se passe lorsque vous cliquez sur une image. Ici, vous voyez que vous obtenez ce joli grand curseur jQuery qui affiche les images dans un cadre plus ciblé.
J'aime beaucoup cela et je pense que le site en a vraiment besoin. Cependant, j'ai quelques suggestions pour l'améliorer. Pour commencer, les commandes avant / arrière sont un peu à l’écart, et c’est peut-être une mauvaise façon de le dire parce que je les aime bien là où elles sont, mais je pense que ce serait beaucoup plus utilisable si, en plus de placer, en cliquant sur la grande image avancé le diaporama. Cette fonctionnalité est intuitive, je m'attends à obtenir une nouvelle image lorsque je clique sur la zone d'image principale, mais ce n'est pas le cas.
De plus, je pense que ce serait bien d’en ajouter un peu? Jouer? bouton qui fait défiler les images automatiquement. Vous ne pouvez tout simplement pas contourner le fait que les gens ont l'habitude de regarder des diaporamas sur des sites de photographie. C'est un excellent moyen de capturer un groupe d'images et ne nécessite aucun travail de la part de l'utilisateur. Je pense que le fait de lancer cette fonctionnalité ici tout en restant dans le domaine de JavaScript / jQuery renforcera l'impression de l'expérience globale.
Conclusion
En résumé, j'aime beaucoup le design de base et centré sur la photo du site. J'aime le fait que le site ne soit pas basé sur Flash, comme le sont de nombreux portefeuilles de photographies, et j'apprécie le travail supplémentaire fourni pour rendre la page d'accueil plus réactive.
Comme je l'ai mentionné, je repenserais certainement la mise en page de la page de blog et ajouterais certaines fonctionnalités au curseur de la page d'accueil. En guise de dernière suggestion, il pourrait être intéressant d’afficher une image ou un diaporama sur la page d’accueil. La grille est parfaitement attrayante mais peut être perçue comme un peu ennuyeuse et uniforme. Briser un peu le dessin avec une image plus grande que le reste ajoutera de la variation et réduira la redondance dans la mise en page.
À ton tour!
Maintenant que vous avez lu mes commentaires, apportez votre contribution en donnant quelques conseils supplémentaires au concepteur. Dites-nous ce que vous pensez être génial à propos de la conception et ce que vous pensez pourrait être plus fort. Comme toujours, nous vous demandons d'être également respectueux du concepteur du site et d'offrir des conseils clairs et constructifs, sans aucune insulte dure.