Share
L'interfaccia touch screen di Windows 8 e la struttura di navigazione nascosta consentono alcuni interessanti cambiamenti di paradigma nella pratica di User Experience.
Recentemente ho lavorato alla ri-proposizione di un software medico di livello enterprise per Windows 8.1. È stato un salto nella parte più profonda, ma mi sono allontanato con alcune intuizioni piuttosto interessanti.
Questo post esaminerà in generale i modelli di ricerca, navigazione e layout comuni alle app native di Windows 8. Selezionerò alcuni dei miei aspetti preferiti di ciascuno, alcune innovazioni e il mio approccio. Ci saranno anche alcuni takeaway per i tuoi progetti, applicabili a qualsiasi interfaccia utente.
Prima di Windows 8.1, le app utilizzavano l'accesso alla ricerca per fornire la ricerca in-app: la barra di accesso è accessibile facendo scorrere lo schermo a sinistra (verso l'interno): ora si consiglia di utilizzare l'accesso per le ricerche globali. Nella ricerca di app nella pagina, come mostrato di seguito:
Interfaccia utente con ricerca a pagina
Una buona regola empirica, da un punto di vista UX, è pensare all'importanza della funzione. Abbiamo fatto alcune sessioni utente dopo alcuni prototipi iniziali e abbiamo scoperto che i medici facevano molto affidamento sulle ricerche.
Nell'esempio, l'icona a discesa viene utilizzata per distinguere l'etichetta da un pulsante. L'utente può selezionare una sezione diversa che è di loro interesse per limitare il risultato.
Per chi stai costruendo il prodotto digitale? La ricerca è critica o ripensata? Prendi in considerazione l'inserimento di funzionalità chiave solo nell'interfaccia utente (inclusa la ricerca in-app se questa è la chiave per l'UX).
Non ho intenzione di darvi l'intero run-down della navigazione di Windows 8. Un esempio specifico viene in mente però: Zoom semantico. Probabilmente il meno conosciuto, ma molto potente, ti dà l'opportunità di rappresentare i dati in un altro contesto.
Passeggiata attraverso la funzione di zoom semantica nel contestoNella "pagina di destinazione" ci sono molte tessere affettate e tagliate a cubetti per accedere a cose diverse, comprese le tessere che ricordano le precedenti selezioni dell'utente. I nostri utenti provenivano da molti contesti clinici diversi, quindi abbiamo dovuto soddisfare questi gruppi attraverso la personalizzazione.
Lo zoom semantico qui non solo offre una vista di alto livello di tutte le opzioni, ma offre all'utente la possibilità di disattivare le sezioni che non usano mai e riorganizzare gli elementi in base all'importanza. Nel nostro progetto c'erano diversi frammenti nella nostra base di utenti che rendevano la personalizzazione critica.
Se ci sono più di un paio di utenti primari, considera la possibilità di personalizzare l'interfaccia utente. Chiedi al tuo sviluppatore i limiti e le possibilità tecniche. Un team collaborativo è molto più efficace di una persona che "progetta" un'applicazione.
Il layout ha un sacco di opzioni fuori dalla scatola disponibili. Il contenuto e la struttura dell'app determineranno quale userete.
Pagina del documento nell'appNell'esempio sopra, puoi vedere che il modello che ho selezionato era adatto alla funzionalità di selezione del documento. L'app è effettivamente un lettore di documenti, quindi aveva senso.
Layout della lista pazienti
Questa pagina di elenco paziente ha utilizzato un layout diverso, uno più adatto per la panoramica e la selezione di elementi di tile. Il fatto che i layout per le parti critiche del flusso utente siano significativamente diversi, ma coerenti, è un ottimo modo per trovare la tecnica, soprattutto perché non sono disponibili elementi di navigazione breadcrumb.
Il contenuto è il fulcro dell'esperienza, una grande applicazione content-driven avrà generalmente una struttura gerarchica, quindi molte informazioni all'inizio saranno di alto livello e man mano che l'utente avanza diventerà più dettagliato.
Il contenuto di Windows 8 scorre da un lato all'altro e include il panning. Nella mia esperienza, questo può rendere scomode le parti interessate usate per i vecchi paradigmi, ma è semplicemente un modo per ridurre la quantità di rumore sulla pagina e consentire all'utente di esplorare usando i gesti tattili.
Windows 8 è una piattaforma di interfaccia utente unica che offre funzionalità e vantaggi esclusivi per gli utenti che richiedono touch e mobilità.
Ha una navigazione ben strutturata che promuove la scoperta e aiuta anche i progettisti principianti con indizi sull'architettura delle informazioni e cosa dovrebbe essere incluso in e fuori pagina.
Le griglie, i modelli e i layout disponibili sono stati creati dagli esperti di UX.
Tuttavia, ci sarà sempre un po 'di personalizzazione, e il framework evolutivo continuerà a migliorare, come includere la ricerca di base sulla pagina.
A mio parere, molte delle idee in questo post dovrebbero essere utili non solo nella progettazione di app di Windows 8.1, ma in generale. Questo articolo ha appena toccato la superficie dei modelli di progettazione delle app di Windows 8.1. Hai avuto la possibilità di guardare gli altri non menzionati in questo post? Quali sono i tuoi pensieri?
Accentsconagua