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 myRepono, un service de sauvegarde de site Web.
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 34 $ pour critiquer votre conception, ce qui est nettement moins que ce que vous paieriez pour qu'un consultant examine votre site! Vous pouvez en savoir plus ici.
À propos de myRepono
Un site Web est piraté toutes les 5 secondes, ne retardez pas la sauvegarde des données de votre site Web! myRepono est une solution automatisée de sauvegarde de sites Web. En cinq étapes faciles, vous pouvez protéger vos données et assurer la stabilité de votre site Web.
Voici une capture d'écran de la page d'accueil:
Bien qu'il y ait définitivement place à l'amélioration, ce site a beaucoup à offrir. Les concepteurs ont fait de l'excellent travail et nous ont fourni un contenu intéressant. Découpons le site pièce par pièce pour voir les résultats de chaque section.
Mise en page fluide
Je pense que la mise en page est l'une des choses avec lesquelles ils ont vraiment fait un excellent travail. C'est beau et propre, avec le contenu distribué de manière logique. Presque tout a un fort alignement et de nombreux espaces ont été utilisés pour éviter l'encombrement.
J'aime aussi que la disposition s'adapte à la taille de la fenêtre du navigateur. Il y a certes des largeurs spécifiques où il semble être optimal, mais dans l'ensemble, il est bon de pouvoir accueillir autant d'utilisateurs que possible et c'est ce qu'ils essaient de faire ici.
Entête
L'en-tête n'est pas un mauvais travail. L'alignement est fort avec le contenu ci-dessous, et j'aime bien la façon dont ils scindent la navigation en un menu principal et un menu secondaire. Cela distingue clairement le contenu le plus important et empêche un menu de navigation énorme.
Je ne suis pas folle de l’orange au-dessus du gris, mais j’ai demandé autour de moi et quelques personnes semblaient vraiment l’aimer, alors c’est vraiment une question d’opinion.
Je dirai que le contraste pourrait certainement être amélioré en rendant la couleur grise plus claire ou plus sombre. Les valeurs de luminosité actuelles des deux couleurs sont trop similaires dans leur état actuel. Voici un exemple de deux alternatives qui seraient plus performantes en matière de contraste.
Comme vous pouvez le constater, un assombrissement et un éclaircissement du gris ont énormément aidé. Si vous avez du mal à comprendre ce que je veux dire par contraste, légèreté, etc., essayez de passer votre travail en niveaux de gris pour voir le contraste que vous avez entre vos différentes zones de couleur. Cela vous aidera vraiment à comprendre ce que je veux dire lorsque je dis que les deux couleurs ne sont tout simplement pas assez différentes pour contraster correctement.
Police d'en-tête
Une autre chose que je pense pourrait être améliorée est la police utilisée pour? MyRepono. En soi, ça peut aller, mais sur cette page remplie de texte en gras, la police de caractères extrêmement fine semble déplacée. La répétition est la clé pour travailler dans un élément aléatoire comme celui-ci. Si vous souhaitez utiliser cette police dans votre en-tête, vous devez utiliser des polices de caractères également minces ailleurs sur la page. Sinon, passez à quelque chose d'un peu plus gras.
Curseur
Le curseur fonctionne bien ici. Vous avez trois gros morceaux d’informations qui doivent être montrés mais qui le sont de manière compacte et nette.
J'aime aussi beaucoup que le curseur ait un bouton de pause. C'est une fonction vitale qui est souvent entièrement passée en revue par la plupart des développeurs (y compris moi). C'est vraiment bien de pouvoir prendre cette information en mouvement et de l'arrêter pour la lire à votre propre rythme et de la déplacer uniquement lorsque vous êtes prêt. Cette petite fonctionnalité vous procure un avantage considérable en termes de convivialité.
Pour une raison quelconque, je ne suis pas folle de la transition et pour être honnête, je ne sais pas trop pourquoi. Peut-être que l’animation est un peu gênante (trop de bégaiement à l’avant), que l’animation est trop longue ou que la zone est trop large, ou peut-être est-ce tout ce qui précède.
Parfois, lorsque vous avez une zone aussi large, le curseur est meilleur quand il monte et descend plutôt que d’un côté à l’autre. Ceci peut être vu en action sur cette page que nous avons vue dans la critique de la semaine dernière. En bout de ligne, cela fonctionne comme cela est actuellement, mais pourrait se sentir plus lisse.
Zone de contenu
Je ne suis pas sûr de me plaindre de cette partie de la page. Il y a beaucoup d'informations ici mais elles ont été très bien présentées avec des icônes minimes mais attrayantes et une mise en page clairement délimitée. J'aime les cases de la barre latérale à droite et le fait qu'il n'y en ait que deux. Les concepteurs s’emballent souvent avec les barres latérales et les fourmillent de contenu jusqu’à ce qu’ils cessent d’être utiles.
C’est beaucoup plus difficile de mettre sur pied ce genre de chose qu’il ne le semble et je pense que les concepteurs méritent beaucoup de mérite pour l’avoir réussi.
Bas de page
J'ai deux réflexions sur le pied de page. Premièrement, je pense qu’ils ont peut-être été un peu emportés par l’espace vide. Le pied de page est simplement énorme et vide. Je ne voudrais pas raser des tonnes de hauteur, mais un peu en haut et en bas irait un long chemin.
Deuxièmement, ce sont de toutes petites icônes sociales. J'ai regardé ce site, pris des notes, pris des captures d'écran; tous sans même remarquer que ceux-ci étaient présents. Si je peux regarder votre page pendant vingt minutes et ne pas remarquer quelque chose, un utilisateur type qui naviguera peut-être une dizaine de secondes n'a sûrement aucun espoir de la voir.
Si cela est important, augmentez un peu la taille. S'ils ne sont pas importants, perdez-les et laissez ces informations pour la page de contact.
À 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.