Hello,
Dans ce nouveau billet, on va parler de la nouvelle version (beta) du site Gameblog. Je vais pas papoter plus longtemps dans cette courte introduction, je vais vous montrer dans les grandes lignes les nouveautés que j'ai vraiment adoré, mais surtout le côté pratique, bonne lecture !
NB: La beta est accessible seulement aux membres premiums pour l'instant.
NB2: Cliquez sur les images pour les agrandir.
La page d'accueil
La page d'accueil... La page d'accueil d'un site est la page la plus importante et celle où l'on doit précisément accentuer ses efforts car c'est celle-ci que les visiteurs verront en premier la plupart du temps. La page d'accueil constitue bien souvent l'identité du site et permettra au visiteur de se faire un premier avis. Voici la première vue qu'on obtient en attérissant sur le site:
Ce qu'on remarque tout de suite, c'est que la page est beaucoup moins surchargée. Mais ce que qui a attiré mon attention, c'est le positionnement de deux grosses vignettes au sur le haut de la page. C'est déjà un bon point, cela nous fourni un accès encore plus rapide aux nouveautés importantes, et ça donne moins le côté bannière qui était présent sur la version précédente. Si on regarde bien, on remarque, on a un bandeau sur le haut du site nommé "En ce moment", il a visiblement pour but de traiter des sujets qui font la une (exemple: il y aura un onglet "E3" qui nous ramènera vers toutes les news qui auront pour sujet l'E3), encore un pas de plus vers le côté pratique et accessible du site. Si on regarde plus bas (presque sans scroller et j'insiste là-dessus !), on se retrouve nez à nez avec la rubrique live, rubrique étant très active, celle-ci se voit plus accessible. J'ai été très heureux de le voir, preuve que Gameblog s'investi et compte encore beaucoup s'investir au niveau des contenus vidéos en directs. Pour finir sur la lancée d'ergonomie/accesibilité, on retrouve tout en haut de la page deux menus déroulants "Actualité" et "Communauté" permettant d'accéder aux différentes rubriques du site. C'est donc un gain de place considérable, plus de boutons en vrac qui trainent et qui peuvent encombrer ceux que ça n'intéresse pas.
Si on regarde un peu plus bas, on retrouve les articles les plus lus, puis ensuite une rubrique test, on est sur du classique, avec un background différent pour marquer le changement de partie.
Ensuite on retrouve les prochaines sorties, les trailers et autre contenu etc... Maintenant j'aimerai juste revenir sur un détail qui peut paraître cosmétique mais que j'ai franchement beaucoup aimé, à savoir la barre de recherche: lorsque l'on effectue une recherche, un bloc blanc apparaît et le reste du site s'assombri pour mettre en valeur les résultats. Ces résultats eux-mêmes organisés en colonnes pour une meilleur séparation des différents contenus. C'est vachement bien foutu.
L'excellente mise en forme du formulaire de recherche, avec les résultats organisés
Les news, articles tests et autres
La grosse différence avec l'ancienne version du site, c'est la tendance "flat design" plus que marquée. Qui dit flat design dit clarté et meilleure lisibilité. C'est plutôt mission accomplie, quasiment toutes les pages ont bénéficié d'un réagencement de contenu. Ainsi on retrouve une police globalement plus grosse, la taille des "embed" vidéos (au même titre que les images) se voit elle aussi prendre toute la largeur du site, ce qui donne un certain confort de lecture/visionnage. On a désormais plus besoin de mettre tout en plein écran parce que le lecteur est trop petit, c'est un peut comme le lecteur de taille intermédiaire de youtube.
Mise en page des verdicts dans les tests
Contenu d'une news
Une dernière petite page pour la route...
Parce que j'ai pas envie de tout vous spoiler, je vais vous montrer une dernière nouvelle "mise en forme" d'une des pages du site: la page activité dans le profil. Les activités sont classées par ordre chronologique, mais la différence est que la date est marquée en très gros, et ça c'est très pratique, si on recherche une activité précise. Les messages laissés par les utilisateurs que l'on suit sont écris en très gros en orange avec de jolis guillements précédent la citation. Comme on peut le constater, rien de transcendant, mais c'est plus gros, avec de jolies couleurs... enfin bref, ça claque !
(N'oubliez pas de cliquer sur l'image pour la voir en taille réelle)
Sans oublier... le responsive design !
L'avènement des appareils mobiles (tablettes ou téléphones) a conduit beaucoup d'internautes à consulter leurs sites favoris depuis ces terminaux. C'est pourquoi la majorité des sites actuels disposent d'une version dite "responsive" (organisation du contenu adaptatif, en fonction de la taille de l'écran du client). Ici, le responsive design prend tout son sens: alors qu'on était obligé de zoomer pour pouvoir lire une news, ce n'est maintenant plus nécessaire grâce à la grande taille de la police. Ça donne un air "d'application" au site et et je trouve ça franchement cool.
Simple, mais efficace
Ce nouveau site... il est bien ?
J'aimerais déjà vous avertir que je me suis intéressé exclusivement à la partie design/mise en page du site, et pas sur les éventuelles nouvelles fonctionnalités. Bon on reste sur du classique avec un flat design qui est très à la mode en ce moment, un classique mais un classique réussi. Globalement le logo s'intègre bien avec le site, et pour ceux qui pensent que ça ressemble à Gamekult.com ou Jeuxvideo.com, sachez que c'est loin d'être le cas. Au niveau des couleurs on est plutôt sur du orange / gris / vert, ça s'accord plutôt bien, les couleurs ne sont pas gênantes à la vue. Si je devais résumer ce nouveau site en deux mots: confort et accessibilité.
Quant à moi je vous dis à la prochaine pour un prochain billet;
Tale care !
Keb'