Il pulsante di azione mobile è il nuovo menu Hamburger?
Google Material Design continua ad essere un approccio popolare al web design contemporaneo. Uno stile quasi piatto, l'insieme di principi, originariamente concepiti come linee guida del marchio per Google, descrivono un approccio basato su livelli all'interfaccia utente.
A prescindere dallo schema di colori prescrittivo, la tipografia rigorosamente neutra e l'animazione Disney, il concetto di pulsante fluttuante di Material Design è forse l'aspetto più riconoscibile dello stile. Tuttavia, il pulsante di azione mobile sembra seguire la stessa traiettoria del menu Hamburger; da salvatore a paria in pochi mesi.
I pulsanti di azione fluttuanti si distinguono dal resto dell'interfaccia utente, disegnati per apparire come se galleggiano nella parte superiore del contenuto. Quasi esclusivamente un cerchio, sono una forma piacevolmente minimale, che si presta all'animazione. I Floating Action Buttons sono la naturale evoluzione dell'header appiccicoso che è stato popolare negli ultimi anni. Il salto che Google ha fatto per andare oltre l'intestazione appiccicosa è stato quello di disaccoppiare il Floating Action Button dal resto della navigazione. Questo è stato in gran parte influenzato dall'aumento del web mobile; posizionando il pulsante di azione fluttuante nella parte inferiore destra dello schermo (come quasi sempre accade) è facile che il tuo pollice lo tocchi.
L'uso di un pulsante di azione fluttuante nel Nuova riprogettazione di Google+ ti incoraggia a pubblicare contenuti, piuttosto che aiutarti a consumarli. Inoltre, essere diametralmente opposti al resto della navigazione è un inconveniente su schermi più grandi.
Mentre il Floating Action Button entra nei design per schermi più grandi di un telefono, la praticità del posizionamento in basso a destra diventa sempre di più un ostacolo. Come il menu Hamburger, il Floating Action Button sta scoprendo che le soluzioni mobile-first non sempre si traducono in desktop.
La loro forma, posizione e colore assicurano che i Floating Action Buttons si distinguono dal resto dell'interfaccia utente, principalmente perché gli attuali trend per lo stile piatto, semi-piatto e Material design sono tutti gli altri elementi come rettangoli regolari. Ma è importante riconoscere che, proprio come il Floating Action Button è visivamente distinto su una pagina, è visivamente riconoscibile attraverso una gamma di progetti diversi. Material Design è prima di tutto un marchio aziendale; con l'identità di marca come un asset aziendale vitale, imitare Google è improbabile che aggiunga valore al business del cliente.
Il App VKPlayer utilizza un pulsante di azione mobile per attivare i controlli, il che sembra interessante, ma un pulsante play / pause non dovrebbe essere l'azione principale qui?
Secondo il Specifiche di design del materiale I pulsanti di azione mobile sono utilizzati come scorciatoia per l'azione principale di una pagina; aggiungere un nuovo elemento o iniziare una nuova ricerca. In tale scenario le icone della funzione sono relativamente canoniche e l'azione a cui è associato il pulsante è chiara. Tuttavia, spesso una singola icona non rappresenta adeguatamente una funzione.
La cosa più problematica è l'unità per ridurre un sito o un'app a un singolo utilizzo. Come evidenziato in Teo Yu Siang's critica dettagliata del pulsante di azione fluttuante l'uso di Floating Action Buttons impone le intenzioni del progettista all'utente; sono incoraggiati a comporre una email quando vogliono leggere la posta in arrivo; sono incoraggiati a scattare una nuova foto, quando vogliono rivedere le loro immagini passate.
Il pulsante di azione mobile ha lo scopo di estrarre un'azione primaria dall'interfaccia utente per comodità, ma se l'interfaccia utente richiede un'azione primaria, perché non è più mirata?
L'altrimenti eccellente Beegit utilizza un pulsante di azione mobile per fornire un accesso rapido ai messaggi di aiuto e agli aggiornamenti delle notizie sulla piattaforma. Questa è davvero la funzione principale di una pagina di composizione?
Per parafrasare una comune verità progettuale, non ci sono cattivi modelli di progettazione, solo cattivi designer. Come il menu Hamburger, il pulsante di azione fluttuante ha un buon caso d'uso, ma il caso d'uso si verifica raramente; come il menu Hamburger, il tallone d'Achille del pulsante di azione flottante è un uso frequente. Il Sezione MD sui pulsanti mobili stabilisce che la funzionalità mappata su Floating Action Buttons è "abbastanza importante e abbastanza diffusa", tuttavia è più comunemente usata come stile, quando l'opzione migliore sarebbe un'interfaccia utente più focalizzata.
Come il menu Hamburger, il pulsante di azione mobile risolve il problema del designer, non quello degli utenti.