Proposition de refonte de la page d'accueil ubuntu-fr.org

Toulibre · Le 26/02/2019, à 17:24

Bonjour ,

Je souhaite travailler sur la refonte de la page d'accueil ubuntu-fr , qui est très bien seulement un peu vieillissante , moins optimisée pour les petits écrans et aussi dans le but d'apporter un nouveau visuel qui pourra être utile lors de nouveaux arrivants afin qu'ils ne se sentent pas trop démunis pour installer leur nouveau système préféré .
Ceci ne va pas sans votre aide bien sûr , et je demande à tous ceux qui sont intéressés de bien vouloir participer à un échange d'idées , de critiques constructives , et également essayer de trouver des solutions .
J'ai construit une ébauche à partir d'un template HTML5 avec les Assets correspondants (CSS et JS) sous licence Creative Commons que j'ai déjà beaucoup modifiée .

J'aimerai y inclure ,

1 - Une barre de recherche comme l'originelle à trois volets ( changement d'icônes possible) en haut à droite de l'affichage .
2 - L'icône ubuntu-fr en haut à gauche , celui d'origine ou un autre peut-être .
3 - Inclure la carte des évènements .
4 - Améliorer le graphisme , fond d'écrans , disposition des menus , ect ...
5 - Autres

L'adresse mise en test est la suivante Ubuntu-fr-page-accueil-test

Dernière modification par Toulibre (Le 23/03/2019, à 09:02)

lynn · Le 26/02/2019, à 17:30

Abonnement.

nam1962 · Le 26/02/2019, à 19:23

Je suis le fil !
Petit souci responsive entre 480 et 960 de large (mode tablette)

Pour simuler dans Firefox : clic droit - examiner l'élément, puis clic sur l'outil adaptatif, ça donne çà :

Dernière modification par nam1962 (Le 26/02/2019, à 19:26)

PPdM · Le 26/02/2019, à 19:32

C'est sympa mais les caractères un peu trop petits et trop maigres, pour les personnes ayant une vue médiocre, comme souvent, personne ne pense aux déficients visuels, je n'ai pas une vue extra, alors je pense que ceux qui ont un vue moins bonne que la mienne cela doit être illisible.

rogn... · Le 26/02/2019, à 19:47

nam1962 a écrit :

Je suis le fil !
Pour simuler dans Firefox : clic droit - examiner l'élément, puis clic sur l'outil adaptatif, ça donne çà :

Plus court en plus feignant : CTRL Shift M

nam1962 · Le 26/02/2019, à 20:37

@rogn... merci !

Toulibre · Le 26/02/2019, à 20:49

Nam ,
Je ne comprends pas , de chez moi sur Firfox , en examinant l' élément j'ai la vue "smartphone" mais pas de vue "tablette" et ça fonctionne

PPdM ,
Quelle police proposerais tu ?

Rogn...
Ben quoi c'est pratique , si je t'avais lu avant me serais pas fait une torsion du majeur

Dernière modification par Toulibre (Le 26/02/2019, à 21:04)

PPdM · Le 26/02/2019, à 21:01

Il faudrait que cela soit plus gras ou 2 points de plus, peut être, je ne suis pas trop versé dans ce genre de souci, l'important c'est une police nette, afin qu'elle soit lisible par tous.

nam1962 · Le 26/02/2019, à 21:05

@Toulibre : regarde le #3, clique sur le bord pour élargir

Toulibre · Le 26/02/2019, à 21:07

Ok , je vais tenter un changement sur le CSS et je vous tiens informés
Excuses moi de te dire que c'est pratique si tu as des problèmes de vue , on va pouvoir peut-être passer en "progressif"

Edit : Je vous renvoie sur l'original auquel je n'ai pas encore touché le CSS à part être passé de lettre Majuscules à Minuscules : HTML5-Original vous pouvez tester à la maison

Toulibre · Le 26/02/2019, à 21:11

Nam ,
Mon avis est que j'ai ajouté plus de menus que l'original donc une bonne raison de revoir cette conception
Ipad et Kindle ça foire pourtant le reste est bon

Dernière modification par Toulibre (Le 26/02/2019, à 21:12)

nam1962 · Le 26/02/2019, à 21:11

Ça va finir sur Hugo ce fil sur le flat file

Toulibre · Le 26/02/2019, à 21:14

Je garde ton lien

Toulibre · Le 26/02/2019, à 21:32

Ça a l'air un poil mieux ainsi , Ubuntu-fr-page-accueil-test , la ligne au milieu gêne un peu

Dernière modification par Toulibre (Le 26/02/2019, à 23:03)

Toulibre · Le 26/02/2019, à 22:20

PPdM , j'ai mit une police "Arial", sans-serif , est-ce plus lisible ?

Coeur Noir · Le 27/02/2019, à 00:29

Police → euh pourquoi pas ubuntu ?

…le tout majuscule me choquait pas : pour des titres / libellés / rubriques, c'est courant ( par ex. allocine titre et rubriques, ou le monde rubriques uniquement )

krodelabestiole · Le 27/02/2019, à 01:16

Coeur Noir a écrit :

…le tout majuscule me choquait pas : pour des titres / libellés / rubriques, c'est courant

pour un paragraphe c'est plus (+) gênant (pour des questions de lisibilité)
de la même manière là je suis sur un écran trop grand et sans limite de largeur il y a trop de mots par ligne (d'après les typographes il en faut environ entre 11 et 13).
il faudrait mettre un max-width sur le contenu.
le tout centré : rien n'est aligné avec quoi que ce soit...
rien ne ressort (pas de prise de position au niveau de l'importance du contenu), mauvais rapports entre les icônes et le texte, mauvais interlettrages, etc.

il y a eu beaucoup d'améliorations depuis la première proposition. mais il y a encore beaucoup de taf.
je veux pas être blessant mais pour ce genre de site déjà en production (et ubuntu-fr en est un quand même un relativement gros), les travaux d'un débutant ont peu de chance d'être retenus. et même quand ils le sont (parce que ça reste diy) c'est pas l'idéal : on part sur une base css bancale, avec trop d'éléments de style déclarés dans le code html et autres maladresses, ce qui donne un projet difficile à maintenir pour tout le monde. et du coup c'est d'après moi pas le projet idéal pour se faire les dents, à moins que tu aimes les gros défis (et les critiques qui vont avec).
le CSS est un des pseudo langages les plus difficiles à organiser, et paradoxalement c'est très important qu'il le soit dans le cadre d'un travail collaboratif (d'où l'intérêt des préprocesseurs sass / scss / less... qu'on trouve dans quasi tous les projets de ce type).

de mon point de vue pour ce genre de projet il faut soit une solide formation en design graphique ET en développement web (au moins css / html / javascript), soit une solide experience professionnelle.

désolé je sais que je suis pas très motivant... mais après niveau contribution il y a des bugs plus ou moins simples et urgents à résoudre côté thème de la doc : https://bugs.launchpad.net/ubuntu-fr-doc
et de son côté, pour des raisons techniques la refonte du thème du forum n'est pas d'actualité (sauf éventuellement côté purement créa)
l'idéal étant évidemment l'unification graphique de l'ensemble... éventuellement en s'inspirant d'assez près de la charte graphique existante pour ubuntu : https://design.ubuntu.com/brand/ (désolé pour le côté dictatorial, avec un peu de forcing j'espère qu'on peut éventuellement prendre certaines libertés, malheureusement ça risque de déjà être une problématique à part entière...)

Dernière modification par krodelabestiole (Le 27/02/2019, à 01:35)

Coeur Noir · Le 27/02/2019, à 01:34

krodelabestiole a écrit :

pour un paragraphe c'est plus (+) gênant (pour des questions de lisibilité)

Oui, oui ! D'où la précision : sur des titres / rubriques / libellés pour un paragraphe c'est complètement maladroit.

rogn... · Le 27/02/2019, à 06:55

nam1962 a écrit :

Petit souci responsive entre 480 et 960 de large (mode tablette)

Je ne sais pas ce que tu entends vraiment par mode tablette, mais les tablettes ont maintenant une résolution de base de 1920*1080 et même en affichage vertical, ça passe bien.

@Toutlibre. Il y a un truc quand les tuiles s'empilent : l'épaisseur du trait de séparation est triplée .

PPdM · Le 27/02/2019, à 06:59

Toulibre a écrit :

PPdM , j'ai mit une police "Arial", sans-serif, est-ce plus lisible ?

C'est mieux mais toujours un peu fin pour des personnes ayant des vrais difficultés de lecture.
La police utilisé par Manjaro paraît mieux en terme d'épaisseur, et elle est impec quand on zoom

Toulibre · Le 27/02/2019, à 09:42

Bonjour ,

@Coeur noir , je prends en compte ton conseil pour la police Ubuntu , j'étais parti avec FontAwesome , ainsi que revoir l'organisation des écritures pour une meilleure structure de la page .

@krodelabestiole , j'apprends sur le tas , cela n'a rien à voir avec le presque tout fait Wordpress et ta critique très constructive ne m'a absolument pas dérangé au contraire .
S'il n'y a pas urgence dans le temps je suis intéressé d'en apprendre plus sur le fonctionnement , même pas peur de me former , c'est en se faisant moucher que l'on devient moucheron . Les codes sont propres , je ne veux pas encore nettoyer les parties optionnelles instaurées si elles viennent à servir durant le processus . Les dossiers sont : css , fonts , js , sass , et images . "Don't worry , be Happy" le titre "proposition de refonte de la page d'accueil Ubuntu-fr.org" et ce qui à été courtement énuméré indique qu'il y a une certaine somme de travail , je prends note qu'il y a eu déjà beaucoup d'améliorations et encore beaucoup de taf à venir .

@Rogn... , content de voir que c'est quasi total responsive , peut tu m'apporter plus de précisions au sujet de ce trait qui s'épaissit ?

@PPdM , bon ben on va faire un test avec les polices d'Ubuntu ..

Je vous tiens au jus

nam1962 · Le 27/02/2019, à 10:04

Petit souci entre 480 et 620

rogn... · Le 27/02/2019, à 10:14

Toutlibre a écrit :

@Rogn... , content de voir que c'est quasi total responsive , peut tu m'apporter plus de précisions au sujet de ce trait qui s'épaissit ?

Disons que les rectangles arrondis s'empilent lorsque l'affichage du navigateur se réduit au niveau largeur. Dans ce cas là, les côtés supérieurs et/ou inférieurs de ces rectangles ne sont pas redessinés / mais bêtement empilés. L'épaisseur est donc doublée voire visuellement triplée.

michel_04 · Le 27/02/2019, à 10:18

Bonjour,

PPdM a écrit :

C'est sympa mais les caractères un peu trop petits et trop maigres, pour les personnes ayant une vue médiocre, comme souvent, personne ne pense aux déficients visuels, je n'ai pas une vue extra, alors je pense que ceux qui ont un vue moins bonne que la mienne cela doit être illisible.

Merci d'y avoir pensé.

A+

Dernière modification par michel_04 (Le 27/02/2019, à 10:19)

Toulibre · Le 27/02/2019, à 10:25

hmmm , plutôt 620/480 lors de la rotation , vu que la mise en page est à revoir selon les termes ©Ubuntu , il va y avoir un profond changement à venir donc ne pas trop se fier à l'état actuel de la page pour le côté responsive .
Je vais essayer de faire un nouveau croquis de ce que cela pourrait ressembler ces prochains jours

@Michel_04 , pas de souci c'est en ligne de mire

Dernière modification par Toulibre (Le 27/02/2019, à 10:27)

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#1 Le 26/02/2019, à 17:24

Proposition de refonte de la page d'accueil ubuntu-fr.org

#2 Le 26/02/2019, à 17:30

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#3 Le 26/02/2019, à 19:23

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#4 Le 26/02/2019, à 19:32

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#5 Le 26/02/2019, à 19:47

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#6 Le 26/02/2019, à 20:37

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#7 Le 26/02/2019, à 20:49

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#8 Le 26/02/2019, à 21:01

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#9 Le 26/02/2019, à 21:05

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#10 Le 26/02/2019, à 21:07

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#11 Le 26/02/2019, à 21:11

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#12 Le 26/02/2019, à 21:11

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#13 Le 26/02/2019, à 21:14

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#14 Le 26/02/2019, à 21:32

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#15 Le 26/02/2019, à 22:20

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#16 Le 27/02/2019, à 00:29

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#17 Le 27/02/2019, à 01:16

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#18 Le 27/02/2019, à 01:34

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#19 Le 27/02/2019, à 06:55

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#20 Le 27/02/2019, à 06:59

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#21 Le 27/02/2019, à 09:42

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#22 Le 27/02/2019, à 10:04

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#23 Le 27/02/2019, à 10:14

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#24 Le 27/02/2019, à 10:18

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#25 Le 27/02/2019, à 10:25

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Pied de page des forums