#Focus: perché a Microsoft piacciono tanto gli hamburger

No, non quelli da mangiare, mi riferisco ai “menu hamburger”. Finalmente abbiamo un parere ufficiale da casa Microsoft.

Sapevamo poco del perché con Windows 10 si sia cominciato a vedere sempre di più questo tipo di menu “hamburger”, potevamo fare supposizioni e teorie, ma al più tali rimanevano. Ora con un post sul suo blog, Jerry Nixon, un Developer Evangelist di Microsoft, ci spiega come implementare l’hambuger menu nelle app in cui l’interfaccia grafica è scritta utilizzando il linguaggio XAML.

Windows 10 introduce la nuova piattaforma universale per le app, così come nuovi strumenti grafici per il toolbox di Visual Studio. Stiamo parlando di hamburger menu ed il controllo si chiama SplitView.

Tuttavia non siamo qui per fare un discorso tecnico per gli sviluppatori, ma siamo qui per carpire informazioni sulle nuove linee guida del design Microsoft, il cosiddetto Microsoft Design Language 2.0 (MDL2) che caratterizzerà le app di casa Redmond ed il sistema operativo stesso.

Image1

Jerry Nixon come giustifica questo controllo e, quindi, il menu hamburger?

The purpouse of the SplitView is to help developers build popular navigation experience.

Che in italiano significa che lo scopo di questo nuovo controllo SplitView è quello di aiutare gli sviluppatori ad implementare una esperienza di navigazione popolare. Proprio così: Microsoft metterà ovunque i menu hamburger, perché lo fanno tutti gli altri e quindi per portare agli utenti una esperienza di navigazione che già conoscono.

Jerry, però, mette le mani avanti: coloro che odiano odieranno (Haters are going to hate) perché ad alcuni designer e sviluppatori proprio non piace questo menu. Tuttavia egli conosce anche altrettanti designer e sviluppatori che attualmente lo utilizzano nelle loro app, soprattutto in quelle multipiattaforma per creare un interfaccia comune tra i vari sistemi operativi.

Ma, c’è sempre un ma, vengono anche suggerite alcune linee guida per l’utilizzo di questo menu per evitare un uso improprio o non “user-friendly”.

Perhaps I could offer just a little design guidance, however. The hamburger button allows for the main visual to be clean. But some developers/designers have used the hamburger “drawer” as a catch-all for everything – a disorderly junk drawer, if you will. It makes the menu unpredictable; users ask “what will I find when I click the menu button?” Bad. Remember, keep hidden menus as intuitive and easy-to-use as main visuals. That should quell much frustration.

Nonostante il controllo SplitView non sia “regolamentato” da delle linee guida ufficiali, ci si può affidare al buon senso. Giustamente Jerry evidenzia il fatto che questo tipo di menu aiuta a rendere più pulita la visuale principale dell’applicazione, ma alcuni sviluppatori utilizzano il menu per buttarci dentro ogni cosa costringendo l’utente a chiedersi “cosa troverò lì dentro?“. Per questo l’hamburger menu deve essere anche ben congegnato per inserire al suo interno le opzioni più raramente usate oppure deve essere intuitivo.

Effettivamente nelle app di Windows 10 che abbiamo avuto modo di vedere (come Musica e Video, ad esempio) l’hamburger menu è anche accompagnato da delle icone che rimangono visibili e che suggeriscono all’utente che ci sono ulteriori visuali da esplorare. Questo approccio non è negativo ed è sintomo che a Redmond non si sono dimenticati che dietro ad una interfaccia deve esserci uno studio sull’utilizzo da parte dell’utente finale.

Imgae2

Per questo Jerry Nixon spende qualche parola anche per l’uso dell’interfaccia con una sola mano.

A final thought on implementation is around one-handed operation. If you determine that your UI should be best served with one-handed operation (which includes small tablets and most phones) you might move your hamburger button down to the bottom of the screen. There’s nothing wrong with that.

Cioè se lo sviluppatore ritiene che l’interfaccia grafica (UI) debba essere utilizzata con una sola mano (ad esempio sui piccoli tablet o sui telefoni) potrebbe essere una buona idea spostare il tasto hamburger in basso. Non c’è nulla di male in questo.

In conclusione, Jerry Nixon ci ha un po’ chiarito le idee sulle nuove linee guida del design Microsoft: similarità e usabilità. Una interfaccia simile a quella degli altri sistemi operativi in quanto a navigazione, ma pur sempre interpretata nell’ottica della migliore usabilità possibile. Abituatevi e rassegnatevi, quindi, agli hamburger button! Ma state tranquilli che probabilmente li troveremo in basso sui nostri smartphone.

Fonte ed informazioni tecniche per gli sviluppatori: Jerry Nixon on Windows

Articolo precedenteArticolo successivo
Francesco Tili
When you change the way you see the world, you'll change the world you see - S. Nadella
  • Martino Stenico

    Vediamo…:/

  • Ma ✔ᵛᵉʳᶦᶠᶦᵉᵈ

    Personalmente non mi piacciono, ci sono i tre puntini che sono più discreti e svolgono la stessa funzione ?

  • lore_rock

    Mah…capisco le ragioni e confermano le mie ipotesi, ma nulla vieta ti trovare un modo più user friendly da associare al menu hamburger. Mi sta bene che ci sia ma implementare swipe ad esempio non nuocerebbe affatto

  • Federico

    A me piacciono e li trovo molto pratici.
    Quella che si sta combattendo contro questi menù mi pare più una guerra di religione invece che un’esposizione di ragioni concrete.

    • anche a me non dispiacciono, ma non in alto a sinistra ?

      • CoffeyM

        Li mettano un po’ dove gli pare ahahah :)
        Non è da escludersi che, un giorno, ci sia data possibilità di spostarceli dove vogliamo no? :) C’è sempre uservoice dalla nostra!

    • concordo, anche perché poi, diciamoci la verità, non hanno quasi mai opzioni che usi spesso al loro interno

  • Alessandro

    Io spero fortemente che gli swipe non vengano abbandonati, mi piacciono moltissimo le schermate raggiungibili con uno swipe ma potrei adattarmi a questi menù Hamburger a patto però che siano realizzati bene e non abbandonino completamente l’originalità degli swipe che fino ad ora hanno contraddistinto Windows Phone. Seriamente a me su Windows quelle app realizzate davvero bene con lo scorrimento laterale delle schermate, mi hanno dato sempre una sensazione di arricchimento e praticità della stessa, come se sfogliare le varie categorie e sezioni mi regalasse più spazio oltre la schermata statica. Ecco un senso di spazialità che non vorrei perdere. Mi auguro MS non tagli troppo col questa funzione dell’interfaccia che è ciò che mi ha conquistato in questi anni e mi ha fatto apprezzare il sistema (oltre ovviamente le live tiles).

    • oh che poi parliamoci chiaro, che le app abbiano i menù hamburger, hot dog o pizza, non importa…basta che ci siano le app!

  • v2online_And80

    Il problema più grande di questi menu è che su android sono implementati in maniera più user friendly. Cioè facendo uno swipe a qualunque altezza della parte sinistra dello schermo, esce il menu laterale. In Windows puoi solo cliccare l’icona.
    Sul mio 1520 è piuttosto fastidioso.

    • non la nostra app ;)

      • v2online_And80

        Devo essere sincero, non ho la vostra app nel telefono. Non ho nessuna app di singolo blog in realtà. Uso Nextgen reader per convogliare in una sola app tutte le notizie dai blog tramite feedly (a proposito, non avevano detto che ci sarebbe stata l’app ufficiale un paio di anni fa?).
        Il problema per me è un altro, ossia che per ora non c’è un componente XAML pronto ad accettare quel tipo di comando, e implementare lo swipe diventa “compito” dello sviluppatore.
        Quindi ben venga il menu hamburger se è implementato allo stesso modo in tutte le app ed è agevole da usare per l’utente con le gesture adatte.

        • Non so di preciso come si debba fare, perché la nostra app l’hanno fatta i nostri Massimo e Riccardo, però abbiamo messo il tasto dell’hamburger in alto ma la schermata appare anche con uno swype.

        • Non so di preciso come si debba fare, perché la nostra app l’hanno fatta i nostri Massimo e Riccardo, però abbiamo messo il tasto dell’hamburger in alto ma la schermata appare anche con uno swype.

  • TonioC

    “opzioni più raramente usate oppure deve essere intuitivo” .. l’avevo detto io… :P

  • Non male, mi piace che abbiano le idee abbastanza chiare, ma dovrebbero essere più precisi… Per me dovrebbe esserci la regola di metterlo in basso e basta!
    Mi piace l’idea di mettere delle icone, lo rende più originale e pratico!