Archives de catégorie : Charte graphique

Audiofanzine version mobile

Audiofanzine est un site riche, très riche. Si vous êtes un aficionado, vous ne vous en rendez peut-être même plus compte et vous vous y retrouvez avec l’aisance d’un vielle antiquaire qui navigue dans son capharnaüm.


Pourtant, avec ses 17 sections, Audiofanzine est un couteau suisse avec peu d’équivalents sur le web. Je peux vous assurer que de nombreuses tasses à café ont été sacrifiées pour arriver à vous présenter une telle somme d’informations sur votre écran d’ordinateur.

Maintenant, imaginez qu’il faille faire la même chose sur un écran de la taille d’une carte de visite.

Un hangar dans un mouchoir de poche

La caisse de matos vient d’arriver…

Avec autant de « sites dans le site », la meilleure façon de procéder est de fonctionner « un bout après l’autre ». En effet, vous seriez surpris de la diversité des usagers et des usages : il y a des sections du site que vous n’avez jamais visité alors que d’autres ne jurent que par elles…

Et le bout qui nous a occupés ces derniers mois —l’un des cœurs du site : l’onglet « Matériel et Instrument ».

Section qui était, jusque là, plutôt… minimaliste.

C’est beau comme un tableur.

…et tout est là…

« Matériel et Instruments », contient toutes les informations sur les marques, les catégories et les produits (avec les médias, dossiers, forums,  avis… qui vont avec).

Nous ne sommes pas peu fiers de vous annoncer qu’aucun bloc présent sur la version large n’a été laissé derrière sur mobile !

Nous laissons le choix aux utilisateurs de flâner parmi les dernières infos (en scrollant) ou d’accéder directement aux contenus désirés grâce à un menu à portée de pouce

La version mobile, ses blocs, son menu, ses filtres, sa vie, son œuvre.

…ou presque !

Quand nous ne travaillons pas sur le site nous l’utilisons presque autant que vous, et nous avons encore quelques idées sous le chapeau pour améliorer l’expérience utilisateur.

Par exemple vous aurez très bientôt un menu digne de ce nom pour naviguer facilement d’une page à l’autre… ainsi que quelques autres fonctionnalités qu’il nous tarde de vous présenter.

Mais surtout —surtout— c’est pour vous que nous travaillons et nous sommes impatients d’avoir vos retours et suggestions !

Quoi ensuite ?

En gros : tout.

Petit à petit nous allons rafraîchir toutes les pages du site mobile. Parmi les prochaines sur la liste : les avis et les petites annonces.

Et ça va être chouette.

Point sur les développements en cours et nouveau design pour la rentrée

Cela fait un petit moment que nous n’avons pas été actifs sur le blog d’Audiofanzine et nous nous en excusons, notre petite équipe a énormément travaillé sur le site de suivi des annonces et Looper.fr, notre service de tiers de confiance pour sécuriser les transactions des petites annonces.

Audiofanzine n’est cependant pas en restes et nous travaillons actuellement sur des évolutions de fond du site et des améliorations de pages existantes. D’ici quelques semaines, Audiofanzine va par exemple passer entièrement en HTTPS. Cela peut paraître simple mais cela implique énormément de changements sous le capot.

Fin août, nous avons cependant mis en ligne une nouvelle version du design du site, plus particulièrement de la barre noire en haut du site ainsi que du menu de navigation :

Lorsque l’on défile vers le bas, la barre noire en haut disparaît et le menu prend sa place pour libérer de la place tout en conservant les liens de navigation les plus utiles à portée de clic :

N’hésitez pas à nous dire ce que vous en pensez dans le sujet de discussion réservé à cet effet.

À très vite pour d’autres nouveautés sur Audiofanzine.

Les emails font peau neuve

Header  newsletter

Après 3 ans de bons et loyaux services il était temps de passer un petit coup de balais sur les nombreux emails que vous envoie Audiofanzine chaque jour.

Cette mise à jour graphique concerne tous les types d’emails, aussi bien les emails transactionnels que les newsletters (mais vous l’avez sans doute déjà remarqué vu le nombre d’alertes produits que vous avez mis en place conjointement à votre abonnement à la newsletter quotidienne).

Smartphone petite annonce

Bon c’est bien ça mais les nouveautés c’est quoi ?
→ Un design remis au gout du jour inspiré par la version mobile d’Audiofanzine
→ Les emails sont maintenant adaptés aux supports mobiles et aux nombreuses dimensions d’écrans pour être lisibles partout tout le temps
→ Une nouvelle en-tête présentant des informations supplémentaires, entre autre la photo du produit, de la marque ou de la catégorie si le mail concerne un de ces éléments.

Maintenant que vous êtes au courant n’hésitez pas à nous faire part de vos retours et de votre enthousiasme face à cette nouvelle bouleversante !

Refonte des avis produits… et plus…

C’est peut-être passé inaperçu pour vous mais Audiofanzine est passé en V6 le mois dernier.

Nous avons effectué une grosse refonte des avis produits afin d’en simplifier la saisie et de rendre l’affichage plus agréable. Vous n’aurez désormais plus qu’à saisir un titre, une seule note, à répondre à quelques questions à choix simples et à remplir un unique champ texte. Vous pouvez bien évidemment continuer à joindre des photos pour étayer votre avis.

En marge de cette refonte conceptuelle, nous avons fait une grosse refonte graphique, non seulement de la section avis mais également de l’ensemble des cartouches produits, modèles, séries, marques et catégories du site. La photo est désormais plus grande, les informations affichées épurées.

Avis v6

 

Saisie avis produit v6

Nouveautés sur la version mobile

Deux petites nouveautés ont fait leur apparition il y a quelques jours dans les forums de la version mobile d’Audiofanzine : le possibilité de citer un post ainsi que la fonction d’édition d’un post.

Il est donc désormais plus simple de répondre à quelqu’un en citant son post et en cas d’erreur, vous ne serez plus obligés de retourner sur la version desktop pour éditer votre post.

Autre nouveauté : la couverture des trois derniers articles de notre équipe apparaît désormais sur la page d’accueil mobile, ce qui la rend un peu plus graphique.

N’hésitez pas à nous dire ce que vous en pensez !

Refonte des fiches produits

Fiche produit #1Les pages produits viennent de subir une refonte graphique et ergonomique. Il s’agit de l’onglet « info » à chaque fois que vous êtes sur la page d’un contenu lié à un produit et qui vous permet d’avoir en un coup d’oeil toutes les informations liées au produit en question.

Cela va de la description ou présentation détaillée du produit à l’ensemble des contenus (tests, avis, news, medias, forums) disponibles pour ce produit.

Nous vous rappelons au passage que la description des produits est collaborative et nous faisons donc appel à vous pour les remplir sur vos produits préférés !

Je souligne également 2 petites nouveautés : les courbes d’évolution des prix neufs et occasion de chaque produit.

Fiche produit #2

 

Un carrousel dans les news, articles et tutos/astuces

Un carrousel (« manège » en anglais), est, d’après Wikipédia, un

élément d’IHM consistant à afficher une liste d’items défilants, souvent de manière circulaire (3D) à l’image du Flip 3D dans Windows Vista et Windows 7 (touche Win+Tab), ou du célèbre affichage des albums dans iTunes

Ceci nous permet donc d’inclure dans un article, une news ou un tuto/astuce un bloc d’images que l’on peut faire défiler en utilisant les flèches, ou au doigt sur tablette ou smartphone. Le résultat est assez sympa, voire ludique.

Carrousel 1 Carrousel 2

Audiofanzine sans pub

Audiofanzine sans pubIl y a quelques mois nous avions fait un sondage pour vous demander si vous étiez intéressés par une version d’Audiofanzine sans publicité, l’option étant payante afin de palier au manque à gagner car Audiofanzine, comme tout média du web, vit de la publicité.

C’est désormais chose faite et vous pouvez prendre cette option à partir de 2,99 EUR par mois, le tarif étant dégressif en fonction de la durée d’abonnement choisie. Nous proposons également une version d’essai gratuite et sans engagement qui vous permettra de vous rendre compte de ce que ça donne pendant une durée de 24 heures.

Cette option présente deux avantages : les pages sont plus légères et donc plus rapides à se charger et le contenu dispose de plus de place ce qui rend la navigation plus fluide et agréable, tout particulièrement sur smartphone ou tablette.

Découvrez sans attendre les offres à la page suivante.

Nous avons également créé un thread pour discuter de cette nouvelle option, accessible ici.

Audiofanzine V5

Le code d’Audiofanzine vient de passer en version 5. Que se cache derrière ce chiffre ? Une refonte graphique du site qui s’adapte désormais à plusieurs résolutions afin d’être plus confortable que l’on soit sur tablette, ordinateur portable ou le grand écran de son ordi fixe. Cela s’appelle faire du « Responsive Design » et pour le coup Audiofanzine est en avance sur son temps !

C’est également l’occasion pour nous de vous proposer une refonte graphique de notre page d’accueil, plus claire, plus lisible et proposant une agréable nouveauté : les articles repères.

En vis-à-vis de nos articles habituels, ce nouveau type d’article pensé pour les débutants vise à proposer des réponses simples et courtes à n’importe quel type de question (car il n’existe pas de question à laquelle on ne puisse essayer de répondre). Il ne s’agira pas forcément dans ces articles de rentrer dans les détails comme nous le ferions sur un dossier, mais de présenter des pistes à suivre sur une grande variété de sujets…

En attendant le reste des nouveautés à venir, nous vous laissons dès à présent découvrir nos nouveaux contenus et notre nouvelle mise en page, que vous soyez sur tablette, petit ou grand ordi…

N’hésitez pas à nous dire ce que vous en pensez ainsi qu’à nous signaler tout bug ici.

Responsive Design

Nouveau logo

Nous sommes fiers de vous présenter le nouveau logo d’AudioFanzine. Après plus de dix ans de bons et loyaux services, il était temps de remplacer l’ancien logo au boomer et à la forme d’onde par quelque chose de plus moderne et de plus lisible.

logo_fond_blanc

C’est désormais chose faite et la mise en ligne s’est accompagnée de quelques adaptations :

  • Refonte de la mise en page globale du site pour y intégrer le nouveau logo
  • Déplacement de la barre de recherche située en haut du site à un endroit plus visible
  • Déplacement de certaines bannières publicitaires du fait de la disparition de la bannière située en haut de toutes les pages
  • Légère refonte du footer
  • Logo adapté aux écrans rétina sur la version mobile d’Audiofanzine
  • Refonte de tous les emails envoyés par le site (notifications, messagerie interne, mailings-forums, etc.)
  • Refonte de la newsletter pour y intégrer le nouveau logo, la rendre plus lisible et mieux adaptée aux périphériques mobiles