risposta-alla-domanda-sullo-sviluppo-web-bd.com

Menu a discesa menu secondario vs schede sul cellulare

Sto cercando di capire cosa sia una UX migliore su un telefono cellulare. O avere la navigazione secondaria come schede o avere un menu a discesa.

Metodo 1: menu a discesa su dispositivo mobile

Nelle immagini seguenti, la navigazione secondaria cambia da schede su un desktop a un menu a discesa su un telefono cellulare. Desktop view. Each sub-menu is visible along the top as a tabMobile view. The sub-menu is a dropdown

Il desktop mostra il sub-nav nella parte superiore in bianco. Puoi vedere ciascuna delle opzioni (Racconti, mondo, Stati Uniti, Affari, ecc.)

Il telefono mostra solo il sottomenu attivo nel menu di navigazione superiore. Puoi accedere alle altre opzioni (Mondo, Stati Uniti, ecc.) Utilizzando il menu a discesa.

PROFESSIONISTI:

  • Salva preziosi immobili sullo schermo
  • Sembra molto pulito

CONS:

  • L'utente non è a conoscenza di altre opzioni fino a quando non fa clic sul menu a discesa
  • meno spazio per espandere il menu principale (testo dell'intestazione non incluso con il pulsante hamburger per espandere il menu principale)
  • Difficile fare un 3 ° livello di navigazione

Metodo 2 - Schede sul cellulare

Nel seguente esempio, il menu principale rimane come schede. Mobile view. Sub-nav is tabs

PROFESSIONISTI:

  • L'utente è immediatamente consapevole di tutte le azioni importanti
  • Il menu dell'hamburger può essere combinato con il testo per ottenere un'area più ampia

CONS:

  • Occupa proprietà immobiliari più preziose
  • Difficile dare un 3 ° livello di navigazione

Metodo 3 - Tutto nel nav di sinistra

Se metti tutto nella nav principale, di solito la nav principale non è più cliccabile. Di solito è espandibile o mostrato come intestazione come questa schermata. Il sub-nav è quello su cui è possibile fare clic direttamente. (Fai finta che "Preferiti" fosse "Notizie" e tutto ciò che conteneva erano collegamenti diversi). Mobile View. Sub-nav links are directly clickable in the main-menu.

PROFESSIONISTI:

  • Salva schermo immobiliare
  • La navigazione di 3 ° livello può essere visualizzata come schede

CONS:

  • Il nav di sinistra è difficile da attraversare e sembra ingombra, soprattutto con molti collegamenti
  • L'utente non conosce tutte le opzioni senza fare clic sul menu principale e guardare tutto.

Un ultimo pensiero

La maggior parte dei miei esempi erano app di notizie. I sottomenu di queste app di notizie potrebbero essere visti solo come un grande filtro delle notizie. Cioè non dovresti necessariamente fare clic sul link sport per vedere importanti storie sportive. Tuttavia, se non fosse esattamente filtrando le cose che potresti trovare nella scheda principale, ma mostrerebbe informazioni extra. Cioè una sezione necrologi. Non sarebbe mai apparso sulla pagina principale, ma sarebbe comunque qualcosa a cui qualcuno vorrebbe navigare.

7
Billy McKee

Penso che tu abbia risposto alla tua domanda dicendo che l'utente non sa che è lì fino a quando non fa clic su di essa. Inoltre, se lo fanno, fai clic sul menu a discesa o laterale.

Penso che se l'utente non sa che è lì, potrebbe anche non esserci. Le schede forniranno maggiore visibilità e occuperanno più proprietà immobiliari ma non lo vedo come un grosso problema. Penso anche che puoi usare le schede per una navigazione più profonda, basta guardare la maggior parte delle app iOS che usano le schede e Android anche quelle.

Non c'è molta risposta, ma spero ancora che questo aiuti.

1
El Wexicano

Le schede possono richiedere più spazio, ma molte app hanno utilizzato uno schema che durante lo scorrimento verso il basso della pagina, le schede (o qualsiasi sottotitolo/barra dei pulsanti) scorreranno verso l'alto dietro l'intestazione principale. Un semplice scorrimento verso la parte superiore della pagina rivelerà le schede. Ciò consente comunque all'utente di sapere dove si trovano all'interno dell'app, ma fornirà un valore maggiore del patrimonio immobiliare durante la navigazione verso il basso.

Visto in Yik Yak, Facebook, Instagram, ecc.

1
Kyle Alwyn