L'ingegnoso trucco ingegneristico che rende utilizzabili i menu di Amazon

I menu a discesa e i sottomenu sono un male necessario delle interfacce utente grafiche. Per un sito come Amazon, che costringe il cliente a manipolare un numero infinito di etichette di testo simili a bambole matrioska, è assolutamente fondamentale rendere questa navigazione gerarchica il più semplice e fluida possibile. Come si può rovinare un semplice sottomenu? Oh, credimi, ci sono modi. Se hai mai incontrato quello che l'ingegnere Ben Kamens chiama il menu whack-a-mole, saprai cosa intendo. Ecco il suo esempio:

GIF di Ben Kamens .

Il sottomenu si visualizza istantaneamente quando si passa il mouse sul bersaglio, ma lo fa anche scomparire altrettanto istantaneamente a meno che non si infili l'ago spostando il mouse esattamente orizzontalmente nell'area del sottomenu.

Questo è super irritante. Se i menu di Amazon si comportassero in questo modo, potrebbero costare loro milioni di dollari in vendite perse.

Secondo Kamens, la solita soluzione per colpire un menu è qualcosa chiamato isteresi . È una parola di fantasia che fondamentalmente significa solo ritardo. Gli ingegneri del software si assicurano che il sottomenu non venga visualizzato (e non visualizzato) istantaneamente; invece, c'è un piccolo ritardo. Questo dà all'utente abbastanza tempo per spostare il mouse direttamente (cioè in diagonale) sulla voce del sottomenu su cui desidera fare clic, senza che la dannata cosa scompaia da sotto di lei nel processo.

Lo svantaggio è che il sottomenu stesso richiede un po' di tempo per essere visualizzato in primo luogo. È una quantità di tempo molto ridotta, ma durante la navigazione nel software, qualsiasi cosa meno istantanea può sembrare lenta. I sottomenu di Amazon vengono visualizzati istantaneamente (nessuna isteresi in primo piano), ma non c'è nemmeno un problema di menu. Come?

come kamens spiega , si tratta di qualcosa di piuttosto semplice: prevedere dove sposterai il mouse. Gli ingegneri di Amazon prevedono una certa zona di possibili percorsi del mouse quando si passa su un sottomenu. Se ti sposti in questa zona (come faresti quando ti muovi per selezionare una voce nel sottomenu), l'effetto di isteresi si attiva, mantenendo il sottomenu aperto per te. Se muovi il mouse al di fuori di questa zona, Amazon presume che non sei interessato al sottomenu e svanisce immediatamente come è apparso.

Il risultato? Bene, il risultato (molto probabilmente) è che non sai mai quanto sei bravo quando usi i menu di Amazon. Funzionano e basta; fanno quello che vuoi e ti stanno alla larga. Questo è il segno distintivo di una buona interfaccia software: non notare quanto sia buona.

Ma cosa Il post di Kamens (dovresti davvero leggerlo) chiarisce in modo affascinante quanto ingegneria e design debbano fondersi dietro le quinte per offrire questo tipo di esperienza utente ultra sottile, ma estremamente importante. Su scala di Amazon, questa attenzione atomica ai dettagli ha enormi effetti a valle sulle entrate. È l'esempio perfetto di ciò che intendeva Steve Jobs quando diceva che il design non è come sembra, è come funziona. Ed è il tipo di nano-innovazione incentrata sull'uomo che non ti accorgi nemmeno, ma che devi applaudire quando lo fai.

Leggi il post originale di Ben Kamens qui.

nascondere