Page 1 of 2

Question d'expérience utilisateur, interface, etc...

Unread postPosted: 12 Feb 2017, 12:16
by Hayleia
Supposons qu'on ait une liste d'éléments dans ce goût là (celle de gauche).
Image
Il faudrait pouvoir l'éditer, donc supprimer des éléments et en déplacer.

Ma question est toute conne : comment vous voudriez contrôler ça sur un écran tactile ?

Note : il va falloir que je le code après alors éviter de me dire "quand tu gardes appuyé sur une case, elle passe en semi transparence et tu peux la drag and drop jusque là où tu veux, avec mise à jour en temps réél de la liste (c'est dire que même pendant que tu gardes ta case appuyé, quand t'es entre deux autres cases, celles-ci s'éloignent l'une de l'autre pour faire de la place à celle que tu veux réinsérer là".
Du coup, les actions autorisées sont le clic, le clic long, et le scroll. Mais évitez le drag and drop.

Exemple d'actions possibles.
  • pour déplacer, faire un clic long sur un élément e1, il passe en surbrillance, et ensuite cliquer sur un élément e2 déplace e1 juste après e2.
  • pour supprimer, faire un clic long sur un élément e1 puis faire un clic long sur le même élément e1.
Autre exemple.
  • cliquer longuement sur un élément le déplace dans le clipboard (et le supprime donc de la liste entre temps)
  • si le clipboard est non vide, cliquer sur un élément place le contenu du clipboard après cet élément
  • cliquer sur la liste de droite vide le clipboard
Bref, vous voyez le genre. Une idée vous plaît la dedans ? Vous en avez d'autres ? J'attends vos commentaires...

Re: Question d'expérience utilisateur, interface, etc...

Unread postPosted: 12 Feb 2017, 12:56
by Alvoko
Je te propose de faire un truc à la windows mobile ( :troll: ) Image

Plus sérieusement:

Un clique long(2 secondes)
Un nouveau menu de gestion apparaît sur l'ecran supérieur manipulable avec les touches(il pourrait contenir par exemple, rajouter à une playlist, copier, supprimer, couper etc)
Et ce menu serait manipulable de deux façons:
soit avec la croix ou le circle pad.
Soit avec des boutons de raccourcis(x pour copier, y pour couper, a pour playlist, b pour supprimer, r pour annuler etc)

Re: Question d'expérience utilisateur, interface, etc...

Unread postPosted: 12 Feb 2017, 13:36
by Adriweb
Je ne suis pas bien sur de comprendre la limitation par rapport au drag'n'drop, si c'est pour les animations (oui, c'est toujours un peu chiant, je sais), il n'y a pas forcément besoin d'en faire, en l'occurence, épaissir la bordure du bas de la case sous la souris (lors du drag) par exemple, ne requiert aucune animation et est donc bien plus simple à coder, tout en étant très intuitif (drag'n'drop donc) pour l'utilisateur.

Bref sinon, un toggle "édit" qui fait afficher des petits boutons "^" et "v" a droite de la case en question. cf ici ou carrément un index, cf. ici

Re: Question d'expérience utilisateur, interface, etc...

Unread postPosted: 12 Feb 2017, 13:45
by Hayleia
Oui c'est pour les animations en gros. Je ne dispose que de draw_rectangle et draw_text, et ma liste un un vieux char**, alors si on pouvait éviter de me dire de dessiner des rectangles et du texte ailleurs qu'alignés dans la liste, ça m'arrangerait beaucoup.

Sinon, l'idée des ^ et v n'est pas débile. Ça me fait afficher plus de choses dans la liste aussi donc ça m'arrange moins que la solution d'Alvoko mais niveau "animations" ça passe.

Re: Question d'expérience utilisateur, interface, etc...

Unread postPosted: 12 Feb 2017, 13:55
by Hayleia
Autre proposition.
  • clic long sur l'élément e1 pour le sélectionner (surbrillance), clic court sur l'élément e2 pour insérer e1 après e2
  • swipe à gauche pour supprimer

Re: Question d'expérience utilisateur, interface, etc...

Unread postPosted: 12 Feb 2017, 14:03
by Adriweb
Hayleia wrote:Autre proposition.
  • clic long sur l'élément e1 pour le sélectionner (surbrillance), clic court sur l'élément e2 pour insérer e1 après e2
  • swipe à gauche pour supprimer

C'est ce que j'avais cru comprendre initialement, et donc du coup oui, c'est le mieux (le moins mauvais après DnD disons).

Re: Question d'expérience utilisateur, interface, etc...

Unread postPosted: 12 Feb 2017, 14:05
by Hayleia
Adriweb wrote:C'est ce que j'avais cru comprendre initialement, et donc du coup oui, c'est le mieux (moins mauvais après DnD disons).

Le premier point est le même que dans mon premier post oui, mais le deuxième a changé. Parce que les gens pourraient vouloir dé-highlighter un élément en le gardant appuyé une deuxième fois, ce qui d'après mon premier post va le supprimer -.-
D'où le changement d'action pour la supression, une action qui n'a aucun rapport. En plus une action horizontale donc je peux ajouter des "animations" sans que ça me dérange au niveau de l'organisation verticale de la liste :D

Re: Question d'expérience utilisateur, interface, etc...

Unread postPosted: 12 Feb 2017, 18:50
by Ti64CLi++
Mais pourquoi cherches-tu à faire ça? (curiosité)

Re: Question d'expérience utilisateur, interface, etc...

Unread postPosted: 04 Mar 2017, 08:46
by Hayleia
Nouvelles questions :D

Problème 1
On sait comment swapper et supprimer, mais on ne sait pas comment insérer (c'est à dire que vous prenez l'élément X et vous le mettez avant l'élément Y et ça décale ce qu'il faut au lieu d'échanger X et Y).
Quelle action déclencherait cette réaction ?
    Proposition 1
  • clic long sur X, X passe en surbrillance
  • clic long sur Y, X passe devant Y
    Proposition 2
  • clic long sur X, X passe en surbrillance
  • clic long sur Y, Y passe devant X
    Proposition 3
  • clic long sur X, X passe en surbrillance
  • swipe gauche sur Y pour insérer X avant Y, swipe droit sur Y pour insérer X après Y

Problème 2
Vous avez remarqué qu'il y avait 2 listes en fait sur l'image, une à gauche et une à droite. En fait, celle de droite est un navigateur et celle de gauche une playlist. Du coup, vous pouvez envoyer des éléments de la liste de droite vers celle de gauche. Sauf que pour l'instant, vous ne pouvez envoyer des éléments qu'à la fin de la liste. On aimerait là aussi pouvoir les insérer à un endroit sans les envoyer à la fin puis les déplacer.
Et je n'ai qu'une proposition en fait, mais je demande quand même puisque vous pouvez proposer mieux (ceci est valable pour le problème précédent aussi).
    En gros, lorsqu'on clique sur un élément X du navigateur,
  • soit un élément Y de la playlist était en surbrillance (clic long), auquel cas X est inséré après Y
  • soit aucun élément de la playlist n'était en surbrillance, auquel cas X est inséré à la fin
Il y a un problème avec cette méthode, c'est que du coup, si vous avez un Y en surbrillance et cliquez sur X1 et X2 dans cet ordre, vous vous retrouverez avec X2 devant X1. Du coup j'ai menti, j'ai une deuxième proposition.
    En gros, lorsqu'on clique sur un élément X du navigateur,
  • soit un élément Y de la playlist était en surbrillance (clic long), auquel cas X est inséré après Y et c'est X qui passe en surbrillance
  • soit aucun élément de la playlist n'était en surbrillance, auquel cas X est inséré à la fin

Idées, critiques, etc ?
Note: évitez toujours le drag&drop, c'est probablement plus faisable et intuitif et pratique dans ce dernier problème que dans tous les autres, mais vu comment je gère les deux listes et les clics, ce que j'ai proposé est de très loin beaucoup plus simple qu'un drag&drop.

edit Certaines personnes ont la flemme de répondre sur le topic mais pas sur le chat :P
Je copie-colle ici pour que les autres voient l'avis et puissent discuter.
(09:23:07) Clifward: la proposition 3 est compliquée
(09:23:24) Hayleia: compliquée pour l'utilisate​ur tu veux dire ?
(09:23:34) Clifward: Ouais
(09:23:38) Clifward: Enfin pas intuitif du tout
(09:23:43) Hayleia: ouais, je dis pas le contraire
(09:23:50) Clifward: Moi je dirais proposition 1
(09:31:52) Dark_coco: Proposition 1
clic long sur X, X passe en surbrillanc​e
clic long sur Y, X passe devant Y
(09:32:08) Dark_coco: Je pense que c'est la mieux
(09:33:38) Dark_coco: En gros, lorsqu'on clique sur un élément X du navigateur,
soit un élément Y de la playlist était en surbrillanc​e (clic long), auquel cas X est inséré après Y
soit aucun élément de la playlist n'était en surbrillanc​e, auquel cas X est inséré à la fin
(09:33:56) Dark_coco: Ça me paraît bien

Re: Question d'expérience utilisateur, interface, etc...

Unread postPosted: 04 Mar 2017, 11:08
by Epharius
Pour le problème deux, ce serait possible d'insérer l'élément comme ça :
- on sélectionne l'élément X à inserer
- on clique dans la playlist sur un élément Y
- le nouvel élément s'insère après
Je ne sais pas si ça ressemble trop à du drag'n drop mais je trouverais ça plus intuitif que d'abord sélectionner la où on veut le mettre.

EDIT : j'ai pas compris la différence entre le problème 1 et 2 :p