Come migliorare l’esperienza utente su SmartHub®

Come risultato di questo impegno, stiamo regolarmente rivedendo alcuni dei blocchi fondamentali della nostra piattaforma, come la tipografia, la navigazione e la ricerca. Passiamo ore a cercare di capire come i dipendenti interagiscono con essi e quali sono le loro esigenze che possiamo soddisfare migliorando la piattaforma.

In questa prospettiva, abbiamo osservato il seguente comportamento degli utenti:

Armati di questa conoscenza, abbiamo costruito la nostra navigazione per rendere facile l'interazione con la piattaforma per i dipendenti dei nostri clienti. Questo include:

• Nuovi avvisi informativi e personalizzati

Inoltre, miglioramenti delle funzionalità su:

• La barra del menu di navigazione superiore
• La casella di ricerca principale
• La tipografia della piattaforma

Nuovi avvisi informativi e personalizzati

Per la migliore esperienza possibile, un sito web dovrebbe sempre tenere informati gli utenti, fornendo feedback appropriati. Oltre agli indicatori visivi e ai messaggi di convalida, teniamo anche i nostri visitatori aggiornati sui cambiamenti della piattaforma e sullo stato di un evento tramite 'Avvisi'.

Gli avvisi sono un canale di comunicazione estremamente prezioso perché risparmiano ai dipendenti il tempo necessario per scoprire personalmente cosa c'è di nuovo sulla loro piattaforma e cosa è di loro interesse. Forniamo avvisi sul sito, via email e tramite browser in modo che gli utenti non perdano mai aggiornamenti importanti. Ovviamente, i dipendenti possono scegliere quali avvisi desiderano ricevere e da quali canali riceverli.

Un avviso utile è quello di notificare al dipendente quando il loro Cashback è stato approvato e pronto per essere utilizzato. Un altro è quando qualcuno ha commentato un articolo scritto da loro. Con nuovi avvisi che vengono attivati regolarmente, crediamo davvero che diventeranno una sezione di riferimento del sito per tutti i dipendenti.

La barra del menu di navigazione superiore

Il nostro obiettivo è garantire che gli utenti navigano sulla piattaforma con facilità. Raggiungiamo questo obiettivo concentrandoci su:

Minimo sforzo di navigazione

I visitatori dovrebbero essere in grado di accedere a un elemento di loro interesse nella barra del menu di navigazione superiore con il minimo sforzo possibile. Questo significa meno clic per raggiungere il contenuto giusto. Per raggiungere questo obiettivo, la nostra piattaforma consente un mega menu oltre a uno stile a tendina semplice.

• I mega menu sono grandi menu rettangolari che raggruppano le opzioni di navigazione, eliminano lo scorrimento e utilizzano tipografia, icone e tooltip per ordinare il contenuto in modo facilmente comprensibile.
• I mega menu mostrano tutto a colpo d'occhio, così gli utenti possono vedere piuttosto che cercare di ricordare.
• I mega menu ti permettono di enfatizzare visivamente le relazioni tra gli elementi. Questo aiuta ancora una volta gli utenti a comprendere le loro scelte.

Buon contrasto dei colori

Sappiamo che il testo a basso contrasto è negativo per l'usabilità. Ecco perché ci siamo assicurati di avere sempre un testo scuro su sfondo bianco nel menu in modo che anche le persone con difficoltà di vista possano utilizzare e godere della piattaforma senza problemi.

Loghi di marca della massima qualità

Ci sono pochissimi fornitori che si preoccupano del branding dei loro clienti tanto quanto noi. Poiché abbiamo designer superstar che creano loghi di piattaforma straordinari per i nostri clienti, è giusto utilizzare la tecnologia più recente per visualizzarli nel modo più nitido possibile.

Convertiamo tutti i loghi di marca da PNG a bassa risoluzione alla massima risoluzione disponibile; SVG.

• Gli SVG mantengono alta qualità indipendentemente dalla risoluzione dello schermo su cui vengono visualizzati – qualunque sia lo schermo, saranno sempre visualizzati perfettamente, soprattutto sugli schermi retina
• Gli SVG velocizzano i tempi di caricamento del sito - sono molto più piccoli rispetto ai PNG.
• Gli SVG possono essere animati e stilizzati con CSS - questo apre un mondo di creatività per il web, quindi tenete d'occhio alcune animazioni interessanti in futuro.  

Descrizioni utili del menu

Sappiamo dai nostri test che i nuovi utenti possono avere difficoltà a capire dove portano alcuni elementi del menu leggendo solo i nomi del menu. Di conseguenza, gli utenti sono più esitanti a cliccare su questi. Per risolvere questa confusione, abbiamo permesso che una descrizione del menu fosse visibile nel menu, fornendo all'utente un contesto utile sull'essenza del contenuto o del prodotto contenuto nel link.

Costruire credibilità tramite 'Di tendenza tra i colleghi'

Per mostrare ai nuovi visitatori che possono fidarsi della piattaforma, abbiamo una sezione 'Di tendenza tra i colleghi' all'interno del mega menu Sconti e nella ricerca principale. Sapere cosa i loro colleghi già si fidano e come usano la piattaforma è un ottimo modo per costruire credibilità fin dall'inizio.

Questa funzione evidenzia anche i contenuti più popolari grazie al potere delle Raccomandazioni di Terze Parti. Noi, come esseri umani, siamo tipicamente più inclini a credere a ciò che un amico o un collega ha trovato attraente o interessante. La natura dinamica di 'Di tendenza tra i colleghi' rende i contenuti rilevanti e interessanti.

Ricerca principale

Come per tutto il resto, ci aspettiamo che la nostra ricerca lavori duramente per il beneficio dell'utente come qualsiasi altra parte della nostra piattaforma. Pertanto, non solo visualizza i risultati della ricerca in modo chiaro e visivo, ma offre anche un rapido accesso ai contenuti più recenti creati sulla piattaforma.

Di seguito è riportato un esempio di ciò che l'utente vedrà prima di iniziare a digitare il termine di ricerca:

Una volta effettuata la ricerca:

Tipografia della piattaforma

Per migliorare la leggibilità complessiva e le prestazioni della nostra piattaforma, abbiamo deciso di abbandonare il font web-safe standard Arial. Ora utilizziamo invece i font System UI. Questo significa che non abbiamo più un solo font, ma piuttosto un display di font diverso a seconda del sistema operativo dell'utente.

Ad esempio, se un dipendente visita la piattaforma su Chrome, vedrà i contenuti nel font Roboto di Google. In alternativa, se utilizza Safari su un Mac, vedrà il font San Francisco.

(Fonte dell'illustrazione: Cătălin Bridinel)

Avere un font dinamico che si adatta a seconda del dispositivo e del browser crea una migliore esperienza utente. Ecco perché:

• A causa del loro comportamento nativo, questi caratteri sono altamente leggibili e accessibili.
• Sono considerati i migliori nella tipografia web.
• Sono nuovi e moderni.
• Familiarità per l'utente grazie alle interazioni quotidiane con essi su browser e dispositivi.
• Questi caratteri sono in continua evoluzione in modo simile a come i prodotti migliorano basandosi su ricerche e feedback. Grazie a questo, sono sempre aggiornati con i più recenti progressi tecnologici.