1

Ce sujet est issu d'une discussion ayant dérivé sur deux thèmes distincts. Pour vous rendre sur le sujet d'origine, suivez ce lien.
avatarBen, bouh, quoi :D

2

C'est un tout autre sujet, mais si vous avez des suggestions pour que yAronet soit plus agréable à utiliser sur mobile je suis preneur. La difficulté c'est que je n'ai pas de smartphone donc pas moyen de tester, mais il y a peut-être quand même quelques améliorations pas trop compliquées à faire "à l'aveugle".
avatarAll right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

3

Hmm, pour ma part, j'ai quelques trucs que je trouve principalement gênant, sans entrer dans les détails de mise en page :
- Sur mobile, les tooltips HTML (du type de ceux qu'on trouve sur "Mes sujets", etc.) sont plus gênants qu'autre chose, car cela nécessite deux "touchers" pour valider l'appui sur un lien. (Premier "toucher", le tooltip s'affiche, second toucher, le lien est cliqué)
- Personnellement, j'ai "souvent" du mal avec les liens en bas de topics. Si j'étais modérateur, j'aurais déjà mis en annonce ou supprimé par erreur plusieurs topics (les liens action, c'est le mal ! grin).
En fait, ces liens sont proches des boutons Précédent / Suivant, et sans Zoomer, on peut relativement facilement appuyer sur l'un d'entre eux par erreur.
L'idée pour améliorer ça serait, à mon sens, de remplacer ces liens de gestion par un menu déroulant sur mobile (comme ça, ça nécessite deux clics à chaque fois)
- D'ailleurs un menu déroulant pour ajouter/suprimer de mes sujets serait pas mal aussi dans le même genre. (On clique moins souvent dessus par erreur, cela dit)
- Sur la même idée que précédemment, ça serait sans doute pas mal d'avoir des boutons de navigation « Précédent » et « Suivant » qui soient plus gros sur mobile.
- En fait, même chose pour le petit « L » qui indique les posts non lus dans la liste des topics : Il gagnerait à être (2x~4x) plus gros sur mobile ^^

Ces remarques, c'est pour moi avec un usage sur iPhone, ça peut varier avec les autres…

(Pas de smartphone ?! eek)
avatarLe 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

4

(plus serait plus juste, je crois)
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

5

GoldenCrystal (./3) :
- Sur mobile, les tooltips HTML (du type de ceux qu'on trouve sur "Mes sujets", etc.) sont plus gênants qu'autre chose, car cela nécessite deux "touchers" pour valider l'appui sur un lien. (Premier "toucher", le tooltip s'affiche, second toucher, le lien est cliqué)

Est-ce que le problème existe également avec les tooltips de cette page ? (qui sont buggés, parfois ils ne disparaissent pas, mais c'est un autre problème)
- Personnellement, j'ai "souvent" du mal avec les liens en bas de topics. Si j'étais modérateur, j'aurais déjà mis en annonce ou supprimé par erreur plusieurs topics (les liens action, c'est le mal ! grin).En fait, ces liens sont proches des boutons Précédent / Suivant, et sans Zoomer, on peut relativement facilement appuyer sur l'un d'entre eux par erreur.

Bon, comme ils sont moins utiles ça ne devrait pas être trop compliqué de les déplacer un peu plus loin.
L'idée pour améliorer ça serait, à mon sens, de remplacer ces liens de gestion par un menu déroulant sur mobile (comme ça, ça nécessite deux clics à chaque fois)
- D'ailleurs un menu déroulant pour ajouter/suprimer de mes sujets serait pas mal aussi dans le même genre. (On clique moins souvent dessus par erreur, cela dit)
- Sur la même idée que précédemment, ça serait sans doute pas mal d'avoir des boutons de navigation « Précédent » et « Suivant » qui soient plus gros sur mobile. - En fait, même chose pour le petit « L » qui indique les posts non lus dans la liste des topics : Il gagnerait à être (2x~4x) plus gros sur mobile ^^

OK pour les liens, je vais voir ce qu'il est possible de faire smile
(Pas de smartphone ?! eek)
@ #3l33t
[21:54] <@Zeph> les deux reproches que je fais aux smartphone c'est d'avoir trop peu d'autonomie et d'être trop gros
[21:54] <@Zeph> du coup j'avais pris un tout petit smartphone (un sony x10 mini)
[21:55] <@Zeph> qui avait une résolution non standard (en tout cas peu habituelle) donc peu d'applis compatibles
[21:55] <@Zeph> et un CPU poussif[21:55] <@Zeph> je l'ai revendu et j'ai repris mon ancien portable
avatarAll right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

6

Zeph (./5) :
Est-ce que le problème existe également avec les tooltips de cette page ?
Apparemment, oui… Ils sont plus jolis, cela dit wink
avatarLe 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

7

Personnellement je n'ai pas de gros problèmes en surfant sur yAronet avec mon portable(ce post a été rédigé sur mon téléphone). Le seul souci est que Firefox fait parfois n'importe quoi avec son algorithme d'adaptation automatique de la taille des polices ce qui fait que certains messages sont écris en tout petit par rapport a d'autres mais pour le coup le responsable c'est Firefox, pas yAronet.

En fait si, il y a un gros problème que j'ai résolu en installant adblock. C'est que les régies publicitaires son incroyablement agressives sur mobile par rapport au PC. J'avais droit à des messages qui apparaissaient en plein écran par dessus le contenu du site, et depuis peu ça me déclenchait carrément le téléchargement de fichier apk (package d'application Android) ou m'ouvrait directement le Play store à la page de téléchargement d'un jeu. Autant je désactive Adblock pour yAronet sur PC, autant sur mobile je l'ai installé spécialement pour lui.

Pour tester le rendu sur mobile, Firefox(et probablement d'autre navigateur) donne accès dans les les options de développement au "responsive mode" qui permet de redimensionner le site à des tailles classiques de smartphone.
Si tu veux aller plus loin, tu our tester le rendu gecko sur mobile, tu peux utiliser l'extension pour Firefox ‘Firefox OS simulator’.
Si tu veux aller encore plus loin, tu peux tester le rendu avec le navigateur par defaut d'Android grace à l'émulateur inclus dans le sdk Android. Je suppose qu'il y a un équivalent sur iPhone, mais ça imposera probablement d'avoir un Mac.
avatar

8

Nan mais pour les pub OK, j'ai compris, il y a un topic dédié pour ça et je ne peux rien y faire pour le moment. Envoyez des mails à yAro si vous voulez que ça bouge plus vite. Je suis d'accord avec vous mais c'est pas une raison pour envahir toutes les discussions avec ça.
avatarAll right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

9

Uther (./7) :
Le seul souci est que Firefox fait parfois n'importe quoi avec son algorithme d'adaptation automatique de la taille des polices ce qui fait que certains messages sont écris en tout petit par rapport a d'autres mais pour le coup le responsable c'est Firefox, pas yArone

T'es sûr que c'est Firefox le responsable ? yN est le seul site pour lequel je doive modifier le zoom de la page, parce que les polices par défaut sont trop petites (ie sur une fresh install de firefox dans une fresh install de windows ou linux).
avatar<<< Kernel Extremist©®™ >>>
Feel the power of (int16) !

10

En fait plus j'y pense, plus il faudrait faire pour les smartphones et autre mobiles capable de surfer serait une page "mes sujets++"
avatarProud to be CAKE©®™


GCC4TI importe qui a problème en Autriche, pour l'UE plus et une encore de correspours nucléaire, ce n'est pas ytre d'instérier. L'état très même contraire, toujours reconstruire un pouvoir une choyer d'aucrée de compris le plus mite de genre, ce n'est pas moins)
Stalin est l'élection de la langie.

11

En quoi consisterait le "++" ?
avatarAll right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

12

Un interface plus adapte aux smartphone et peut etre quelques trucs comme pour lister les forums et sujets voir afficher plus de 1 reponse a la fois
avatarProud to be CAKE©®™


GCC4TI importe qui a problème en Autriche, pour l'UE plus et une encore de correspours nucléaire, ce n'est pas ytre d'instérier. L'état très même contraire, toujours reconstruire un pouvoir une choyer d'aucrée de compris le plus mite de genre, ce n'est pas moins)
Stalin est l'élection de la langie.

13

C'est justement le détail de "plus adaptée au smartphone" qui m'intéresse, c'est légèrement vague comme feature request grin
avatarAll right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

14

Ha non ce n'est pas une feature request per se, juste que je reflechissait et je pense que Mes Sujets est une bonne base pour une version mobile de yN
avatarProud to be CAKE©®™


GCC4TI importe qui a problème en Autriche, pour l'UE plus et une encore de correspours nucléaire, ce n'est pas ytre d'instérier. L'état très même contraire, toujours reconstruire un pouvoir une choyer d'aucrée de compris le plus mite de genre, ce n'est pas moins)
Stalin est l'élection de la langie.

15

en général oui j'utilise mes sujets sur mobile, par contre ça serait effectivement plus commode si les éléments de navigation étaient de plus grande taille, quitte a afficher des lignes moins compactes.

16

OK, je vais essayer de faire quelque chose
avatarAll right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

17

attends l'avis des autres quand même, qu'il y ait un certain consensus grin

18

Nan mais je vais pas m'y coller là non plus, vous inquiétez pas vous avez tout le temps pour vous mettre d'accord avant qu'il y ait une ébauche de quoi que ce soit smile
avatarAll right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

19

20

Zeph (./8) :
Nan mais pour les pub OK, j'ai compris, il y a un topic dédié pour ça et je ne peux rien y faire pour le moment. Envoyez des mails à yAro si vous voulez que ça bouge plus vite. Je suis d'accord avec vous mais c'est pas une raison pour envahir toutes les discussions avec ça.
Oups j'ai trouvé ce topic via le suivi des sujets, je n'avais pas fait attention qu'il faisait suite à un message sur les publicités. Promis je recommencerai plus.
Folco (./9) :
T'es sûr que c'est Firefox le responsable ? yN est le seul site pour lequel je doive modifier le zoom de la page, parce que les polices par défaut sont trop petites (ie sur une fresh install de firefox dans une fresh install de windows ou linux).
Non, personellement je n'ai rien contre les police petites, bien au contraire, le problème sur le portable, c'est que la police varie d'un message à l'autre :
tromb Fichier joint : DBf7
Zeph (./13) :
C'est justement le détail de "plus adaptée au smartphone" qui m'intéresse, c'est légèrement vague comme feature request
Alors voici un concept tracé en quelque minutes sous paint, il n'est pas parfait ni complet, vu mes pauvres talents d'infographistes et mais il donnera une petite idée de ma vision d'une page d'accueil de yaronet plus adaptée aux smartphones.
tromb Fichier joint : epfT

Comme le propose Godzil je suis parti de la base de "Mes sujet" / "Suivi des sujets". Mais en l'améliorant pour fournir tout le contenu de yAronet de manière plus synthétique sous forme d'onglets. Le mini onglet avec la flèche vers le bas afficherait une popup inlne indiquant les onglets supplémentaires qui ne rentrent pas (flash-chat, mini-message, memo, par exemple). L'idéal serait que l'on puisse configurer dans son profil l'ordre des onglets et s'ils sont affichés directement ou accessible via le sous-menu.

Le point numéro un pour moi au niveau de l'ergonimie d'un site pour smartphone, c'est de ne pas oublier que c'est un petit ecran manipulé avec de gros doigts. Il faut que les liens soient assez espacés les un des autres et que les éléments soient assez larges (pas trop non plus), pour éviter les miss-clic, heu... miss-touch.

C'est pour cela que je propose de s'inspirer de la présentation des yAronews ou des topics : de petits encadrés hauts, facile a sélectionner. Les sous-éléments sélectionnables devraient être si possible aux deux extrémités et non pas cote a cote, là encore pour éviter les fausses manip,

- Onglet Mes sujets:
Comme vu sur le montage. Je propose d'au passage fusionner les sujets lus et non lus.
La flèche pour l'édition en ligne et la croix pour supprimer.
Je n'ai pas mis l'option "marquer comme lu", car je ne l'utilise jamais et que je voulait limiter le nombre d'élément cote a cote. Mais si elle manque a des gens une solution serait de remplacer la croix par un bouton qui déclenche une pop-up inline avec diverses option sur le sujet (ouvrir, marquer lu, supprimer,... )

- Onglet Derniers sujets
Même contenu que dans le panneau de droite du "Suivi des sujets" actuel mais avec la même présentation présentation que pour l'onglet "Mes sujets"

-Onglet yAronews
Pas grand chose a changer, par rapport a la version actuelle, il faudrait juste sortir le nuage de lien (ou le mettre en pied de page) et mettre le menu juste avant les news.

- Onglet Catégories
Je fusionnerais dans cet onglet les raccourcis (affiches en premier) et les sections de de l'index yAronet.

- Onglet Mini-messages/ Flash-Chat / Memo
Comme actuellement mais sous forme d'onglet pour plus de cohérence


Bon bien sur ça fait beaucoup, mais on me demande mon avis, je le donne.
avatar

21

Le mockup d'uther est interessant, mais c'est un peu petit grin
avatarProud to be CAKE©®™


GCC4TI importe qui a problème en Autriche, pour l'UE plus et une encore de correspours nucléaire, ce n'est pas ytre d'instérier. L'état très même contraire, toujours reconstruire un pouvoir une choyer d'aucrée de compris le plus mite de genre, ce n'est pas moins)
Stalin est l'élection de la langie.

22

Merci beaucoup pour le mockup, je ne sais pas du tout quand je pourrai m'attaquer à ça mais je le garde sous le coude smile
avatarAll right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

23

À la rigueur, pourquoi ne pas partir sur une page « mes sujets » dédiée aux mobiles ? Il n'y a pas forcément plus de fonctions à mettre (quelques liens comme les mmsg et l'accueil, le logo), plutôt une CSS et une réorganisation des éléments.
Ça serait un peu plus simple à faire (pas de compatibilité avec l'existant à prendre en compte).
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

24

flanker (./23) :
À la rigueur, pourquoi ne pas partir sur une page « mes sujets » dédiée aux mobiles ? Il n'y a pas forcément plus de fonctions à mettre (quelques liens comme les mmsg et l'accueil, le logo), plutôt une CSS et une réorganisation des éléments.
Ça serait un peu plus simple à faire (pas de compatibilité avec l'existant à prendre en compte).

Le logo n'est pas forcement utile, surtout si c'est de la place prise pour "rien"
avatarProud to be CAKE©®™


GCC4TI importe qui a problème en Autriche, pour l'UE plus et une encore de correspours nucléaire, ce n'est pas ytre d'instérier. L'état très même contraire, toujours reconstruire un pouvoir une choyer d'aucrée de compris le plus mite de genre, ce n'est pas moins)
Stalin est l'élection de la langie.

25

Le principal problème pour moi quand je viens sur un depuis mon mobile, c'est en effet la proximité du 'L' et du 'D' dans le suivi sujet.

Ensuite, le texte n'est pas adapté à la taille de l'écran, du coup je dois scroller horizontalement et zoomer /dezoomer en permanence, et du coup je clique sur des liens par erreur, bref grin mais pour le coup je ne sais pas si ça vient d'IE pour WP7.5 ou de yN.

Donc comme déjà dit ici, un bon point serait de mieux espacer et de grossir les liens, voire d'avoir une demande de confirmation pour la suppression d'un topic.
avatarQue cache le pays des Dieux ? - Ximoon's Box - Forum Ghibli - Forum Littéraire

La fin d'un monde souillé est venue. L'oiseau blanc plane dans le ciel annonçant le début d'une longue ère de purification. Détachons-nous à jamais de notre vie dans ce monde de souffrance. Ô toi l'oiseau blanc, l'être vêtu de bleu, guide nous vers ce monde de pureté. - Sutra originel dork.

26

Le coup de la taille du texte c'est uniquement sur yAronet ? Parce qu'il n'y a rien de très exotique dans la CSS, j'ai du mal à voir ce qui peut poser problème par rapport à n'importe quel autre site ?
avatarAll right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

27

C'est un "bug" que partagent Firefox et chrome sur android. Pas bien sur de ce qui cause ça, mais je n'ai pas vraiment vu ce problème sur d'autre site. En fait je crois que le navigateur détermine si c'est un court ou un long bloc (basé sur le nb de caractères peut être), et les courts blocs (typiquement liens, éléments de navigation, titres) sont affichés en grand alors que pour les longs blocs il suppose que tu vas double taper pour les lire donc choisit une petite police.
avatarHighway Runners, mon jeu de racing à la Outrun qu'il est sorti le 14 décembre 2016 ! N'hésitez pas à me soutenir :)

https://itunes.apple.com/us/app/highway-runners/id964932741

28

Je ne savais pas que Chrome souffrait du même souci. J'ai eu ce soucis sur d'autre site, mais c'est heureusement asssez rare, sur yAronet, c'est malheureusement systématique. Je m'étais renseigné, et il semble que c'est un bug connu du coté de Firefox : https://bugzilla.mozilla.org/show_bug.cgi?id=707195 , mais ils semblent peiner à trouver une solution qui ne casse pas encore plus de sites.

Il semblerait que le problème vienne de l'utilisation de tables imbriquées, le système de calcul automatique de l'adaptation de la police traite séparément chaque table ce qui provoque cette étrange résultat. Pour corriger cela il faudrait sans doute revoir la façon dont sont imbriqués les éléments affichés pour ne plus utiliser de tables..
avatar

29

Bon, comme je n'ai toujours pas pris le temps de m'occuper de cette feature, je tente une autre formule. J'ai préparé une page minimale qui pourrait servir de base à un "derniers sujets 2.0" destiné aux smartphones (par exemple ce que proposait Uther au post ./20). Le code n'est pas très complexe, en revanche je n'ai à la fois aucun talent pour les CSS et pas de smartphone pour voir ce que ça donne, donc si vous voulez vous essayer à faire un template de cette future page vous êtes les bienvenus smile

HTML + CSS ici : http://www.mirari.fr/6DPR

Ce template ne contient des styles que pour le haut et le bas de la page (qui sont utilisés sur d'autres pages, donc il faudrait éviter de les changer). En revanche tout le milieu de la page est complètement libre aussi bien au niveau des styles que du contenu (je n'ai mis que les liens vers les topics mais il manque tous les boutons supprimer, marquer comme lu, etc).

À votre bon coeur !
avatarAll right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

30

Ah cool, je regarderai ça demain si j'ai un peu de temps smile
avatarLe 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