![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-83-tech-cores_7.jpg)
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 Tech Cores. 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 des cœurs technologiques
Nous avons passé de longues nuits et avons bu d'innombrables tasses de café pour vous apporter notre prise hors de la boîte à un blog de technologie. Comme toujours, n'hésitez pas à lire sur notre personnel et à parcourir le fruit de tout notre travail.?
Voici une capture d'écran de la page d'accueil:
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-83-tech-cores.jpg)
Première impression
"Je préférerais de beaucoup voir un site vagabonder vers le générique plutôt que le fouillis typique de fouillis que les blogs techniques nous jettent."Ma première impression de Tech Cores est un peu mitigée. D'une part, c'est un design très épuré qui a une mise en page solide. Cela ressemble presque à une application de nouvelles plutôt qu'à un site de nouvelles (dans le bon sens). La large interface utilisateur à trois colonnes avec les catégories à gauche, un fil au milieu et des articles individuels à droite ressemble vraiment au modèle Reeder pour Mac appliqué au Web.
L'absence d'encombrement des publicités, ou de toutes sortes de publicités, contribue également à ce sentiment de propreté. Il est étrange de voir quelqu'un investir du temps dans un site comme celui-ci de nos jours sans modèle de profit basé sur des annonces.
Cela étant dit, malgré le fait que la mise en page soit solide, je pense que le style visuel de la page, la cerise sur le gâteau si vous voulez, semble assez générique. Avec le mélange de dégradés lisses de gris et de bleu, cela ressemble presque à quelque chose que le SDK iOS vient de cracher.
Ce n'est pas nécessairement une chose horrible, c'est juste quelque chose à considérer. En tant qu'ancien imprimeur, je me soucie énormément de la stratégie de marque et rien, en ce qui concerne l'aspect de ce site, ne semble être «propre», ce qui signifie qu'il n'y a rien dans la conception qui soit distincte des cœurs technologiques.
Cela dit, je pense que dans l’ensemble, le site sera toujours aussi attrayant pour le visiteur moyen. Je préférerais de beaucoup voir un site vagabonder vers le générique plutôt que le fouillis typique de fouillis que les blogs de technologie nous jettent.
Mise en page réactive
Un objectif majeur de cette présentation était évidemment d’être très flexible et de répondre aux différentes tailles de fenêtres. Au fur et à mesure que la page se rétrécit, la première étape de cette route consiste à supprimer la troisième colonne, en laissant le fil d'informations relativement fluide comme la partie la plus large.
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-83-tech-cores_2.jpg)
Sur un ordinateur de bureau, la disposition ne réagit pas très bien aux changements de taille, les choses se gâtent rapidement lorsque vous atteignez environ 700 pixels de large. Cependant, en regardant sur mon iPad, ça avait l'air bien dans les orientations horizontale et verticale. Cela signifie qu'ils ont passé plus de temps à se concentrer sur des largeurs de périphériques spécifiques que sur des tailles de fenêtres d'affichage arbitraires, une stratégie avec laquelle je ne suis pas nécessairement d'accord. Le comportement réactif semble également un peu bogué, je n’ai pas eu de capture d’écran, mais j’ai déjà eu un problème avec la mauvaise colonne s’effondrant sur la page d’accueil.
En abordant le site sur un appareil mobile, j'ai remarqué que, même si le fil réagissait correctement à la largeur très étroite, l'en-tête avec le logo avait été complètement détruit.
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-83-tech-cores_3.jpg)
Encore, bien fait!
Cette section ressemble à une critique sévère, mais ce n’est pas le cas. Je veux rendre ce design clair et réactif est encore très nouveau et toutes les personnes cherche toujours à comprendre comment le faire au mieux. Pour crier fort, le site que vous lisez actuellement n'est pas du tout réactif, nous ne pouvons donc pas juger trop vite les autres.
Le fait que Tech Cores ait pris des mesures pour optimiser son expérience pour divers appareils très différents n’est pas un mince exploit pour un site d’information développé localement, et je leur attribue un crédit important pour tout ce qu’ils ont accompli.
Image de marque et message
J'ai déjà expliqué un peu comment le site dans son ensemble pourrait être plus unique du point de vue de la marque. Au-delà de la palette de couleurs, ce même problème se pose également à d'autres endroits.
Pour commencer, je n'aime pas particulièrement le logo:
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-83-tech-cores_4.jpg)
Je n'ai vraiment pas grand chose à dire à ce sujet si ce n'est que je ne le fais pas pour moi. Je peux y voir une idée qui pourrait être transformée en quelque chose de vraiment cool entre les mains d'un créateur de logo talentueux, mais cela a un look amateur qui se sent un peu à la fois.
Plus important encore que le logo, c’est ce que votre site me dit à propos de lui-même. Imaginez que je tombe quelque part sur ce site, que vois-je? Le mot? Tech? me donne un indice et je vois beaucoup d'images de téléphones mobiles, alors passez-vous en revue les applications mobiles? En y regardant de plus près, je découvre un examen de l'application Mac, bien que Mac OS ne soit mentionné ni dans le titre ni dans les balises associées.
Mon point est, ne me faites pas travailler pour cela, dites-moi simplement ce qui se passe avec ce site. Il y a un kilomètre d'espace vide au sommet qui ne demande qu'à obtenir un slogan quelconque. Même insérer quelque chose dans la barre de titre de la page du navigateur irait un long chemin. Par exemple, la barre de titre de Gizmodo indique "Gizmodo, le Guide des gadgets".
Ce n’est ni long, ni trop ciblé, mais quelques mots bien choisis me permettent de me dire en quoi consiste tout le contenu du site.
Utilisabilité
Pour conclure, j'aimerais parler de quelques-uns des nombreux problèmes épars liés à la convivialité que j'ai avec le site et de son fonctionnement.
Le site utilise beaucoup de techniques Ajax, donc le contenu se charge sans que vous vous sentiez comme une actualisation complète de la page. C’est plutôt agréable et parfois ennuyeux à cause des problèmes qui se posent.Par exemple, si je vais à la page d'accueil et que je clique sur l'une des histoires présentées à l'extrême droite, puis que je clique sur le bouton précédent, cela me donne un message générique aléatoire au lieu de me ramener à l'endroit où je voulais aller.
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-83-tech-cores_5.jpg)
Je ne suis pas non plus fou du fil d'actualité principal. Aucun contenu de texte n'est actif et ne peut être sélectionné, un trait qui se répercute dans les fenêtres contextuelles telles que la section À propos de. Le flux n'a également aucun effet de survol ou changement de curseur pour indiquer que tout ce qu'il contient est cliquable.
De plus, qu’on le veuille ou non, les utilisateurs s’attendent à ce que le logo soit un deuxième lien de page d’accueil. J'ai cliqué dessus une douzaine de fois au cours de cette critique et j'étais constamment frustré par le fait que rien ne s'était passé.
Enfin, je pense que le? Nous pointe? bouton est un peu déroutant. Ce n'est peut-être pas si grave, mais lorsque je l'ai vu, mon cerveau a immédiatement dit: ils demandent de l'argent. et je l'ai ignoré. Ce n’est qu’après un deuxième ou un troisième regard que j’ai remarqué que vous demandiez en réalité des conseils techniques et non un don.
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-83-tech-cores_6.jpg)
Résumé
Pour résumer, Tech Cores est un site d’information technique bien structuré qui pourrait faire l’objet de nombreuses modifications. Cette architecture de base est souvent la partie la plus difficile d’une refonte majeure. Je pense donc que les changements progressifs ne seront pas aussi brutaux qu’ils sonnent. Envisagez un lifting de la couleur et de la texture, bricolez avec les requêtes des médias et assurez-vous que le site a une marque claire, à la fois esthétiquement et du point de vue de la messagerie.
À 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.