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 actuel est FlashXML.net, un marché de composants Flash.
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.
A propos de FlashXML.net
Il existe un nombre croissant d’auteurs créant des ressources Flash. La majorité de ces composants dits Flash (plus de 95% sur le Web aujourd'hui) ne sont en fait que des fichiers FLA modifiables. L’équipe de FlashXML.net s’efforce de définir une nouvelle norme en construisant les meilleurs composants Flash disponibles, entièrement personnalisables sans logiciel Flash ni aucune compétence spécialisée autre que l’utilisation de votre souris. Nous développons des composants Flash depuis plus de quatre ans maintenant et nous prévoyons de vous épater à chaque nouvelle version!
Voici une capture d'écran de la page d'accueil:
Pensées Initiales
Mes pensées initiales pour ce site sont assez positives. C'est attrayant, bien équilibré et communique clairement son message. La palette de couleurs utilise la technique standard à trois couleurs avec deux couleurs primaires (blanc et noir) et une couleur d'accentuation (rouge). Il y a beaucoup de contraste de couleur fort pour définir chaque section et garder vos yeux intéressés.
Globalement, un travail bien fait! Examinons de plus près et voyons si nous pouvons trouver quelque chose à améliorer.
Entête
Beaucoup de choses sont allées droit dans cette en-tête. J'aime beaucoup le fond graphique subtile: juste ce qu'il faut pour ajouter un intérêt visuel sans être une distraction. J'aime aussi le thème sommaire que je vois ici et que je répète ailleurs sur le site.
Les icônes sont simples, attrayantes et lisibles instantanément. Le concepteur a fait un excellent travail en prenant une tonne d'informations et en les réduisant à un espace très petit et facilement lisible. Ce n'est certainement pas un exploit facile.
Cela étant dit, quand je prends la tête dans son ensemble, j'ai vraiment l'impression qu'il y a beaucoup de choses qui rivalisent pour attirer mon attention. Titres, sous-titres, deux menus de navigation, argumentaires de vente, barre de recherche, icônes sociales: tout a une raison et un but, je ne suis donc pas sûr de vous recommander de laisser tomber tout ça, mais une très légère restructuration de la hiérarchie. pourrait aller un long chemin.
L'une des meilleures façons de penser à la hiérarchie visuelle que j'ai trouvée consiste à réduire la conception à des formes simples et à analyser la distribution des espaces et leur relation avec le volume de chaque élément. Voici la présentation de base de l'en-tête:
Quand je regarde cette distribution, je ne pense pas nécessairement que quelque chose réussisse particulièrement bien à se démarquer en termes de taille et d'espaces. Pour structurer un peu mieux votre conception, essayez de choisir la chose la plus importante et donnez-lui un gain de volume visuel évident par rapport aux autres éléments.
En fin de compte, le choix du concepteur et du client est déterminant, mais supposons que vous vouliez que le titre soit le point central ici, vous pourriez repenser l'espace pour qu'il ressemble davantage à ceci:
C'est un changement subtil, mais une fois incorporé dans la conception actuelle, cela attirerait certainement beaucoup d'attention sur le titre. De même, si vous souhaitez mettre davantage l'accent sur les éléments fragmentaires, vous pouvez créer la distribution suivante:
Contenu corporel
L'en-tête et le pied de page contiennent tous deux une tonne de texte. Il est donc bon que cette section soit de nature plutôt visuelle, car elle aide à équilibrer les choses et à leur donner du charme.
Contrairement à l’en-tête, qui pourrait nécessiter une restructuration, cette zone présente une très belle présentation composée de trois sections visuellement distinctes mais bien intégrées. Nous voyons ici une réapparition du regard esquissé sur la gauche, un excellent usage de la répétition.
J'aime aussi beaucoup le petit? Devenir membre? boîte. C'est un élément attractif qui se démarque tout en restant cohérent. La conception de la boîte est une image parfaite des tendances actuelles en matière de conception, utilisant des gris subtils en conjonction avec ces coups de pixel simples populaires.
Un élément de cette section qui me fait penser est le composant Flash. Il me semble que, sur un site ayant pour objectif principal de vendre des composants Flash, je dois faire défiler très loin pour en voir un en action. Si une refonte complète est en cours, je vous recommande de créer l'en-tête autour de l'un de ces curseurs d'image.
Il est bon de montrer immédiatement aux visiteurs un grand exemple impressionnant du produit utilisé. Après tout, si vous n'arrivez pas à intégrer vos produits en tant qu'élément majeur de la conception, comment vais-je?
Page produit
En sortant de la page d'accueil, jetez un coup d'œil à certaines pages de chaque produit. Ils sont en réalité très lisses. Une fois encore, nous voyons un exemple concret de prise d’une quantité incroyable d’informations et même d’interactions et de leur organisation dans un espace extrêmement exploitable et attrayant. J'aime l'utilisation de couleurs primaires vives et la stratégie d'organisation basée sur les cases. C’est définitivement une page à mettre en signet et à vérifier la prochaine fois que vous aurez du mal à simplifier une page de commerce électronique très chargée.
À 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.