Si vous visitez souvent, vous devriez remarquer facilement la plupart des changements, cependant, si vous laissez tomber juste de temps en temps le site vous sentirez similaire pourtant différents. En effet, si nous avons fait notre droit du travail, il doit se sentir plus minimal, plus élégant aussi bien que plus facile à lire.
Lorsque nous avons décidé de revoir jmd, nous avons voulu réaliser une meilleure expérience utilisateur en adoptant une approche plus minimaliste, simplifier et accélérer le site.
Nous avons considéré une mise en page de magazine pour le nouveau design, mais il senti impersonnel et écrasante de façon trop content et avait l'air un peu salissant ainsi. Nous avons traversé de nombreuses itérations avant de décider de continuer dans cette direction. Autour du web, nous constatons que de plus en plus contenu affiché sur les sites (en particulier les sites de tech) de submerger les utilisateurs avec trop de choix ces jours-ci. Nous pensons que cette nouvelle mise en page se sent plus intime, plus personnelle et plus facile à parcourir, étant un peu comme un croisement entre un blog traditionnel et un site de style magazine sans accablante de l'expérience utilisateur.
La barre latérale a été réduit au minimum. Il est maintenant plus étroit et même les 200 × 125 annonces, qui sont maintenant affichées à la fois, semblent respirer avec amplement d'espace blanc autour d'eux. Initialement, nous avons supprimé l'annonce 300 × 250 plus grande sur le dessus de la barre latérale afin de créer une sidebar super minuscule avec juste les 200 × 125 annonces, mais cela a créé un problème pour certains de nos sponsors qui font la publicité fortement dans cette première place.
Nous avons également expérimenté avec la suppression de la barre latérale au total, tout en essayant d'intégrer le contenu de la barre latérale et en particulier les annonces dans le contenu dans une seule colonne, la mise en page est devenu lourd et désorganisé. Si WDD était libre d'annonces (un jour?), nous aurions probablement été une approche sans sidebar. Pour l'instant cependant, les annonces sont toujours nécessaires pour faire fonctionner le site et payer les factures, mais avec cette approche, nous pensons qu'ils sont moins envahissants et servent au mieux nos annonceurs et lecteurs.
Une des idées que nous voulions intégrer dès le début a été défilement infini. Nous avons demandé nos lecteurs par le biais de nos canaux sociaux rétroaction sur ce et fait quelques recherches approfondies et a découvert qu'il serait plus souvent négatif pour nos besoins. Nous croyons que le défilement infini fonctionnera le mieux pour les sites avec des images pour la plupart, mais pas nécessairement pour un blog où il semble se traduire par l'engagement de moins utilisateur (lecteurs juste faire défiler et défilement, pourtant ils s'adonnent moins avec le contenu). Bien sûr, il y a toujours des exceptions, mais pour JMD pour l'instant, nous sommes s'en tenir à une approche traditionnelle de la pagination et dire « non » à défilement infini.
Nous pensons que cette nouvelle mise en page se sent plus intime, plus personnelle et plus facile à parcourir, étant un peu comme un croisement entre un blog traditionnel et un site de style magazine.
Nous voulions WDD d'avoir un équilibre parfait entre ce que nous perçoivent comme des éléments de design masculin et féminin. Vous remarquerez l'utilisation extensive des formes masculines telles que des angles aigus, des carrés et des rectangles, mais aussi beaucoup de cercles est utilisés dans tout le site pour apporter un côté plus doux plus féminin.
En outre, nous ajouté de nombreuses lignes diagonales dans tout le site et même fait nos en-têtes en italique pour transporter ce composant diagonal tout au long. Le site se sent plus relié à toutes les formes, tailles et formes, tout comme la conception devrait être. Cela représente aussi la diversité du contenu que nous transporter sur le site, les différents auteurs, les multiples points de vue et ainsi de suite.
L'idée derrière le texte alternatif et de la présentation d'images sur les pages principales consiste à créer un équilibre du texte et les images des deux côtés de la colonne principale. Nous avons opté, encore une fois, pour ne pas avoir un poste recommandé sur le dessus, dont nous nous sommes sentis plutôt invite nos lecteurs à explorer davantage et vous pourriez effectivement vous retrouver appuyant sur « page suivante » plus souvent qu'auparavant, car le site devrait se sentir plus invitante pour parcourir et explorer.
Les en-têtes sont maintenant dans LFT Etica et tout en majuscules. Nous nous sommes débarrassés de la police de Adelle pour cette refonte que nous avons voulu minimiser les décorations et une police sans sérif était juste un meilleur ajustement pour cela. Le style gras extra lourd rend les titres vraiment pop et plus facile à lire. JMD a toujours été « gras » dans son approche de sa conception, mais celui-ci est peut-être notre conception plus audacieux encore.
Pour le corps du texte, nous utilisons Proxima Nova Soft, qui diffère Sans ouvrir dans notre conception de la précédente. La rondeur de cette police jugé appropriée pour le site car il ajoute une touche plus féminine, tandis que les en-têtes apparaissent plus masculins. Encore une fois, nous étions à la recherche pour créer l'équilibre dans tous les aspects.
Il y a des effets d'animation nouvelle, capotages, liens textes et petites touches ici et là qui rendent le site se sentent plus moderne et plus vif. Certaines modifications ont été également apportées dans le backend pour améliorer la vitesse de chargement et d'optimiser le site autant que possibles. Nous avons également une nouvelle page d'erreur 404 ! :)
Nous espérons que vous apprécierez la nouvelle refonte et surtout que vous continuez à profiter et partager nos articles.
Nous travaillons dur pour faire WDD une destination idéale pour tous nos amis concepteur et développeur et cette nouvelle conception est qu'une étape de plus dans notre voyage avec vous.
N'hésitez pas à nous laisser des commentaires ci-dessous avec des suggestions ou des questions que vous pourriez avoir. Nous espérons que vous apprécierez la nouvelle WDD !
JMD personnel est fier d'être en mesure de vous apporter ce blog tous les jours de web design et développement. Si quelque chose vous pensez que nous devrions parler de nous le faire savoir @DesignerDepot. Plus d'articles par personnel WebdesignerDepot
No comments:
Post a Comment