2220

C'est autorisé les feedbacks pour quelqu'un qui a suivi de très très très loin les évolutions du site ?

Tout d'abord, le point positif : c'est très beau, et le design épuré rend plus agréable pour les yeux la lecture des posts.

Le point négatif : c'est pas très ergonomique.

I°/ Les icônes :
Je ne les trouve pas assez parlantes.

a) Les sous-catégories
Wqd1

Le livre marron signifie qu'il n'y a aucun nouveau message dans la sous-cat' et le livre bleu avec un marque-page signifie qu'il y en a.
Le problème pour moi est que ces icônes représentent toutes les deux des livres fermés. Du coup, celui qui débarque ne sait pas s'il a effectivement visité et/ou posté dans la sous-cat'.

Suggestion : inclure une icône de livre ouvert pour bien signifier à l'utilisateur que la sous-cat' a été visitée : bJeP

b) La liste des sujets
FsI7

Là c'est le problème inverse : toutes les icônes montrent des livres ouverts ! Ce qui n'est pas logique si on n'a pas encore découvert un topic. En général, quand on découvre un livre, celui-ci n'est pas déjà ouvert prêt à quiconque voulant jeter un œil dessus. Je suggère donc de remplacer le livre ouvert sans rien dedans par un livre fermé.
Par ailleurs, les marque-pages jaune et rouge sont difficilement perceptibles et confus. Quant à l'icône indiquant un sujet forké, c'est uniquement grâce à la flèche que j'ai pu le deviner. Pour cette dernière icône, je suggère de mettre la flèche à l'extérieur du livre : FXFz

II°/ L'interface pour poster :

Très épurée, très complète… voire trop.
Je comprends qu'il ait fallu épurer le design en remplaçant les textes par des icônes, mais ça en devient presque parfois cryptique.

Pourquoi le bouton de prévisualisation a-t-il bougé en haut du formulaire ?
Pourquoi je dois chercher l'icône d'insertion des citations après avoir copié une citation ? Pourquoi ne pas avoir inséré ce bouton juste après avoir sauvegardé une citation en cliquant sur « Copier » ?

III°/ L'interface « Mes sujets » :

Très jolie. MAIS.

KsjG
Comme le montre cette image, si on veut naviguer dans un topic via Mes Sujets, il faut faire de grands mouvements de souris à chaque fois, et ça peut vite devenir casse-bonbons.

Suggestion :
Regrouper la navigation post par post, et regrouper les commandes de marque-page/delete/etc sur la droite ; ainsi, si on veut agir sur le topic en lui-même, on fait UN SEUL mouvement de souris.

s99s

C'est tout pour le moment.

2221

non c'est bien les posts prec/suiv de chaque coté, surtout en contexte mobile.

2222

Et si tu es sur desktop, tu peux naviguer au clavier avec les flèches de direction (flèches haute et basse pour changer de topic ou de post, flèche droite pour déplier un topic, barre espace pour marquer comme lu).
avatar
Zeroblog

« Tout homme porte sur l'épaule gauche un singe et, sur l'épaule droite, un perroquet. » — Jean Cocteau
« Moi je cherche plus de logique non plus. C'est surement pour cela que j'apprécie les Ataris, ils sont aussi logiques que moi ! » — GT Turbo

2223

Bravo cheeky
!! #pointpenpen# !!

2224

Ça, c'est du commentaire top

C'est vrai que sur ordi, l'interface des suivis de sujet est vraiment pensée pour le clavier (et au contraire est très pratique en tactile).
avatar
<<< Kernel Extremis©®™ >>> et Inventeur de la différence administratif/judiciaire ! (©Yoshi Noir)

<Vertyos> un poil plus mais elle suce bien quand même la mienne ^^
<Sabrina`> tinkiete flan c juste qu'ils sont jaloux que je te trouve aussi appétissant

2225

flanker (./2224) :
Ça, c'est du commentaire top
'service tripo

2226

ttk grin
Mais oui, belle patience, explication claire. Je cautionne pour les icones en tout cas, j'arrive pas à m'y faire. ><

2227

2228

Moi je vais dire pencil Yoshi Noir, parce que ce qu'il dit a du sens (sauf la flèche bleue en dehors du livre, qui casse la contrainte de taille d'icône fixe embarrassed), même si ce sont souvent des pages que j'ai peu fréquenté depuis la MAJ. (J'avoue toutefois avoir été perdu suite à la disparition du "L" et je n'avais même pas remarqué les icônes…)

Concernant les flèches dans mes sujets, je trouve le layout actuel assez moyen, sur le principe que sur mobile, les liens du haut vont souvent se retrouver à la ligne, et donc désalignés. En parcourant les posts, il m'est arrivé de cliquer sur "Lu" ou "Oublier" par erreur, parce que de manière générale, les liens sont assez proches, et que ça bouge. Bref, j'ai peu apprécié l'expérience sur le moment, et heureusement qu'il y a un popup de confirmation pour "Oublier". (C'est un peu con, mais le simulateur de Chrome ne reproduira jamais bien le comportement observé sur un iPhone, malgré tout ça peut être un bon point de départ pour observer)
En gros (sur iPhone 5) on se retrouve avec ["Précédent" "Fermer" "Suivant"] sur une première ligne, puis ["Oublier", "Suivre", "Lu"] sur une seconde ligne.
Le problème majeur se produit lorsque l'on atteint le dernier post d'un topic, les liens du milieu vont alors se repositionner de manière dépendante de la taille d'écran, et un autre lien peut prendre la place de "Suivant".
Déjà, les liens sont assez proches, mais en plus, on prend le risque de cliquer par erreur sur un autre bouton, si l'on appuie machinalement sans regarder sous son doigt.

Je suggèrerais de mettre les trois liens ["Oublier", "Suivre", "Lu"] ailleurs dans le popup. Par exemple, en bas du popup, ou bien dans un menu déroulant. (Menu déroulant qui pourrait lui-même se trouver en bas du popup si besoin…)
(Pour moi, les liens indispensables sont "Précédent", "Suivant" et "Fermer". Les liens "Lu" et "Suivre" sont importants, mais ne devraient pas être placé côte à côte avec ceux dédiés au flux de navigation.)

D'ailleurs, j'aimerais savoir si on peut envisager de mettre une confirmation sur le lien "Lu" dans cette page… tongue
avatar
Le scénario de notre univers a été rédigée par un bataillon de singes savants. Tout s'explique enfin.
T'as un problème ? Tu veux un bonbon ?
[CrystalMPQ] C# MPQ Library/Tools - [CrystalBoy] C# GB Emulator - [Monoxide] C# OSX library - M68k Opcodes

2229

Est ce qu'on pourrait pas faire un truc rapidos pour les sujets avec des posts lockés? genre retourner un post pipo vide au lieu d'un truc qui empêche de passer au post suivant? ou ajouter des trucs de navigation sur l'interdiction, chais pas...

2230

./2220 & ./2228 : merci pour le retour construit, je reprends point par point :

- Les icônes des sections et sujets ne sont visiblement pas claires puisque vous êtes plusieurs à remonter ce souci. Comme le dit GoldenCrystal il y a la contrainte de 16x16 pixels mais ça laisse quand même de la marge. Ce qu'on pourrait faire c'est garder les icônes "livre" pour les sujets par exemple, en utilisant comme le suggère YN le livre ouvert pour indiquer un sujet déjà lu et le livre fermé pour un sujet avec du contenu. Par exemple on pourrait avoir :

book-open-arrow.png = nouveau sujet, book-open-blue.png = non lu + non suivi, book-open-bookmark-blue.png = non lu + suivi, book-close.png lu + non suivi, book-close-bookmark.png lu + suivi

Par contre si on change vers ça, je ne sais pas quoi utiliser pour les icônes des sections (il n'y en a besoin que de deux ; quatre si on veut voir la différence entre les sections qui appartiennent au forum et les sections qui sont des raccourcis vers d'autres forums).

- L'interface de nouveau message prenait trop de place (et pourtant il lui manquait des boutons), utiliser des icônes permet de prendre moins de place mais la description est encore disponible : il suffit de placer le curseur de la souris sur un bouton pour savoir ce qu'il fait. L'icône de prévisualisation on peut remplacer par un bouton, pas de souci si ça semble plus logique aux autres membres.

- Le bouton "insérer les citations" a toujours été là, et je ne comprends pas la remarque ? On copie les citations au niveau de messages donc le lien "copier" est là, et on les insère au niveau du formulaire de message donc le bouton "coller" s'y trouve. Ça n'aurait pas de sens d'avoir un bouton "coller" au niveau d'un message, d'autant plus que si le but est de citer un unique message alors le bouton "citer" est là pour ça.

- L'interface "mes sujets" : les boutons sont effectivement éloignés, mais le fait que ces boutons soient proches faisait partie des critique de la version précédente ; sur PC ça n'est pas trop gênant (un souris ça bouge vite) et sur mobile c'est beaucoup plus commode à utiliser. En revanche les boutons qui prennent 2 lignes sur iPhone c'est pas top, je ne pensais pas qu'il y avait aussi peu de place. Quelle est la résolution ? Déplacer certains boutons dans un popup je suis contre, les popups ou menus déroulants ça a l'air d'être une catastrophe à faire fonctionner correctement sur mobile et PC, et ça demanderait un clic de plus à chaque fois.

./2229 : ah oui pardon, j'avais oublié ; pas beaucoup de temps en ce moment, j'essaie de faire ça rapidement.

[edit] done.
avatar
All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

2231

Zeph (./2230) :
Par exemple on pourrait avoir :book-open-arrow.png = nouveau sujet, book-open-blue.png = non lu + non suivi, book-open-bookmark-blue.png = non lu + suivi, book-close.png lu + non suivi, book-close-bookmark.png lu + suivi

Je suggère ceci :

book-close.png = nouveau sujet = non lu + non suivi (peut-être changer la couleur de la couverture en gris ?)
book-close-bookmark.png = non lu + suivi (peut-être changer la couleur de la couverture en rouge jaune ?)
book-open-blue.png = lu + suivi
book-open-bookmark-blue.png = vous êtes le dernier à avoir posté dedans
book-open-arrow.png = sujet forké (et placer dans ce cas la flèche sur la page de droite)
Zeph (./2230) :
Ça n'aurait pas de sens d'avoir un bouton "coller" au niveau d'un message, d'autant plus que si le but est de citer un unique message alors le bouton "citer" est là pour ça.

Parfois, on veut seulement réagir sur une bribe d'un message. Et je maintiens que j'ai galéré pour trouver l'icône qui suggère d'insérer des citations copiées, parce que je m'attendais à une icône qui suggère une insertion, pas une bulle jaune.
Zeph (./2230) :
sur PC ça n'est pas trop gênant (un souris ça bouge vite)

C'est ce que se sont dit les ingénieurs IHM quand ils ont fait la charm bar de Windows 8 (qui est autant un caviar en tactile que des chips en polystyrène en desktop).

[edit] : inversion de deux icônes + autres trucs

2232

Yoshi Noir (./2231) :
Je suggère ceci : [...]

OK donc exactement l'inverse de ce que je propose grin

Je laisse les gens donner leur avis, la seule chose que je ne ferai pas c'est une icône différente pour les sujets forkés (il n'y a pas de statut "forké" pour les sujets actuellement, et je ne vais pas en ajouter un juste pour ça), ou une icône différente quand on est le dernier posteur (même raison). Pour faire plus simple les seuls status qu'il est facile de distinguer sont ceux que j'ai indiqués, donc la discussion porte sur les icônes associées.
Parfois, on veut seulement réagir sur une bribe d'un message. Et je maintiens que j'ai galéré pour trouver l'icône qui suggère d'insérer des citations copiées, parce que je m'attendais à une icône qui suggère une insertion, pas une bulle jaune.

Tu as une suggestion d'icône pour remplacer ?
avatar
All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

2233

J'ai une ébauche avec la contraite 16*16 :

k8Oj

Mon idée est de montrer un mouvement qui se fait depuis le haut de page vers le formulaire de post.

2234

Je vote pour ça :
Zeph (./2230) :
book-open-arrow.png = nouveau sujet, book-open-blue.png = non lu + non suivi, book-open-bookmark-blue.png = non lu + suivi, book-close.png lu + non suivi, book-close-bookmark.png lu + suivi
Mais sans la différence de couleur pour la couverture des deux dernières icônes grin

Dans le même genre, on ne pourrait pas avoir une icône en livre ouvert pour Suivi sujets, en haut, lorsque la liste Sujets suivis ayant de nouveaux messages n'est pas vide ?
avatar

2235

Ça voudrait dire faire la requête de recherche des sujets non lus à chaque page, or c'est l'une des plus couteuses de yAronet donc non smile
avatar
All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

2236

Je vote pour la proposition de Zeph également.

Par contre, quand à discuter des icônes, j'aimerais qu'on discute de la résolution. Aujourd'hui, de nombreux PC fonctionnent en High DPI, comme la plupart des téléphones mobiles, et les icônes bitmap 16x16 montrent leurs limites.

C'est pas nécessairement un truc pour tout de suite, mais est-ce qu'on peut envisager soit un jeu d'icônes multi-resolution (FatCow propose 16x16 et 32x32 par exemple), ou bien des icônes SVG, ou bien encore des icônes sous forme de police de caractères. (Pour les polices on peut étudier l'utilisation du "format Microsft" qui permet d'ajouter de la couleur, mais ça ne marchera pas sous Chrome ou Safari)
avatar
Le scénario de notre univers a été rédigée par un bataillon de singes savants. Tout s'explique enfin.
T'as un problème ? Tu veux un bonbon ?
[CrystalMPQ] C# MPQ Library/Tools - [CrystalBoy] C# GB Emulator - [Monoxide] C# OSX library - M68k Opcodes

2237

Une solution alternative pour distinguer lu/pas-lu sans multiplier les icônes serait d'utiliser les mêmes pour les deux cas, mais de jouer sur la transparence :
- normal (100% d'opacité) : non lu
- semi-transparent (~50% d'opacité, à tester) : lu

C'est ce que font certains forums.
avatar
Zeroblog

« Tout homme porte sur l'épaule gauche un singe et, sur l'épaule droite, un perroquet. » — Jean Cocteau
« Moi je cherche plus de logique non plus. C'est surement pour cela que j'apprécie les Ataris, ils sont aussi logiques que moi ! » — GT Turbo

2238

Ouais, ou d'utiliser des filtres CSS: http://caniuse.com/#feat=css-filters
http://html5-demos.appspot.com/static/css/filters/index.html

(Je pense par exemple à un filtre grayscale, ou un filtre de saturation… L'opacité, ça dépend de l'arrière plan, c'est pas forcément si bien que ça.)
avatar
Le scénario de notre univers a été rédigée par un bataillon de singes savants. Tout s'explique enfin.
T'as un problème ? Tu veux un bonbon ?
[CrystalMPQ] C# MPQ Library/Tools - [CrystalBoy] C# GB Emulator - [Monoxide] C# OSX library - M68k Opcodes

2239

(mais c'est pas supporté du tout par IE, apparemment)
avatar
Zeroblog

« Tout homme porte sur l'épaule gauche un singe et, sur l'épaule droite, un perroquet. » — Jean Cocteau
« Moi je cherche plus de logique non plus. C'est surement pour cela que j'apprécie les Ataris, ils sont aussi logiques que moi ! » — GT Turbo

2240

./2236 : je n'ai rien contre, mais toutes les collections d'icônes libres de droits que j'ai actuellement sont en 16x16, je n'ai pas au-dessus. Si tu connais des bibliothèque 32x32 qu'il serait possible d'utiliser en remplacement, pourquoi pas smile
avatar
All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

2241

et des icônes vectorielles via une fonte ?

http://fontello.com/ te permet de générer une fonte depuis ta propre sélection, faite depuis les collections "classiques" et tes propres svg
après tu pourra toujours les stacker et les colorer au besoin smile
et la le mec il le pécho par le bras et il lui dit '

2242

Mouais, recolorer toutes les icônes de yN c'était pas vraiment prévu dans la liste des choses à faire smile
avatar
All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

2243

Ah, donc faudrait surtout pas que t'oublies de l'ajouter, hein !

2244

grin
(S'il y a quelques icônes à vectoriser je peux en faire de temps en temps quand je suis motivé)

2245

(²)
avatar

2246

C'est gentil mais je pense qu'il vaut mieux au minimum attendre que les icônes ne changent plus, par exemple que je trouve quelque chose de mieux pour les sujets et les sections smile
avatar
All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

2247

Zeph, tu as changé quelque chose au niveau de la gestion des sessions ? Je n'arrive plus à avoir deux PC logués en même temps sur mon compte ; quand je me logue sur un PC, ça me délogue sur l'autre.

Si c'est une nouvelle feature, je trouve que ce n'est pas très pratique : ce n'est pas rare de nos jours d'accéder au même compte depuis plusieurs machines, genre un smartphone + un PC desktop. Si le but est de virer la faille de l'ancien système (à savoir : si on oublie de se déloguer après avoir utilisé le PC de quelqu'un d'autre, ce dernier peut continuer à utiliser le compte tant que le cookie n'expire pas, même si le propriétaire se relogue après coup), je pense qu'un bouton "Fermer toutes les sessions" serait une bonne solution.
avatar
Zeroblog

« Tout homme porte sur l'épaule gauche un singe et, sur l'épaule droite, un perroquet. » — Jean Cocteau
« Moi je cherche plus de logique non plus. C'est surement pour cela que j'apprécie les Ataris, ils sont aussi logiques que moi ! » — GT Turbo

2248

Non, c'est une feature que j'envisage mais si c'est implémenté un jour je préviendrai avant.
avatar
All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

2249

Ah, alors il y a un bug qui traîne.
avatar
Zeroblog

« Tout homme porte sur l'épaule gauche un singe et, sur l'épaule droite, un perroquet. » — Jean Cocteau
« Moi je cherche plus de logique non plus. C'est surement pour cela que j'apprécie les Ataris, ils sont aussi logiques que moi ! » — GT Turbo

2250

Deux changements aujourd'hui :

- Changement des icônes sections et sujets (cf. suggestions de ./2220 et les quelques messages suivants, mais rien de neuf sur le formulaire de post et "mes sujets" pour le moment).
- Il est maintenant possible de s'abonner à une section, pour suivre automatiquement tous les nouveaux sujets qui y sont créés (en voilà une qui aura mis le temps à arriver !)

Pour s'abonner à une section, utilisez le lien "S'abonner à cette section" en bas de la liste des sujets :

DWah
avatar
All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)