Critique: conception du site Web Tritium


9

Suite à cette question: Critique: création du logo du logiciel Tritium . Pour consulter le code du site Web (performances, bogues, expérience utilisateur associée), veuillez visiter la question sœur sur la révision du code .


Je suis à la recherche d'un examen de la conception de mon site Web Tritium ( code source ).

entrez la description de l'image ici

Plus précisément:

  • L'un des objectifs du site Web était de rester simple. Ai-je accompli cela?
  • Les couleurs de ma palette se complètent-elles?

  • Toutes les critiques passées sont-elles correctement mises en œuvre au niveau du design? Suis-je allé à la mer?

  • Mon choix de police fonctionne-t-il bien avec le reste de l'apparence du site Web?

  • Y a-t-il des concepts de conception que j'ai négligés et que je n'ai pas mis en œuvre?

Je suis encore un peu nouveau dans la conception de sites Web, alors soyez aussi sévère que nécessaire avec cela.


Je pense que les couleurs semblent OK. Évidemment, je ne sais pas trop sur l'arrière-plan ou la consultation de la conception, mais j'utilise personnellement le plugin Eye Dropper pour Chrome avec Paletton.com. Il vous offre une grande flexibilité dans le choix des bonnes couleurs. L'outil Eye Dropper vous offre également de nombreuses options pour déclarer cette couleur en CSS / HTML.
Argent Branding

Lorsque vous cliquez sur "Visiter la page de téléchargement", un nouvel onglet est ouvert mais je ne l'ai pas remarqué, car une fenêtre contextuelle s'est affichée et j'ai pensé que c'était tout ce qui était censé se produire ... Si le nouvel onglet était ouvert et mis en évidence, le l'utilisateur ne le manquerait pas. L'utilisation de target = "_ blank" devrait faire l'affaire (consultez w3schools.com/html/html_links.asp ). Si vous l'avez également fait ressembler à un lien ordinaire (bleu, souligné ou similaire), je pense que les gens supposeront qu'il ouvre un nouvel onglet.
Henrik Ekblom

1
Je suis d'accord avec la critique sur le pop-up. J'ajouterais un bouton dans la fenêtre contextuelle pour cliquer qui continuera ensuite sur la page github, plutôt que d'ouvrir deux choses à la fois. Soit dit en passant, un excellent travail sur le site.
Hanna

Je donnerais au popover qui apparaît lorsque le lien de la page de téléchargement de Visit est cliqué un peu plus de remplissage entre le bord et le texte, et probablement aussi un peu la taille et le début de la copie. Et ajoutez un écouteur d'événement pour enregistrer les clics d'échappement pour vous débarrasser du popover, pendant que vous y êtes - les popovers qui ne réagissent pas aux clics d'échappement sont une gêne pour l'utilisateur. :-)
Janus Bahs Jacquet

Réponses:


1

Super design! J'aime particulièrement l'animation de l'atome à droite.

J'aime tes couleurs. Comme alternative, vous pouvez utiliser un bleu foncé pour l'arrière-plan. Cela donne à la page une profondeur comme le ciel bleu nocturne:

Capture d'écran de la page avec une palette de couleurs alternative

J'ai utilisé Colorizr.js pour jouer avec votre palette de couleurs. Si vous souhaitez affiner vos couleurs, utilisez les paramètres suivants qui correspondent à votre page:

Paramètres Colorizr.js

Les couleurs sont de haut en bas: rgb (25, 33, 44), rgb (14, 191, 14), rgb (212, 212, 212), rgb (26, 40, 60), rgb (26, 40, 60)


1

Je pense que la conception du site Web fonctionne. J'aime vos transitions pour les liens d'en-tête. Communication claire et concise.

La palette de couleurs me rappelle une entreprise de nutrition ou similaire.

Je pense que le choix de la police fonctionne bien pour les sites Web liés à la technologie. Je gratterais probablement le visage empatté pour un visage sans empattement gratuit, mais c'est un goût purement personnel.

De plus, j'ai remarqué qu'en termes de réactivité, une liste déroulante pourrait être utile dans vos en-têtes lorsqu'elle est affichée sur de petits écrans (mobiles). Comme je suis nouveau sur le côté codage de la conception graphique, je vous remercie d'avoir inclus les fichiers source. Je vais probablement le disséquer et apprendre certaines des transitions d'en-tête que vous avez implémentées.


0

Pas exactement un problème de conception, mais de convivialité -
Le site dit qu'il est GRATUIT, mais lorsque vous cliquez sur 'VISITER LA PAGE DE TÉLÉCHARGEMENT', le pop-up demande un don. Et si je ne veux pas faire de don avant d'essayer le logiciel? Il devrait y avoir une autre option comme «CONTINUER» ou «ANNULER» afin que l'utilisateur puisse réellement visiter la page de téléchargement et télécharger le logiciel, s'il ne fait pas de don.

Je recommanderais donc de repenser la disposition de la fenêtre contextuelle et d'inclure un autre bouton comme suggéré.


-2

Vous ne gagnerez pas le designer de l'année pour ça. Mais moins il y en a, moins il y a d'aversion je suppose.

Votre version jaune de l'icône présente des ellipses plus hautes que larges:

entrez la description de l'image ici

Il est bizarre et encore plus bizarre comme une moutarde sur gris lorsqu'il est placé dans l'icône de l'onglet du navigateur. Si vous voulez créer une icône d'onglet de navigateur, faites-la simplement en gris foncé ou en noir.

Il semble qu'il n'y ait qu'une seule chose à cliquer sur "visiter la page de téléchargement". Si c'est tout ce que vous avez, pourquoi n'est-ce pas la page?

Il demande de l'argent mais mon navigateur ne donne rien d'autre. Peut-être que c'est le cas dans votre navigateur, mais j'utilise TorBrowser et vous devriez tous le faire aussi. La NSA est mauvaise. Quoi qu'il en soit, pour ce que cela vaut, il ouvre simplement une boîte de dialogue et ne fait rien.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.