Sfondo:
Qui a Vtiger, esploriamo spesso tra loro come costruire prodotti migliori per i nostri clienti. Le nostre discussioni spaziano da idee su come migliorare la funzionalità CRM, aumentare le prestazioni del sistema, migliorare l'esperienza dell'utente. Durante una discussione particolare a settembre, alcuni membri del nostro team di ingegneri si sono incontrati per discutere le loro preoccupazioni sulle incoerenze dell'interfaccia utente. Spazio vuoto mancante, testo e icone disallineati, il mix di testo e icone nelle barre di azione e molte altre incoerenze del design li hanno agitati al punto da desiderare di migliorare l'interfaccia utente di Vtiger.
In poche settimane, questo desiderio si è trasformato nel progetto Alpana (Alpana, una delle più antiche arti popolari indiane, si riferisce a motivi colorati realizzati con le mani e la pittura). I team di Product Management e User Experience Design sono stati chiamati a collaborare. L'obiettivo del progetto Alpana era quello di creare un'interfaccia utente intuitiva che fosse elegante, ottimizzata per la leggibilità e non richiedesse agli attuali utenti di Vtiger di apprendere nulla di nuovo.
I principi guida per i miglioramenti dell'interfaccia utente sono stati ispirati dalla prima legge di usabilità di Steve Krug: non farmi pensare. Nel suo libro Don't Make Me Think: A Common Sense Approach to Web Usability, Steve Krug osserva che una pagina web dovrebbe sempre essere autoesplicativa. Tenendo presente questo, il nostro team ha deciso di creare un'interfaccia utente intuitiva che i nostri utenti potessero capire senza dover pensare a cosa sia oa come usarla.
Il processo:
Il progetto Alpana è stato avviato 3 mesi fa. Durante questo periodo che seguì, il team ha analizzato ogni pagina in Vtiger CRM per esaminare in dettaglio le incongruenze dell'interfaccia utente. La dimensione dei pulsanti, l'allineamento del testo, l'applicazione dei colori e molti altri dettagli sono stati attentamente esaminati per coerenza e leggibilità. E dopo diverse sessioni di brainstorming e lunghe discussioni, sono state definite le linee guida che regolano i miglioramenti dell'interfaccia utente. Marco Suarez, dello studio di design Invision, si riferisce a queste linee guida come "sistemi di design", in questo campanello d'allarme - Il design del software è in crisi. - ha pubblicato la scorsa settimana.
Il nostro team di UXD ha creato 286 nuove icone e fornito su mock-up 500 al team di ingegneri per il revamping delle pagine. Il nostro team di tecnici ha implementato oltre i miglioramenti di 100 UI. Ogni nuova implementazione è stata accuratamente testata per i bug. Un mese fa, la nuova interfaccia utente è stata rilasciata internamente e tutti ora amano il nuovo look.
Cosa è cambiato:
- Icone: Ora, quando accedi a Vtiger CRM, vedrai le icone delle linee alla moda che sostituiscono le vecchie icone piene. Le icone delle linee sono semplici, raffinate e facili da riconoscere. Poiché le icone delle linee sono chiare, raramente ti fanno staccare gli occhi dal corpo principale della pagina.
- menù: Stiamo introducendo un'icona di menu al posto del testo. E passando il mouse sopra l'icona, vedrai ora tutti i moduli raggruppati logicamente e elencati verticalmente. L'elenco verticale elimina il mix di scansione orizzontale e verticale e migliora l'esperienza di lettura.
- Visualizzazione dei nomi delle liste: Vtiger CRM consente di filtrare i record CRM e di salvare tali record come un elenco. Un clic sulla lista desiderata mostra tutti i record filtrati. Fino a ieri, questi nomi di elenchi venivano fissati sullo schermo, rubando lo spazio sullo schermo dei dati CRM reali che si desidera visualizzare. Inoltre, questo scricchiolio dello spazio ha costretto lo scorrimento orizzontale per visualizzare più informazioni sui record. Con l'aggiornamento dell'interfaccia utente, i nomi delle liste appaiono al passaggio del mouse e scompaiono dopo la selezione. In questo modo vedrai più dati filtrati e scorrerai meno spesso.
- up Pop-: Stiamo introducendo pop-up modali di tendenza per migliorare il design della pagina e migliorare l'usabilità generale. Attraverso l'intera applicazione CRM, questi nuovi pop-up modali appaiono costantemente sul lato destro dello schermo. La pagina originale dietro il pop-up è sfocata per garantire che l'attenzione totale sia sul contenuto a comparsa. Una volta visualizzate le informazioni a comparsa, è sufficiente chiudere il popup e tornare alla schermata originale per continuare a lavorare dal punto in cui era stato interrotto.
- Etichette icona: Nella vista del record, ora puoi vedere le etichette delle icone per tutte le schede correlate. Le etichette forniscono chiarezza e non devi pensare prima di cliccare.
Questi sono alcuni miglioramenti dell'interfaccia utente che noterai. Ci sono molti altri sottili miglioramenti che non sono evidenti, ma forniranno un'esperienza utente migliore. Vuoi saperne di più? Leggi la nostra documentazione. E per favore lascia un commento per farci sapere come ti senti riguardo ai miglioramenti dell'interfaccia utente.
