it-swarm-eu.dev

Quale è meglio: un menu riepilogativo o un menu dettagliato?

Sto ridisegnando un menu di navigazione per un'applicazione basata sul web. Il menu corrente è un elenco di attività, raggruppate per servizio. L'elenco sta crescendo costantemente mentre stiamo aggiungendo nuove funzionalità e ora gli utenti devono scorrere verso il basso per vederle tutte. Idealmente vogliamo che l'elenco sia lungo solo una pagina. Sono state presentate due soluzioni:

  1. Presenta un menu simile ad una fisarmonica che si espanderà per ogni servizio
  2. Raggruppare le attività per ridurre il menu

Ad esempio, il nostro menu corrente presenta opzioni come:

Utente
- Modificare
- Elimina
- Cambia la password

Cassetta postale
- Modificare
- Elimina
- Imposta autorizzazioni
- Gestisci le impostazioni dello spam
- Cerca spam

Con la soluzione 1, vedresti solo Utente e Cassetta postale, quindi facendo clic su uno dei due si espanderebbe per mostrare le attività descritte sopra.

Con la soluzione 2, il nuovo menu presenterebbe qualcosa di simile:
Utente
- Impostazioni

Cassetta postale
- Impostazioni
- Autorizzazioni
- Spam

La soluzione 1, pur declutterando l'interfaccia al primo livello, presenterà comunque all'utente molto testo da leggere al secondo livello.

Con la soluzione 2, sono preoccupato che gli utenti non trovino ciò che stanno cercando. Ad esempio, un utente che sta cercando di modificare la propria password non saprebbe necessariamente accedere alle impostazioni dell'utente.

Entrambi hanno i loro vantaggi e svantaggi, quindi quale è meglio? Presentare più opzioni all'utente in modo che possano trovare esattamente l'attività che vogliono fare o raggruppare le attività in una rubrica generale?

Modifica: Come richiesto, ho incluso un mockup dello schermo dell'applicazione. Sulla sinistra è presente l'elenco degli utenti, selezionando un utente viene visualizzata l'attività per un utente sul lato destro.
alt text

5
Tania Gobeil

Delle due opzioni fornite, sceglierei un menu a fisarmonica.

Una pagina separata significa due clic e (di solito) un round trip del server, quindi devi tornare indietro.

Non vi è alcun vantaggio nel fare una "preselezione", a meno che non ci siano molte opzioni per una singola pagina.

Una singola pagina (ovvero senza il menu "raggruppato", solo un singolo collegamento) è ok, se tutti i casi d'uso comuni comportano più azioni per utente selezionato.

Altrimenti, userei i menu "a fisarmonica" o i menu popup/mega/a cascata di javascript, e consentirei di aggiungere comandi nella parte superiore dell'elenco.

2
peterchen

Sarebbe utile vedere lo spazio disponibile per la navigazione o lo spazio che si prevede di utilizzare. Senza sapere, tuttavia, se si desidera includere tutte le opzioni perché si ha paura di generare confusione, è possibile applicare una soluzione simile alla tendenza mega menu . Ecco un link di esempi in materia:

http://designm.ag/inspiration/mega-menus-showcase/

Se si desidera decisamente l'opzione riepilogata, tuttavia, è possibile ripensare i titoli delle opzioni di menu riepilogate. Puoi leggere questo articolo per ulteriori suggerimenti sulla progettazione di un efficace sistema di navigazione

http://buildinternet.com/2009/09/principles-of-effective-web-navigation/

Riassumendo, suggerirei alcuni test con utenti casuali o anche solo semplici sondaggi sulla chiarezza delle etichette che hai utilizzato. Non deve essere uno studio così elaborato, ma potrebbe darti un utile contributo sull'argomento.

6
Pam Rdz

Nel tempo, ho capito che più impostazioni ci sono, più preferisco avere un singolo link, ad es. come Amazon.com ha un singolo link che dice "Il tuo account". Il motivo è molto semplice: dopo aver fatto clic sul collegamento "Il tuo account", viene visualizzata una pagina contenente tutte le possibili scelte e se ciò che sto cercando non è immediatamente ovvio, posso premere Control-F o Cmd -F per trovare quello che voglio sulla pagina.

Con i menu, l'unica opzione con le app Web è leggerle. Trovo che questo diventi noioso nel tempo. E più grande è il menu (il mega-er ?!), più noioso diventa leggere, senza possibilità di ricerca. (La situazione è diversa nelle app desktop in cui i menu sembrano più "naturali" e offrono scorciatoie da tastiera.)

2
Hisham

Trovo controintuitivo che un "Task" mi porti a un nuovo menu o pagina delle impostazioni. Un compito per me è incentrato su un singolo argomento - come "Gestisci ruoli ...", "Cambia password ..." o "Disabilita account" - non "Gestisci questo e quello e mostrami ancora ..." ^^ Ma quello potrei essere io.

Idealmente, proverei davvero a includere tutte le attività chiaramente scritte, barra di scorrimento se necessario.

Ma per comprimerlo, il modo in cui lo fa la toolbox in Visual Studio è abbastanza pulito. In questo caso sarebbe come l'idea della fisarmonica, ma con una categoria aggiuntiva nella parte superiore che è pre-espansa che elenca i compiti più comuni o popolari.

v Basic
   Change password
   Edit user
   Search spam
> User
> Mailbox

Decidere quale sia un'attività comune potrebbe essere una semplice decisione o presa dinamicamente in base a ciò che l'utente che ha effettuato l'accesso utilizza di più.

Le categorie potrebbero anche essere invertite un po 'se ci sono poche categorie logiche con molte attività in esse, per rendere ogni categoria meno affollata.

v Basic
   Change password
   Edit user
v Edit
   User
   Mailbox
   Permissions
v Spam
   Search
   Settings
v Delete
   User
   Mailbox
1
Oskar Duveborn

Usa i suggerimenti.

Crea un menu riepilogativo con un elenco di tutte le cose che possono essere fatte su ogni pagina in una descrizione comandi che mostra quando l'utente passa sopra l'oggetto.

Anche quando effettui la transizione per la prima volta, dai alcuni suggerimenti all'utente. Ad esempio, quando l'utente fa clic sull'opzione del menu utente mostra un piccolo popup (come quelli utilizzati su questo sito) che spiega le modifiche al menu.

0
Sruly