it-swarm-eu.dev

Interfaccia Sudoku più logica?

Sto lavorando sul front-end per un programma di sudoku che ho scritto per divertimento. Sto discutendo quale interfaccia è più logica: un'interfaccia interamente basata su clic o un metodo di immissione da tastiera standard.

Click Based: Il pro di questo metodo è che non devi passare tra il mouse e la tastiera (ammesso che la maggior parte delle persone abbia due mani ...). È possibile fare clic sul quadrato desiderato e fare clic su un valore da un elenco che verrà visualizzato. Ciò semplificherebbe anche il trasferimento su dispositivi mobili.

Basato su tastiera: Con questo metodo, l'utente può fare clic sul quadrato desiderato o utilizzare il tasto Tab per spostarsi tra i quadrati. Ho scoperto che questo rende inizialmente più facile l'immissione di valori (ad es. Quando si riempie la scheda con i valori iniziali), tuttavia lo rende più noioso dopo che mi ritrovo a spostare gli occhi dal monitor alla tastiera.

Quali sono le tue opinioni su questo problema? Un modo è migliore dell'altro?

7
williamg

Generale

Fondamentalmente hai due operazioni:

  • Seleziona cella
  • Cambia il valore della cella selezionata

ognuno dovrebbe essere possibile con la tastiera o con il mouse e dovrei essere in grado di selezionare una cella con il mouse, quindi inserire il valore con la tastiera.

Mentre il passaggio tra mouse e tastiera è costoso e non dovrebbe essere necessario per un utente esperto, è comune durante l'apprendimento della meccanica di un'app: mouse per l'esplorazione , quindi provando ovvi metodi della tastiera per velocizzare le cose.

Solo mouse
Fai clic su una cella, quindi fai clic sul numero.
In questo caso particolare eviterei un popup vicino/intorno alla cella su cui è stato fatto clic, perché può coprire le celle circostanti che contengono i suggerimenti per il valore da selezionare.

Un separtre "valori bene" (cioè a destra o in fondo al campo del sudoku) fa male al mouse, ma va bene per il tocco.

Un metodo interessante sarebbe mettere le scelte nella cella ad es. come una piccola matrice 3x3. Ma anche con un popout non nascosto o un effetto "fisheye" per la cella selezionata, gli obiettivi sono probabilmente troppo piccoli per le dita. Questo potrebbe essere "salvato" rendendo la cella vicina la destinazione del clic - che richiederebbe alcuni segnali visivi, ma potrebbe mescolare il "popup centrato sulla cella" con "non nascondere".

alt text

[modifica] Nota: non consiglio di implementare entrambi i pozzetti, ho solo messo entrambe le opzioni in una sola immagine. [/modificare]

tastiera
Seleziona la cella con i tasti freccia (o il "controller a 4 vie"), inserisci la cifra (se disponibile) o premi invio/spazio per accedere ai "valori bene" e il controller a 4 vie per selezionare il valore .

Modalità mista Un metodo tipico potrebbe essere selezionare la cella con il mouse (fare clic su di essa), quindi immettere il valore tramite tastiera (digitare il numero). Funziona perfettamente con i mancini del mouse con il blocco numerico, ma tieni presente che ci sono orientamenti di rimorchio del blocco numerico comuni.

8
peterchen

Che ne dici di dare entrambe le opzioni? Penso che alcuni utenti preferiscano usare la tastiera e altri no, e come hai detto, anche lo stesso utente potrebbe preferire la tastiera alcune volte e il mouse un'altra volta (ad esempio, quando si utilizza un trackpad invece di un mouse, vorrei scegliere l'opzione della tastiera, ma se avessi un mouse fisico, sceglierei l'opzione del mouse).

Se permetti loro di inserire i numeri usando la tastiera e permetti anche loro di selezionare un numero con il mouse (forse potrebbe apparire un tastierino numerico virtuale dopo aver fatto clic sulla cella?), Coprirai un numero maggiore di utenti e penso lo sforzo extra di dare entrambe le opzioni è valsa la pena.

12
aaecheve

Se devi scegliere, basato sul mouse. Ma invece di un elenco, offri una matrice 3x3 per scegliere il numero.

2
ammoQ

Digitare i numeri richiederà molto spostamento dal mouse alla tastiera e viceversa, o un sacco di clic sulla scheda.

Scegliere tra le combo può essere frustrante.

Andrei con un approccio diverso - solo il mouse o solo la tastiera.

  1. Solo mouse: offri un intervallo di numeri 1..9 ai lati, che può essere trascinato sui quadrati. Inoltre, per i principianti, è possibile ridurre le opzioni di trascinamento della selezione, per adattarsi alle possibilità legali per ogni cella di destinazione.

  2. Solo tastiera: utilizzare qweasdzxc come frecce per la navigazione e il tastierino numerico per gli input (anche se il blocco numerico è disattivato). In questo modo è necessaria solo la tastiera.

2
Danny Varod

Penso che il modo migliore sia usare la tastiera, ma se usi la tastiera: ha senso costruire un pannello 3x3 (e gomma)? La risposta è: "Simula"

Al posto tuo, mi impegnerei a presentare una domanda per queste due implementazioni:

  1. Se usi la tastiera: simula i tasti nel pannello 3x3.
  2. Se si utilizza il mouse: utilizzare il pannello 3x3.

In questo modo avresti entrambi e il comfort del cliente.

1
Diego Pacheco