URL: https://linuxfr.org/suivi/implementer-le-nouveau-design-de-linuxfr Title: Implémenter le nouveau design de LinuxFR Authors: Adrien Dorsaz Date: 2019年04月15日T09:25:50+02:00 License: CC By-SA Tags: Score: 5 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](https://linuxfr.org/suivi/design-ajouter-une-icone-de-telechargement-a-cote-des-liens-markdown-et-epub#comment-1767094). 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

AltStyle によって変換されたページ (->オリジナル) /