Harmoniser les actions: transférer, partager, permalien... proposées lors de la sélection d'une message

[giomfo]

L'implémentation actuelle de ces options est différentes sur chaque client (iOS, Android et Web), elle correspond à celle existante sur l'application initiale Riot.

Dans le design actuellement proposé, l'option "permalien" est gérée par l'option "partager".

Nous souhaitons réfléchir ici sur un écran unique permettant de centraliser ces options, et d'aider l'utilisateur à mieux comprendre l'intérêt de chacune des options. Une seule option serait alors proposée sur la selection d'un message afin d'ouvrir cet écran. Cet écran présenterait de manière ludique les différentes possibilités. L'utilisateur serait alors guider dans un flow d'écrans secondaires en fonction de son choix

Note: L'option "coller" pourrait faire partie de la liste

[harellano20]

@areox-net peux tu avoir une première réflexion sur ce point? Merci

[areox-net]

J'ai commencé à réfléchir à ce sujet et en réalité je me dis on peut tout simplifier avec un écran compact qui offre déjà pas mal de possibilités sans besoin d'ouvrir trop d'écrans secondaires. Je ne pense pas que un flow ludique, voir pédagogique multi-écran/états soit nécessaire car on parle de fonctions assez basiques et standard dans les appli de messagerie. Ce que aujourd'hui peut poser de problèmes est simplement l'ambiguïté entre "transferer" et "partager".

Voici donc ma première proposition: l'action sur message "Partager" ouvre un écran avec 3 macro éléménts auxquelles correspondent des actions explicites et directement accessibles :

• Bouton "Copier lien" (on copie le permalien dans le clipboard du téléphone et on fait ce qu'on veut après. Pas besoin de parler de "permalien", "génération du lien" ou de montrer le lien, infos superflues pour l'utilisateur)
• Bouton "Partager lien" (cela ouvre la modale native de partage iOS ou Android)
• Bloc "Conversations et contacts". En etant directement affiché il propose de choisir rapidement une personne ou un salon avec lequel partager le message. A voir si par default elle est ouverte sur conversations ou contacts.

Ai-je oublié des actions/options possibles? @giomfo , je n'ai pas compris quelle est l'option "coller".

[harellano20]

Je pense qu'il faut en effet essayer d'homogénéiser les différentes interfaces. Afin de répondre à ta question @areox-net voici les actions/options possibles sur WEB et IOS. Je n'ai pas Android.

Tchap WEB

En tant que participant en cliquant sur "option" quand le message est surligné, voici les possibilités affichées :

• Transférer le message
• Voir la source
• Partager le message
• Citer
• Répondre
• Effacer (si c'est son contenu)

En tant qu’admin :

• Supprimer
• Transférer le message
• Voir la source
• Voir la source déchiffrée
• Partager le message
• Citer
• Répondre
• Informations sur le chiffrement de bout en bout

Mobile IOS

En cliquant sur le message, nous avons 2 possibilités Premier écran : avec une barre qui apparait en bas

• copier
• répondre
• effacer Deuxième écran en cliquant sur "...plus"
• citer
• partager
• créer et copier un lien
• signaler le contenu

On remarque en effet que le comportement est différent, voir les appellations suivant les clients. Je pense qu'il faut effectivement faire des rassemblements pour simplifier ces actions et les nommer de la même façon afin de les rendre cohérentes d'un client à l'autre. Quand on survol un message, il faut rassembler toutes les actions comme pour le web directement sur l'interface sans passer par des actions intermédiaires un peu comme pour whatsapp *. Par exemple ne mettre que des icones avec la signification en survol pour gagner de la place? les placer en bas pour la partie mobile plutôt que en haut?

Voici il me semble l'ensemble des actions + propositions Angelo :

1 - Bouton "Copier lien" (on copie le permalien dans le clipboard du téléphone et on fait ce qu'on veut après. Pas besoin de parler de "permalien", "génération du lien" ou de montrer le lien, infos superflues pour l'utilisateur) 2 - Bouton "Partager lien" (cela ouvre la modale native de partage iOS ou Android) 3 - Bloc "Conversations et contacts". En etant directement affiché il propose de choisir rapidement une personne ou un salon avec lequel partager le message. A voir si par default elle est ouverte sur conversations ou contacts. 4 - Transférer 5 - Répondre 6 - signaler le contenu 7 - effacer

[harellano20]

@areox-net nous pouvons prévoir si besoin un point sur le sujet à deux.

[areox-net]

Merci @harellano20 ,

cette liste unique au tap sur message est déjà ce qui a été proposé dans la dernière mission design. Elle propose ls actions suivantes:

• Favori
• Copier
• Repondre
• Transferer
• Partager
• Signaler ("Modifier" si tap sur mon message)
• Effacer

L'objectif actuel est de optimiser davantage cette liste d'action et éviter l'ambiguïté qui existe entre "partager" et "transferer". La nouvelle liste ressemblerait à ça (NB: signaler et remplacé par "Editer" dans le cas ou je clique sur un message dont je suis l'auteur):

• Favori
• Copier
• Repondre
• Partager
• Signaler ("Modifier" si tap sur mon message)
• Effacer

Le bouton "Partager" ouvre l'écran que j'ai proposé en haut.

[giomfo]

@harellano20 je suis d'accord avec la dernière réponse de @areox-net, je te propose d'en parler en direct

[giomfo]

@areox-net: J'ai plusieurs remarques sur ta proposition.

• l'écran est trop complexe : les utilisateurs ne comprendront pas à quoi sert la liste des contacts (et des conversations) si ils souhaitent seulement copier ou partager un lien.
• si j'ai bien compris l'écran, il manque la possibilité de partager le message sélectionné à l'extérieure de Tchap.

Après en avoir discuté avec @harellano20 , il me semble important de trouver un moyen de bien distinguer les 2 cas suivants:

• l'utilisateur veut rediriger d'autres utilisateurs vers un message, une image ou un fichier posté dans un salon -> il va alors utiliser un lien (Attention, ce lien n'a d'intérêt que si les personnes à qui il est fourni peuvent accéder au salon en question). 3 actions sont possibles pour ce lien:
  • le copier dans le clipboard du téléphone pour en faire ce qu'il veut (ex: le mettre dans le contenu d'un email).
  • le poster dans un autre salon (il faut alors sélectionner une conversation ou un contact)
  • le partager au travers d'une autre application
• l'utilisateur veut faire suivre un contenu (message, image, fichier...) en l'envoyant à son tour. 3 actions sont alors possibles pour ce contenu:
  • le copier dans le clipboard du téléphone pour en faire ce qu'il veut (ex: le mettre dans le contenu d'un email).
  • le poster dans un autre salon (il faut alors sélectionner une conversation ou un contact)
  • le partager au travers d'une autre application (les deux derniers points correspondent à ce que WhatsApp fait sur l'option "Transférer".

Nous en reparlerons mardi prochain.

Les remarques d' @harellano20 sur la présentation de l'ensemble des actions proposées seront considérées dans un deuxième temps.

[areox-net]

Merci @giomfo , je ne suis pas sur de partager tes remarques.

En réfléchissant en peu plus, j'ai de plus en plus l'impression que cette option "lien" nous complique la vie plus que nous aider.

A-t-on vraiment besoin de ce lien ? Un "transferer" à la whatsapp ne suffit pas ? Dans les 2 cas que tu cites je ne vois pas de difference: dans les 2 on souhaite qu'un utilisateur lise un message. Hors si on lui envoie un lien et il n'a pas accès au salon source il ne pourra pas le lire!!!

Pourquoi donc ne pas permettre l'usage suivant sur un message (comme Whatsapp):

• copier le texte du message et faire ce qu'il veut avec (cela se fait avec le bouton "copier")
• transferer le message comme sur Whatsapp. Si on a les droits, on peut cliquer sur le message pour le voir dans son contexte originale. Sinon on peut le lire directement dans la conversation.

Le seul cas où je voit l'utilité d'un lien est le partage d'un message à l'exterieur de Tchap. Mais pour que le destinataire puisse le lire il doit avoir un compte Tchap. Donc pourquoi ne pas lui transferer le message directement dans Tchap?

[giomfo]

Suite à notre dernière discussion:

• @clemhacks confirme que l'option lien est utilisée par les utilisateurs Tchap. Il est préférable de la conserver.

• en fin de discussion, deux approches se sont détachées:

  • On conserve les options actuelles (en veillant qu'elles soient bien présentes sur tous les clients):

    • Transférer -> envoie le contenu du message dans un autre salon Tchap
    • Partager -> envoie le contenu du message dans une autre application
    • Créer/Copier un lien -> copie un lien dans le clipboard de l'appareil pour en faire ce qu'il veut

    Inconvénient: la liste d'option est trop longue

  • On conserve uniquement une option "Transférer", qui propose alors les différentes options (cf l'écran intermédiaire sur WhatApp iOS)

[areox-net]

Voici un doc d'exploration de 3 pistes pour le transfer et partage des message. Les 3 presentent des proposition differentes pour la liste des actions sur un message et la manière de le partager:

1. Un menu contextuel complet avec l'ensemble des 8 options. C'est ce qu'on à aujourd'hui sur iOS mis sur 2 lignes. Il est très voyant mais il presente toutes les options d'un coup et clairement, en faisant la différence entre transferer, partager et copier lien. Désavantage: on ne peut pas transmettre le lien directement dans Tchap.
2. Un menu reduit sans l'option "copier lien" qui est une option du parcours guidée de "transferer"
3. Un menu encore plus reduit: une seule option "transferer" permet de copier le lien, le partager ou le transferer dans Tchap.

Malgré sont petit désavantage, che Nodesign nous avons une préférence pour la 1. Les autres deux sont puissantes (on peut tout faire) mais aussi complexes.

DINSIC-TchapV3.6-PartageMessage.pdf

[giomfo]

Ordre de preference (@clemhacks, @Yoshiin and I): option 1, puis option 3.

Note sur l'option 1: en cas de message envoyé par l'utilisateur, l'option "Signaler" sera remplacé par "Editer" (on reste sur 8 options).

option 2 et 3, proposition de changements pour les textes :

• "texte du message" -> "contenu du message"
• "lien du message" -> "lien vers le message"

[harellano20]

@areox-net Pour ma part, je suis aussi sur l'option 1. Cela permet de bien voir en une fois toutes les possibilités offertes par Tchap et cela évite des écrans intermédiaires. Bon travail.

[giomfo]

Suite au sync:

• l'option 1 est retenue

Questions:

• Si le design fourni correspond bien à l'actuel design de Tchap-iOS, ce n'est pas le cas pour Tchap-Android. Quel est le plan? -> on met à jour la liste de options affichées actuellement en Android, sans change l'actuel design.
• Pour information, l'affichage de ce menu sur une message sélectionné est different dans l'actuel Element-Android: -> nous utiliserons ce rendu en ajustant seulement la liste des options

[areox-net]

Voici 2 propositions basé sur le modele posté par @giomfo.

1. La première fait exactement la meme chose: elle reaffiche le message séléctionné avec les actions en dessus de la discussion. J'ai juste amélioré l'affichage du message en le posant sur un fond qui le sépare des actions.

2. La deuxième est un hybride avec ma solution précedente, c.à.d que le message est affiché en focus dans la discussion, qui elle est scrollée automatiquement pour afficher un bloc des actions en full width. Pour les message très longs le message peut passer meme au dessus du header (CF Telegram)

[harellano20]

Je préfère la deuxième proposition avec une préférence pour que cela passe à terme au dessus du header car cela permet de faire le focus sur l'action Merci

[giomfo]

Après discussion, nous avons retenu la premiere option avec qq ajustements @areox-net fournira une mise à jour dans le projet Figma Cette implementation sera appliquée dans TchapX-Android Concernant iOS, @giomfo vérifie avec Element l'évolution de Element-iOS.

Pour les versions actuelles de Tchap (android et iOS), nous harmonisons seulement la liste des options pour l'instant