Suivi - Autres Implémenter le nouveau design de LinuxFR

#1875 Posté par (page perso) . État de l'entrée : ouverte. Licence CC by-sa.
Tags : aucun
2
15
avr.
2019

Sommaire

Hello,

Pour pouvoir organiser le développement du nouveau design de LinuxFr, j'ouvre une entrée de suivi avec le plan proposé par Mathieu.

Cette entrée a surtout pour but de montrer où en est le développement et ce qu'il reste à faire (je mettrai à jour régulièrement les croix dans la liste).

Je propose d'utiliser les commentaires pour discuter de chaque série de développement à réaliser.

Bon hack :)


Décomposition des changements

Ci-dessous on décompose les changements qui nous paraissent essentiels. On propose d'implémenter ces changements par série, de sorte à garder la cohérence des changements liés entre eux et que chaque série apporte une amélioration perceptible.

Priorité 1

1ère série - préparer le terrain dans l'espace de rédaction

Objectif : lister plus de contenus sur un même écran, inciter à consulter d'abord les contenus publiés sur LinuxFr, et à aller voir les ressources externes dans un second temps.

  • [ ] [Rédaction] faire évoluer le gabarit d'article pour inciter à écrire un chapeau
  • [ ] [Rédaction] faire évoluer le gabarit pour intégrer au moins une image
  • [ ] [Rédaction] faire évoluer le gabarit pour toujours afficher les liens à la suite de l'article
  • [ ] [Rédaction] permettre de créditer les auteurs des images
  • [X] [Actualités] sur la liste des articles, retirer les liens
  • [X] [Actualités] sur les articles, placer les liens externes à la suite du texte

Dans chaque article, on peut placer les liens externes dans deux colonnes à la suite du texte :

https://github.com/mjourdan/linuxfr-design/blob/master/experimentations_5/3.1.0_article.png

Priorité 2

2ème série - soigner l'accueil

Objectif : faciliter le premier contact, la compréhension de l'objet du site et des différents types de contenus.

  • [ ] [Navigation] déplacer le menu utilisateur vers la partie droite du bandeau de navigation
  • [ ] [Navigation] ajouter le bouton « À Propos » dans le bandeau du haut
  • [ ] [Navigation] màj la terminologie pour la rendre plus accessible
  • [ ] [Accueil] afficher les unes (?) / actualités / billets séparément avec leurs traitements visuels respectifs
  • [ ] [Accueil] faire apparaître les sondages, derniers messages de forums, et dernières modifications de wiki
  • [ ] [Préférences] supprimer les préférences liées à l'accueil devenues obsolètes

Sur la maquette ci-après, on a pas de « une » persistante. On garde la possibilité de mettre en avant des articles (cf Paperwork 1.1) mais ceux-ci peuvent descendre dans la liste au fil du temps :

https://github.com/mjourdan/linuxfr-design/blob/master/experimentations_5/1.0.0_accueil.png

La barre de navigation en haut et le menu utilisitateur doivent s'adapter au mobile :

https://github.com/mjourdan/linuxfr-design/blob/master/experimentations_5/barre_de_navigation.png

3ème série - affiner la liste des articles

Objectif : inciter à consulter les articles publiés sur LinuxFr, distinguer les différents types de contenus

  • [ ] [Actualités] sur la liste des articles, afficher les chapeaux (ou un texte tronqué) et illustrations
  • [ ] [Actualités] sur la liste des articles, retirer la possibilité de pertinenter / inutiler
  • [ ] [Actualités] sur la liste des articles, implémenter le traitement visuel
  • [ ] [Actualités] sur la listes des actualités, faire apparaître les articles les plus visités et les derniers commentaires

4ème série - affiner la liste des billets

Objectif : inciter à consulter les billets, renforcer la distinction articles éditoriaux / billets personnels

  • [ ] [Blogs] sur la liste des billets, afficher les chapeaux et illustrations
  • [ ] [Blogs] sur la liste des billets, retirer la possibilité de pertinenter / inutiler
  • [ ] [Blogs] sur la listes des blogs, faire apparaître les billets les plus visités et les derniers commentaires
  • [ ] [Blogs] sur la liste des billets, implémenter le traitement visuel

Priorité 3

5ème série - améliorer le suivi des commentaires

Objectif : améliorer le confort de navigation parmi les commentaires, augmenter le rapport signal / bruit.

  • [ ] [Commentaires] mise en forme des commentaires (avatars arrondis, notes…)
  • [ ] [Commentaires] mettre en valeur les commentaires jugés pertinents par les auteurs des articles auxquels ils répondent (les messages des autres utilisateurs et ceux des auteurs eux-mêmes)
  • [ ] [Commentaires] permettre de rédiger un commentaire sans perdre le contexte (ni quitter la page ni perdre le suivi des commentaires non lus)
  • [ ] [Commentaires] nouveaux filtres de navigation (selon la note, afficher/masquer les erreurs de français)
  • [ ] [Commentaires] permettre de signaler des erreurs de français (fil positionné à la suite des autres commentaires)

6ème série - nouvelle barre de navigation

Objectif : adapter la navigation aux mobiles et aux interfaces tactiles

  • [ ] [Tribune] regrouper les espaces de discussion instantanée
  • [ ] [Tribune] permettre de les afficher/masquer à volonté sur mobile, depuis les barres de navigation
  • [ ] [Navigation] implémenter la nouvelle barre pour naviguer parmi les contenus / commentaires
  • [ ] [Rédaction] implémenter la nouvelle barre pour naviguer dans l'espace de rédaction
  • [ ] [Rédaction] implémenter la nouvelle barre pour rédiger les articles
  • [ ] [Navigation] màj la liste des catégories, plus courte et accessible

Priorité 4

7ème série - blogs

Objectif : transformer les journaux en des blogs attrayants

  • [ ] [Blogs] soigner la présentation des profils
  • [ ] [Blogs] permettre d'éditer son profil depuis la page idoine
  • [ ] [Blogs] séparer les différents contenus par onglets
  • [ ] [Blogs] permettre d'épingler quelques contenus

8ème série

Objectif : améliorer le confort de rédaction & de navigation

  • [ ] [Rédaction] lister l'ensemble des articles et billets auxquels les gens participent sur la page de rédaction
  • [ ] [Notification] mettre en place le système de notification
  • # 1ère série - préparer le terrain dans l'espace de rédaction

    Posté par (page perso) . Évalué à 3 (+1/-0). Dernière modification le 15/04/19 à 09:50.

    Pour cette série, je me pose des plusieurs questions:

    Si on commence à faire intégrer une image par article, est-ce qu'il faut commencer à proposer le stockage des images directement sur le serveur de LinuxFr ? L'idée, c'est qu'avec ce nouveau design, l'image fait vraiment partie de l'article, du coup, faudrait-il un stockage pérenne ou on continue d'accepter des liens qui peuvent casser ?

    Pour la citation de l'auteur de l'image en Markdown, il ne semble pas y avoir de manière standard. Est-ce que l'on ajoute une nouvelle notation spécifique à LinuxFr ? Ou est-ce que l'on met toujours la citation dans le texte alternatif de l'image ? J'ai vu aussi sur Stack Overflow une solution proposant d'utiliser le tag HTML <cite> pour les bloques de citation.

    ![Logo LinuxFr par le projet ZeMarmot CC-By-SA](https://linuxfr.org/images/logos/linuxfr-zemarmot.png)

    Ah ben, je vois qu'il y avait déjà une proposition ici pour la citation: https://linuxfr.org/suivi/ajouter-le-texte-alternatif-en-bas-des-images Cette proposition utilise en plus les nouveaux tags HTML5, c'est le bon moment pour commencer à les utiliser :)

    Pour l'instant, je vais faire des tests où on continue de ne pas stocker d'images sur LinuxFr. Dans ce cas, j'ai juste besoin d'ajouter un champ aux articles qui contient le lien Markdown avec la citation.

Envoyer un commentaire

Suivre le flux des commentaires

Note : les commentaires appartiennent à ceux qui les ont postés. Nous n'en sommes pas responsables.