Flux de l'interface utilisateur du jeu de chat / dessin
Je crée ma première application Web Node.js qui est une combinaison de salles de chat et de salles de jeux (dessin). Pour l'instant, je ne sais pas trop comment mettre ces 2 fonctionnalités en pratique.
Voici ce que j'avais en tête: Écran de discussion de base: 
Écran de jeu de dessin de base: 
Écran d'attente: 
Ma question est donc la suivante:
Je voudrais ajouter une fonctionnalité permettant aux utilisateurs de rejoindre plusieurs salles de chat. Comment mettre en œuvre cette conception sage? (les pièces ne devraient pas être visibles pendant le jeu)
Si vous avez des suggestions, dites-le! Comme je suis assez novice en matière d'expérience utilisateur.
Je suggère une interface à onglets pour plusieurs pièces. Vous pouvez avoir des onglets dans le navigateur qui séparent la pièce dans laquelle vous vous trouvez, tout comme les onglets du navigateur standard. Cela utilise un espace minimal en haut de la fenêtre, est facile à comprendre et fonctionne bien.
Un bon exemple de gestion de plusieurs pièces pour l'étude peut être testé ici sur StackExchange, avec le SE chat .
Si vous rejoignez plusieurs pièces, il a simplement une vue de liste supplémentaire qui montre les noms des autres pièces dans lesquelles vous êtes présent ... et le dernier message publié dans cette pièce. Il y a un bouton dans la liste où vous pouvez changer votre vue actuelle pour basculer vers cette pièce, puis votre ancienne pièce actuelle devient une dans la liste des "derniers messages seulement affichés".
Je pourrais prendre des captures d'écran et le décrire plus en détail. Mais la meilleure chose à faire est de l'essayer. Si vous souhaitez publier sans déranger personne, utilisez le Sandbox:
http://chat.stackexchange.com/rooms/1/sandbox
Essayez ensuite de rejoindre (par exemple) le chat UX simultanément:
http://chat.stackexchange.com/rooms/389/ux-chat
Une fois que vous avez rejoint plusieurs salles, ouvrez une fenêtre de navigateur pour chacune. Ensuite, regardez sous la liste des avatars pour voir comment il gère la liste des pièces dans lesquelles vous vous trouvez avec le dernier message dans cette pièce.
Si vous recherchez un clone open-source de chat StackExchange, consultez Miaou:
http://dystroy.org/miaou/static/intro.html
C'est sous licence MIT , vous pouvez donc voleremprunter sans soucis.
Vous voudrez peut-être même implémenter votre application de dessin en tant qu'extension et éviter de réimplémenter toutes ces fonctionnalités ... car cela vous permet d'intégrer des jeux dans le chat. Voir Miaou Games où vous pouvez jouer à "Tribo".
(Remarque: le développeur de Miaou est (peut-être évidemment) n utilisateur SE ... et est probablement disposé à répondre aux questions.)