Interface Sudoku la plus logique?
Je travaille sur le front-end pour un programme de sudoku que j'ai écrit pour le plaisir. Je discute de l'interface la plus logique: une interface entièrement basée sur les clics ou une méthode d'entrée de clavier standard.
Click Based: Le pro de cette méthode est que vous n'avez pas à basculer entre la souris et le clavier (étant donné que la plupart des gens ont deux mains ...). Vous pouvez cliquer sur le carré souhaité et cliquer sur une valeur dans une liste qui apparaîtra. Cela faciliterait également le transfert de ces informations vers des appareils mobiles.
Basé sur le clavier: Avec cette méthode, l'utilisateur peut cliquer sur le carré souhaité ou utiliser la touche de tabulation pour naviguer entre les carrés. J'ai trouvé que cela facilite la saisie des valeurs au départ (par exemple lors du remplissage du tableau avec des valeurs de départ), mais rend la tâche plus fastidieuse après cela car je me retrouve à déplacer mes yeux du moniteur vers le clavier.
Quelle est votre opinion sur ce problème? Est-ce que l'un est meilleur que l'autre?
Général
Vous avez essentiellement deux opérations:
- Sélectionnez la cellule
- Modifier la valeur de la cellule sélectionnée
chacun devrait être possible avec le clavier ou avec la souris, et je devrais pouvoir sélectionner une cellule avec la souris, puis entrer la valeur au clavier.
Bien que basculer entre la souris et le clavier soit coûteux et ne devrait pas être nécessaire pour un utilisateur expérimenté, il est courant lors de l'apprentissage des mécanismes d'une application: souris pour l'exploration, puis essayez des méthodes de clavier évidentes pour accélérer les choses vers le haut.
souris uniquement
Cliquez sur une cellule, puis sur le numéro.
Dans ce cas particulier, j'éviterais une fenêtre contextuelle près/autour de la cellule cliquée, car elle peut couvrir les cellules environnantes qui contiennent les indices pour quelle valeur choisir.
Un separtre "valorise bien" (c'est-à-dire à droite ou en bas du champ sudoku) est mauvais pour la souris, mais ok pour le toucher.
Une méthode intéressante serait de mettre les choix dans la cellule par ex. comme une petite matrice 3x3. Mais même avec un pop-out non masqué ou un effet "fisheye" pour la cellule sélectionnée, les cibles sont probablement trop petites pour les doigts. Cela pourrait être "sauvegardé" en faisant de la cellule voisine la cible du clic - ce qui nécessiterait des indices visuels, mais pourrait mélanger le "popup centré sur la cellule" avec "ne pas cacher".
[modifier] Remarque: Je ne recommande pas d'implémenter les deux puits, je mets simplement les deux options dans une seule image. [/Éditer]
Clavier
Sélectionnez la cellule avec les touches fléchées (ou le "contrôleur à 4 directions"), entrez le chiffre (si disponible), ou appuyez sur entrée/espace pour accéder aux "valeurs bien" et sur le contrôleur à 4 directions pour sélectionner la valeur .
Mode mixte Une méthode typique pourrait être de sélectionner la cellule avec la souris (cliquez dessus), puis d'entrer le valeu au clavier (tapez le nombre). Fonctionne parfaitement pour les souris de gauche avec le bloc numérique - mais sachez qu'il existe des orientations de remorquage du bloc numérique.
Que diriez-vous de donner les deux options? Je pense que certains utilisateurs préfèrent utiliser le clavier et d'autres pas, et comme vous l'avez dit, même le même utilisateur peut préférer le clavier quelques fois, et la souris une autre fois (par exemple, lorsque vous utilisez un trackpad au lieu d'une souris, je le ferais choisissez l'option clavier, mais si j'avais une souris physique, je choisirais l'option souris).
Si vous leur permettez d'entrer les nombres à l'aide du clavier et leur permettez également de sélectionner un nombre avec la souris (peut-être qu'un pavé numérique virtuel pourrait apparaître après avoir cliqué sur la cellule?), Vous couvrirez un plus grand nombre d'utilisateurs, et je pense l'effort supplémentaire de donner les deux options en vaut la peine.
Si vous devez choisir, basé sur la souris. Mais au lieu d'une liste, offrez une matrice 3x3 pour choisir le nombre.
Taper les chiffres nécessitera beaucoup de déplacement de la souris au clavier et vice versa, ou des charges de clics sur les onglets.
Choisir parmi les combos peut être frustrant.
J'irais avec une approche différente - soit la souris uniquement, soit le clavier uniquement.
Souris uniquement: offrez une plage de 1 à 9 chiffres sur les côtés, qui peuvent être glissés sur des carrés. De plus, pour les débutants, vous pouvez réduire les options de glisser-déposer, pour s'adapter aux possibilités légales de chaque cellule cible.
Clavier uniquement: utilisez qweasdzxc comme flèches pour la navigation et le pavé numérique pour les entrées (même si le verrouillage numérique est désactivé). De cette façon, seul le clavier est requis.
Je pense que la meilleure façon est d'utiliser le clavier, mais si vous utilisez le clavier: est-il judicieux de construire un panneau 3x3 (et une gomme)? La réponse est: "Simuler"
À votre place, je m'efforcerais de faire une application à ces deux implémentations:
- Si vous utilisez le clavier: simulez les frappes dans le panneau 3x3.
- Si vous utilisez la souris: utilisez le panneau 3x3.
De cette façon, vous auriez les deux et le confort du client.