Critique de Web Design # 91 Photofolio

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 Photofolio, un thème Drupal de More Than (seulement) Themes. Faisons un saut et voyons ce que nous pensons!

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 Photofolio

Photofolio est un thème Drupal réactif et personnalisable, doté de nombreuses fonctionnalités exceptionnelles: jeux de polices multiples, menus Superfish, diaporamas et bien plus encore.

Voici une capture d'écran de la page d'accueil:


Première impression

Ma réaction initiale ici est plutôt positive. Photofolio est un thème attrayant qui prend tout son sens tant sur le plan visuel que fonctionnel. Certes, il y a un peu de générique du point de vue de la conception, mais comme il s'agit d'un modèle, ce n'est peut-être pas une si mauvaise chose. Regardons autour de nous et voyons ce que nous pouvons découvrir.

Disposition

La mise en page est l’un des domaines dans lesquels Photofolio l’élimine hors du parc. La mise en page est propre et simple. Il y a une tonne d'emplacements de contenu afin que vous puissiez remplir les pages avec tout ce dont vous avez besoin, mais tout est parfaitement organisé de manière logique et simple.

Comme je l'ai mentionné ci-dessus, ce thème est totalement réactif et convient à toutes les tailles de fenêtres que je peux lui poser. C’est formidable, car cela me permet de savoir qu’ils conçoivent toutes les tailles de fenêtres possibles, pas seulement quelques appareils populaires.

Le site a une largeur statique dans les deux plus grandes requêtes multimédia, puis une fois que vous commencez à vous rapprocher d'une mise en page mobile, les choses deviennent fluides. Cela fonctionne vraiment bien pour le contenu.

Alignement

Une chose qui me distrait un peu, c’est que l’alignement semble un peu brouillon dans l’en-tête. En un coup d'œil, vous ne le remarquerez peut-être même pas, mais si vous regardez vraiment de près, vous pouvez voir que les différents éléments pourraient être placés un peu mieux par rapport à leur environnement.

Ci-dessus, vous pouvez voir la structure filaire de base des éléments d'en-tête. C'est un changement subtil, mais je suggérerais de le peaufiner jusqu'à obtenir quelque chose de plus proche:

Ici, je viens d'insuffler un peu plus de cohérence dans les alignements vertical et horizontal, en plus d'ajouter un peu plus de marge de manœuvre autour du cadre de contenu.

Schémas de couleurs

Une autre grande chose à propos de ce thème concerne les options de personnalisation. Par exemple, vous avez le choix entre sept jeux de couleurs différents.

Tous les schémas de couleurs sont très nets et bien implémentés. J'apprécie vraiment à quel point les couleurs radicalement différentes changent la personnalité du site. Que vous recherchiez un look amusant ou formel, ce thème peut fonctionner pour vous.

Type

Par défaut, Photofolio est un type de caractère mince et décontracté qui convient parfaitement à l'esthétique légère. La hauteur de ligne et le nombre de mots par ligne correspondent également à l'ensemble du thème. Cela semble petit mais c’est en fait une très grosse affaire, vous ne voudrez jamais acheter un thème avec du caractère bâclé!

Open Sans est la police principale utilisée ici. Il s’agit bien entendu d’une police Google Web, et la Drupal est suffisamment impressionnante pour vous permettre d’accéder à d’autres polices Google Web formidables au cas où vous souhaiteriez échanger quelque chose (le thème propose plusieurs ensembles prédéfinis parmi lesquels choisir). Combinez cela avec les options de jeu de couleurs ci-dessus et vous constaterez que vous pouvez vraiment ajuster ce thème à votre style personnel.

Compatibilité du navigateur

Photofolio est considéré comme entièrement compatible avec tous les navigateurs et a bien fonctionné dans tous les navigateurs que j'ai essayés. Cependant, il semble y avoir une bizarrerie intéressante dans Safari. Lorsque je survole n'importe quoi avec une transition, il y a un bogue clignotant étrange.

J'ai enregistré un screencast de cet effet. Vous pouvez le regarder ici.

La conception est-elle réussie?

Nous avons déjà établi que le design est à la fois attrayant et hautement fonctionnel, mais ces aspects ne suffisent pas à eux seuls. réussi conception. Le succès d’une conception dépend toujours des objectifs qu’elle cherche à atteindre. Que vous créiez un thème Drupal ou un réseau social, vous devez définir un ensemble d'objectifs et les garder à l'esprit.

Appel de photographe

Quels sont les objectifs de Photofolio? J'imagine qu'un des principaux objectifs serait de séduire les photographes. En tant que photographe moi-même, je vois beaucoup de choses ici adaptées à mes besoins. Des diaporamas de photos et plusieurs agencements de galeries parmi lesquels choisir, ainsi qu'un blog solide, me permettent en quelque sorte de gérer l'intégralité de mon site à partir d'ici. Je peux montrer efficacement mon travail et poster des événements individuels.

Plus que des photos

Je pense qu'un autre objectif majeur du design serait de ne pas le lier trop exclusivement aux photographes. Les caractéristiques et la conception sont telles que ce site pourrait facilement être utilisé pour un certain nombre de niches créatives telles que la conception Web. Les exemples de galeries sont actuellement remplis de photos, mais il serait assez facile de les remplir avec des captures d'écran de sites Web.

Versatilité

Les modèles sont une bête intéressante. Normalement, le design est une affaire de décisions. Vous devez choisir entre ces deux polices que vous aimez et si vous voulez être occasionnel ou professionnel. Votre travail consiste à cibler la conception de manière très spécifique dans un but, qui dépend bien sûr du client.

Avec les modèles cependant, le contraire est vrai. L'idée ici est de construire une chose qui peut être utilisée de différentes manières par différentes personnes. Au lieu de faire des choix difficiles, vous passez votre temps à accumuler plus d'options. Le but ici est la polyvalence.Les gens veulent savoir que s'ils achètent votre produit, il répondra à leurs besoins, même si ces besoins évoluent.

Dans ce domaine, Photofolio est un succès. La nature réactive du site signifie que, peu importe où votre public a tendance à accéder au Web, il obtiendra une expérience exceptionnelle. Cela s’ajoute bien sûr aux mises en page multiples de plusieurs pages, aux choix de couleurs, aux schémas de polices et même à certaines options de réorganisation manuelle des mises 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.