Je crée la fonctionnalité de chat pour un projet Web. Nous avons quelques spécifications:
General
.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:
BTW Je ne suis pas un designer UX, donc je suis à la recherche de suggestions.
Private
lorsque l'on clique sur le bouton d'envoi pour afficher l'historique des conversations?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).
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)
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
www.spot.im