Gli stati hover sono necessari?

Io voto “sì”! È vero, gli eventi al passaggio del mouse non dovrebbero essere “dipendenti” perché i dispositivi touch sono così popolari. Tuttavia, Jon sembra chiedere informazioni sugli stati visivi al passaggio del mouse sui pulsanti, che è leggermente diverso.

Gli stati visivi al passaggio del mouse consentono “clickablity” . Non dovresti “fare clic su qualcosa per scoprirlo se è “un pulsante”. Gli utenti di laptop e desktop si aspettano che gli elementi “cliccabili” reagiscano al passaggio del mouse e avere un pulsante “che si illumina” è un indizio utile.

Consideralo come una forma di miglioramento progressivo . È utile per coloro che possono utilizzare e innocuo per coloro che non possono!

Commenti

• In effetti, ‘ arriverei al punto di dire che su un desktop nellambiente di navigazione, lutente potrebbe quasi pensare che ci sia qualcosa di sbagliato se non altro che il cursore cambia: siamo diventati così abituati a passare il mouse sulle modifiche.
• Questo era il mio argomento / pensiero più forte. ‘ ci siamo talmente abituati che ‘ sarebbe strano non averlo.
• Buon punto sul miglioramento progressivo. Tuttavia, ‘ aggiungerei unaltra cosa a "You shouldn't have to click something to find out if it's a button."; non dovresti ‘ dover passare il mouse su qualcosa per scoprire se è ‘ un pulsante.
• Vorrei anche dire che laggiunta di stati visivi al passaggio del mouse sui pulsanti fornisce allutente un feedback positivo per la sua azione o la sensazione di un premio mentale.
• Essendo passato da Windows 7 che si basava molto sugli stati al passaggio del mouse e spesso utilizzavano contorni o pannelli per indicare i pulsanti, a Windows 8 che spesso nessuno dei due in ” Metro ” interfaccia di stile, ‘ ho trovato Win 8 incredibilmente frustrante da usare a volte. Potrebbe essere ciò per cui MS vuole che i designer codifichino per Win 8, ma IMX ‘ è chiaramente sbagliato farlo.

Cerco di evitare il più possibile gli stati di hover nel design. Il motivo principale è che sono privi di significato sui dispositivi touch.

Anche se può sembrare che non si applichi quando non si progetta per i dispositivi mobili, molte persone utilizzano i loro tablet o altri dispositivi touch per sfoglia gli stessi siti web o utilizza le stesse applicazioni che normalmente useresti solo su un computer con un mouse.

limitandoti per non utilizzare eventi al passaggio del mouse, non solo rendi piacevole lesperienza indipendentemente dal dispositivo che stai utilizzando, ma rendi anche più semplice creare unapplicazione nativa specifica per il tocco in un secondo momento.

Commenti

• Gli stati al passaggio del mouse sono ancora utili sui siti web per dispositivi mobili. Il CSS :hover viene effettivamente trattato come :active quando viene visualizzato su un dispositivo mobile. Questo fornisce un feedback visivo che il dito dellutente ‘ ha colpito il bersaglio. Questo feedback è molto più utile sui progetti mobili a causa del parallasse. Man mano che la tua linea di vista devia dalla linea perpendicolare allo schermo, aumentano le possibilità di toccare in modo errato.
• @JoJo hover states aren ‘ t rilevabile su dispositivo mobile e toccare equivale a fare clic su un computer.
• John, in base alla mia esperienza di visualizzazione di siti che ‘ ho progettato per desktop su dispositivo mobile, credo che JoJo ha ragione quando dice che lo stato hover [a volte] funge da stato attivo. Dico a volte perché ‘ è un po schizzinoso e ‘ non viene sempre mostrato.
• @Jon I ‘ non sto discutendo su come si traduce, ‘ sto discutendo su come ha senso tradurre. Se il passaggio del mouse diventa attivo, come si seleziona? Doppio tocco? Rompe lintero paradigma del tocco.
• @JoJo non sempre, non ‘ credo che Chrome su Android attivi lo stato hover e Safari ‘ lo stato del passaggio del mouse è spesso imbarazzante

Con lemergere di il tocco è un modo importante per interagire con il software, direi che le interazioni basate sul passaggio del mouse sono ora relegate a “bello avere miglioramenti” ma non dovrebbero mai essere un requisito per interagire con il software.

Spesso duplico lo stato: hover per: focus, poiché questo è un modo utile per indicare lo stato attivo per un utente solo da tastiera (che è necessario per soddisfare WCAG2 Indica che un elemento è in qualche modo interattivo, senza bisogno di un evento clic che attiverà unazione che lutente non ha ancora deciso di avviare. Puoi semplicemente usare lo stile per: focus senza: hover, ma secondo me lintenzione delle due azioni è la stessa e dovrebbe avere lo stesso effetto visivo ovunque sia pratico.

Sono inoltre daccordo, dal punto di vista di Sam, che gli stati al passaggio del mouse possono essere considerati miglioramento progressivo . Vorrei solo chiarirlo un po .

Da una prospettiva mobile first , gli stati al passaggio del mouse non servono per niente. Quindi, linterfaccia utente dovrebbe permettersi comportamenti cliccabili per oggetti cliccabili senza uno stato al passaggio del mouse (cioè i pulsanti dovrebbero apparire come pulsanti).

Se puoi supportare questa nozione su un dispositivo mobile, quella stessa nozione sarà supportata anche sui dispositivi desktop / laptop anche prima che gli stati al passaggio del mouse siano introdotti.

Linclusione di uno stato al passaggio del mouse sui dispositivi che supportano il passaggio del mouse (laptop, desktop e così via) confermerà la percezione già esistente dellutente che un elemento specifico dellinterfaccia utente sia effettivamente selezionabile.

Quindi, ricapitolando:

1. Crea elementi dellinterfaccia utente cliccabili in modo tale da consentire un comportamento selezionabile per qualsiasi dispositivo.
2. Utilizza gli stati al passaggio del mouse sui dispositivi che supportano il passaggio del mouse su supportare ulteriormente lidea che un elemento sia selezionabile.

+1 a Sam per aver menzionato il miglioramento progressivo.

Suggerirei di utilizzare gli stati al passaggio del mouse se forniscono una qualche utilità che migliora linterfaccia utente, ma non dovrebbero mai essere necessari per completare unattività.

Ad esempio, utilizzandoli su una pagina di elenco dei prodotti per fornire alcune informazioni sullarticolo quando si passa con il mouse sopra limmagine, prima che lutente ci navighi. Tali informazioni dovrebbero quindi essere disponibili anche sulla pagina del prodotto stessa. Pertanto non toglie nulla al esperienza dellutente touch-screen, ma aggiunge qualche ulteriore utilità per coloro che lo lo vede. 🙂

Solo perché “riprogetti sia per desktop che per dispositivi mobili non significa che i design dovrebbero essere stesso. Linterazione a cui gli utenti mobili potrebbero essere abituati potrebbe non essere evidente per gli utenti desktop.

Ad esempio, carte bianche con un accento circonflesso sul lato destro. Per gli utenti mobili questo è ovviamente qualcosa che puoi toccare. Per gli utenti desktop, non tanto (soprattutto se la scheda è più ampia sul desktop), ma quando si spostano e vedono uno stato di hover, è improvvisamente ovvio che è selezionabile.

Soprattutto ora quellanimazione sta diventando sempre più comune, uno stato al passaggio del mouse è unanimazione di base che fornisce agli utenti un feedback sul fatto che stanno facendo ciò che intendono fare.

Non utilizzare uno stato al passaggio del mouse per desktop è pigro e rende le persone tristi.

Non credo che gli stati :hover siano essenziali; Gli elementi dellinterfaccia utente sul desktop hanno funzionato senza di loro per sempre e gli oggetti chiaramente progettati per permettersi di fare clic (come il pulsante “Pubblica la tua risposta” qui su UX.SE) funzionano bene secondo la mia esperienza. Questo “non vuol dire” non è utile ; solo che “non è essenziale.

Tuttavia considero gli stati :focus e in particolare :active essenziale; questultimo in particolare è uno che vedo ignorato su troppi siti. Un chiaro stato attivo aiuta lutente a sapere che il clic del pulsante è stato registrato immediatamente ( che è estremamente importante per aiutare gli utenti a sentire che stanno manipolando direttamente un oggetto nellinterfaccia utente ). Anche i controlli di sistema come pulsanti e menu hanno reso previsto quello stato, il che rende loblio ancora più imperdonabile.

Suggerirei che gli stati al passaggio del mouse forniscano un feedback positivo allaspettativa dellutente che lelemento in questione sia interattivo, rimuovendo così il potenziale per sentimenti più negativi di dubbio e ambiguità .

I design forniscono una serie di indizi che un elemento è interattivo: forma, dimensione, posizione, colore, sottolineatura, ecc. Utenti diversi richiedono spunti diversi s, e forse leffetto cumulativo di un diverso numero di segnali, per percepire (e avere fiducia che) lelemento sia interattivo. Modificare un elemento al passaggio del mouse è unopportunità per fornire più spunti.

La maggior parte (se non tutti) i browser forniscono segnali al passaggio del mouse per impostazione predefinita, cambiando il cursore in un puntatore. Ovviamente abbiamo il controllo su questo e potremmo rimuovere lo stato di hover rimuovendo questo effetto. Ma immagino che per la maggior parte di noi (prenditi un momento per immaginarlo) questo introdurrebbe dubbi significativi nella nostra esperienza di navigazione. I browser (e quindi i progettisti) hanno stabilito un precedente tale per i segnali aggiuntivi al passaggio del mouse che non fornire segnali sarebbe una contraddizione significativa di qualsiasi segnale precedentemente percepito che lelemento è interattivo.

Rimozione dellimpostazione predefinita del browser cue è quindi un utile esempio del valore dello stato di hover. Per me, la questione non diventa quindi se i segnali visivi di interattività al passaggio del mouse siano preziosi, ma quali e quanti sono ottimali.

Ce ne sono alcuni utili precedenti familiari, ma la risposta a questa domanda dipenderà dallapplicazione e dal pubblico di destinazione.

Suggerirei passa il mouse quando non è presente alcuna icona nel pulsante. Se si suppone che sia presente unicona colorata nel pulsante in quel momento, non è essenziale dare lo stato al passaggio del mouse al pulsante. Es: registrati utilizzando il pulsante Google.

Il passaggio del mouse è un must per tutti i siti web che desiderano una buona risposta online. Ho utilizzato alcuni siti web che ho abbandonato lo stato di hover sul mio laptop ed è stato molto frustrante.Ogni bravo designer sa che le persone online hanno fretta di trovare ciò che vogliono e se un pulsante non ti dice se è uno o meno e devi aprirlo in una nuova scheda per scoprirlo, è un grande fallimento!

Esatto, il passaggio del mouse non è richiesto per i dispositivi mobili. Ma puoi sempre disabilitarli per i dispositivi mobili. Inoltre, non dimentichiamo che i pulsanti per i dispositivi mobili devono essere molto più grandi di quelli per online. E non vengono comunque creati su due fogli di stile diversi?

Commenti

• Per i siti web il passaggio dallo stile del cursore a una mano (o equivalente) è leffetto hover su cui agisco.
• Credo che debba ancora mostrare il passaggio del mouse, solo una mano confonde lutente, poiché vogliamo che il Web funzioni nel modo più realistico possibile e quando facciamo clic sulle cose, se nella vita reale, riflettono. Inoltre, dal punto di vista di uno stratega ‘, vorresti che il tuo sito web fosse più sicuro e ‘ è il fatto che la maggior parte i siti web truffa non ‘ non si preoccupano di installare leffetto hover, quindi, quando gli utenti non ‘ vedono leffetto iniziano a sentirsi strani dentro. / li>