web-dev-qa-db-fra.com

Aide avec la fonctionnalité de chat

Je crée la fonctionnalité de chat pour un projet Web. Nous avons quelques spécifications:

  1. Prise en charge des messages généraux qui seront diffusés à tous les utilisateurs abonnés au chat de la salle, et pour cela j'ai un onglet appelé General.
  2. Prise en charge des messages privés dans lesquels l'utilisateur actuel doit pouvoir sélectionner les récepteurs dans la liste des utilisateurs. J'ai donc un onglet Users avec des éléments de cases à cocher, une zone de texte et un bouton en bas.

Voici une maquette simple qui illustre le scénario:

enter image description here

BTW Je ne suis pas un designer UX, donc je suis à la recherche de suggestions.

  • Dois-je activer l'onglet Private lorsque l'on clique sur le bouton d'envoi pour afficher l'historique des conversations?
  • Ou devrais-je simplement remplacer la liste des utilisateurs et y montrer les conversations?
3
slackmart

Je le diviserais en public et en privé. BTW Je ne connais pas les conventions mobiles (peut-être que les boutons du haut devraient être à l'intérieur d'un menu hamburger pour économiser de l'espace ou pour avoir 1 contrôle avec toutes les actions possibles dans cette page).

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

Une alternative serait de faire de la "boîte de dialogue Choisir les participants" un onglet (similaire à vos onglets utilisateurs) et de supprimer le bouton Annuler. Pour moi, cela dépendrait du nombre d'actions que vous pouvez faire pour les utilisateurs (à part démarrer une conversation).

Quoi qu'il en soit, il est toujours bon de montrer qui participe au chat lorsque vous êtes dans une conversation privée, montrer l'icône comme les autres états de réponse est une bonne option. (Je ne l'ai pas inclus dans les maquettes)

2
Alejandro Veltri

Vous pouvez utiliser des bulles de chat dans une liste horizontale (qui est techniquement un onglet) comme sur l'application Facebook Messenger, avec un petit nombre dans un cercle pour indiquer la quantité de messages non lus.

Voici un plugin de chat que j'ai trouvé assez convivial. Même s'il est assez lourd, il semble facile à utiliser. pourrait vous donner quelques idées

enter image description here

www.spot.im

3
Ameen Akbar