Animint

  Anime & manga

 
 
“Animint traite des dessins animés japonais et du manga. Outre ce blog, le site comporte plusieurs milliers de pages de texte illustré.”

Aggregator Sama version Webzine et autres travaux de l'été 2010

Par le :: Webmastering

aggregator_sama

Parmi les remarques reçues pendant la dernière enquête sur Aggregator Sama, il est souvent question de demande de révision du design du site, sans toutefois préciser ce qu'il y avait vraiment à changer. En guise d'essai, j'ai composé une maquette de webzine, dont chaque accroche est un des articles référencés.

Je profite d'abord de cet article pour rappeler les quelques modifications qui ont émaillé le site durant l'été et que je n'avais pas encore mentionnées via le blog :

  • Le système de notation

Nous sommes passés des étoiles à un set de j'aime/je n'aime pas plus binaire, qui permet déjà d'avoir des notes proches du zéro quand les visiteurs ont une dent contre un article. Sur le fond, le système est cependant toujours le même.

  • La liste des articles d'un même site

En cliquant sur un favicon, vous accéder à la fiche du site correspondant et aux articles référencés sur les 30 derniers jours, qu'ils soient inclus dans la sélection ou pas.

Un rond orange apparait pour les articles exclus de l'onglet principal.

  • Le template moderne

Haruhi est toujours sur le thème classique mais elle a laissé sa place à Alpha sur le design par défaut. A terme, je placerai sans doute des images aléatoires mais je n'ai toujours pas régler le souci de position des tags qui masquent l'illustration sur les écrans en 1024x768 ou plus petits.

  • Les liens directs vers les messages du forum

Les articles publiés dans la rubrique adéquate du forum Animint sont remontés dans la page d'accueil de l'agrégateur. Cela me permet de mentionner immédiatement les mises à jour sans avoir à polluer le blog systématiquement.

C'est aussi un espace de stockage pour signaler les inscriptions ou les départs de blogs, et une invitation à vous y exprimer quand vous avez besoin de support ou avez des remarques sur le site.

  • Le filtrage par tags

Dans votre profil, vous pouvez définir une liste de tags pour sélectionner les articles que vous recevrez. Le nouveau critère est compatible avec le filtre sur les sites choisis.

Prises séparément, les modifications sont mineures mais l'ensemble constitue une évolution conséquente : L'Aggregator Sama de la rentrée est fort différent de la version de la fin de l'année scolaire.

Revenons ensuite sur cette histoire de webzine. Vous pouvez voir la maquette en ligne sur

http://samamobile.animint.fr/newspaper.php

Je ne me suis pas foulée pour le design ni pour la mise en page proprement dite, mais je me suis attaché à afficher les entrées des sites, comme si c'était des encarts d'article sur la première page d'un journal, avec une accroche et une illustration quand c'est possible.

Quand un nouvel article apparait dans la sélection, il s'insère en haut et poussent tous les autres textes d'un cran vers le bas. S'il contient une image et qu'elle est détectée, il apparait à la Une. 

L'apparence tranche fortement avec disposition actuelle en listes, et donne moins l'impression d'avoir une application et ressemble plus à un site web d'information, avec cependant une forte ambiance de bazar. La page est à la fois très compacte et hétérogène, avec des extraits d'articles plus ou moins longs, et plus ou moins illustrés. Les couleurs et les décorations sont vraiment spartiates mais encore une fois, je me focalise plus sur le comportement de la page que sur son design.  

Pour le code, j'ai recyclé des briques de base que j'ai déjà utilisées dans la version mobile et l'essentiel des nouveautés sont pour les fonctions d'affichages, et pas pour la récolte des articles ni leur traitement.

Parmi les nouveautés, je retiens des idées prometteuses:

  • Un carrousel pour afficher les articles recommandés

Il permet de mieux mettre en valeur le top des articles, en occupant relativement peu de place et je peux inclure plus d'entrées que sur la page d'accueil actuelle.

  • Une widget pour récolter les twitts des auteurs de blogs

J'ignore d'où est venue l'idée mais il est visiblement impossible se mettre soit même dans une liste donc j'ai du créer un compte twitter spécifique pour pouvoir inclure les messages écrits depuis le compte @animint. Certains blogueurs ont du  remarquer la présence d'un @AggregatorSama dans leurs followers.

  • Les tags en ligne

Là au moins, il ne cachent rien.

Les appels javascript essaient tant bien que mal de redimensionner les images à la volée pour ne pas dépasser la largeur des colonnes ou au contraire pour occuper tout l'espace disponible. Il se peut que cela ne fonctionne pas du premier coup et il vous faudra rechercher la page pour voir apparaitre certaines illustrations. J'ignore d'où peut bien provenir ce comportement anormal, étant donné que je demande à attendre le chargement complet des fichiers avant de procéder au redimensionnement.

Il arrive aussi que des résumés apparaissent avec des caractères mal reproduits, un effet malheureux provoqué par les différentes couches d'encodage et les conversions entre caractères UTF-8 et ISO latin. Le problème n'est pas nouveau par rapport l'affichage des résumés à la volée sur la version actuelle, mais l'origine du souci reste obscure. Pourtant, le système va même jusqu'à prendre en compte les caractères parasites issus d'un Word ou de tout autre traitement de texte.

Le manque d'illustrations dans les articles provient de la pénurie d'images dans les flux RSS des différents sites sondés. Royalement, plusieurs blogs insèrent uniquement un extrait ultra court de leur article et rien d'autre, tandis que d'autres auteurs ont activé un export complet dans leur flux RSS, qui communique donc à Aggregator Sama tous les éléments médias associés, telles que les images.

Cependant, même quand les images sont présentes dans le flux RSS, des plateformes n'indiquent pas leurs dimensions et c'est synonyme de traitements supplémentaires du côté de l'agrégateur.

Quelque soit le choix du design pour le webzine, les images feront défaut aussi longtemps que le nombre de flux complets ne sera pas plus élevé.

Techniquement, il est possible de contourner le problème et d'aller piquer le texte et les images en interrogeant directement le site web des blogs mais

  • La méthode est moins performante que la lecture du flux RSS et nécessite du code supplémentaire à écrire et à maintenir.
  • Certains blogueurs limitent sciemment leur export et ce serait passer outre leur volonté. Il faudra leur faire préciser s'ils acceptent ou pas que leurs articles soient analysés en entier par un robot envoyé par l'agrégateur.

Ayant d'autres projets en cours pour Animint, je laisse en plan la maquette pour aujourd'hui. De toute manière, il faut un temps d'observation pour référencer les défauts techniques et une bonne dose d'inspiration pour arriver à un look plus accrocheur.

Manifestez vous si le principe vous séduit et si vous espérer avoir un équivalent, un jour, comme choix de template possible dans votre profil. Si quelqu'un se sent l'âme d'un designer, il peut aussi proposer son aide ;o).

 

Aggregator Sama été 2010

Discuter de ce billet sur le forum - - Laisser un commentaire »

Cet article vous a plu?

Faites-le connaître ou votez pour cet article sur les sites suivants :

  • anime manga aggregator sama
  • Partager sur del.li.cious
  • Partager sur Facebook
  • Partager sur Google

Commentaires sur ce billet:

  1. Le 07/09/2010 à 23:31
    Corti a dit

    Merci pour toutes ces précisions :)

    J'aime bien le lien qui pointe les articles via le favicon.

    Bon, faut que je fouille un peu plus le forum, y'a l'air d'y avoir pas mal de choses, je n'avais jamais réalisé qu'Animint avait de choses de disponible entre les jeux et tout.

    On va y aller progressivement.

    En tout cas, félicitations pour le boulot abattu au cours de toutes ces années.

  2. Le 08/09/2010 à 14:32
    shinmanga a dit

    Génial, le projet webzine. Exactement ce que j'attendais! viva animint!

  3. Le 08/09/2010 à 18:58
    sedna a dit

    tu n'as pas chaumé pendant tes vacances :p
    c'est super l'idée journal ^^
    pour pallier ton pb de photos
    huhuhuhu pk tu ne ferais pas des lettring style manga ^^ peut etre en jouant plus avec les polices de caractères cela ferai un bon équilibre visuel.

    en tout cas bon job


Ajoutez votre commentaire:

Merci de bien vouloir soigner votre orthographe et de proscrire le style SMS.


Le code HTML est affiché comme du texte et les adresses web sont automatiquement transformées.

 

↑ Haut de page