Google Chrome: gruppi di schede migliorati

Nov 27 2022
Caso di studio: una valutazione dei gruppi di schede di Chome (Android) tramite il principio dell'euristica e una soluzione per migliorare l'esperienza dell'utente. INDICE 1] Come è iniziato 2] Riprogettazione: cosa è cambiato? 3] Perché scegliere Google Chrome 4] Identificazione del problema 5] Ideazione 6] Wireframing 7] Prototipazione 8] Test degli utenti 9] Feedback COME È INIZIATO! Ho ricercato e sperimentato i principi della UX.

Caso di studio: una valutazione dei gruppi di schede di Chome (Android) tramite il principio dell'euristica e una soluzione per migliorare l'esperienza dell'utente.

INDICE

1] Come è iniziato

2] Riprogettazione: cosa è cambiato?

3] Perché scegliere Google Chrome

4] Identificazione del problema

5] Ideazione

6] Wireframing

7] Prototipazione

8] Test utente

9] Feedback

COME È INIZIATA!

Ho ricercato e sperimentato i principi della UX. A metà strada, in qualche modo, sono finito in un seminario di tutoraggio di 2 settimane.

Il seminario ha migliorato i miei fondamenti e mi ha fatto conoscere una diversa prospettiva di osservazione.

Il nostro mentore Anudeep ha lanciato una sfida di UX Design con un limite di tempo di 48 ore. Ed è così che posso fare un breve case study su Google Chrome per Android.

REDESIGN — COSA È CAMBIATO?

Sono state proposte e implementate 2 modifiche principali. Un cambiamento è visivo e quindi facile da individuare, mentre l'altro cambiamento avviene nella funzionalità di elementi già esistenti e quindi non visibili ad occhio nudo.

1 ] Assegna un nome ai gruppi di schede

Riprogettazione 1

Qui, abbiamo selezionato un gruppo di schede e aggiunto una funzione Modifica per denominare i gruppi di schede. Per semplicità abbiamo utilizzato l'icona di modifica con cui gli utenti hanno familiarità e l'abbiamo abbinata allo stile di design dell'icona di Chrome.

Abbiamo creato una schermata di prompt pop-up, che diventerà utilizzabile ogni volta che l'utente desidera apportare modifiche al nome.

2 ] Sposta le schede

Riprogettazione 2

Qui, l'area contrassegnata in rosso è il luogo in cui la nuova opzione di trascinamento è resa disponibile e abilitata.

Questo viene fatto per aiutare l'utente a ordinare e organizzare la propria scheda nel modo che l'utente preferisce. Una volta organizzato, aiuterebbe l'utente a risparmiare tempo e ad essere efficiente.

3 ] Impatto su Utenti e Business

Le schede e i gruppi di schede sono una rapida alternativa ai segnalibri in Chrome Mobile. E le novità introdotte avranno un impatto positivo sia sull'Utente che sul Business.

✔UTENTI :

Le modifiche aiutano l'utente a risparmiare tempo e fatica. Li aiuta a gestire le loro schede in modo più efficiente e semplice. I gruppi di denominazione aiutano a identificare le schede più velocemente e quindi a ridurre lo stress mentale che gli utenti altrimenti avrebbero guadagnato per ricordare le cose.

Con il trascinamento delle schede abilitato, l'utente può organizzare le schede secondo le proprie esigenze e priorità in modo da risparmiare tempo e fatica.
Riduce anche i passaggi che l'utente avrebbe altrimenti intrapreso di almeno 3.

✔Affari :

Quando l'utente non trova ciò di cui ha bisogno, si sente frustrato e può andare su altre app (chiamata, msg, note, insta msg ecc.) per richiamare le informazioni.

Ciò potrebbe comportare la perdita di SCREEN TIME .

L'utente può anche dimenticare/posticipare la propria attività quando naviga in altre app.

Ciò potrebbe ridurre le METRICHE DI RITENZIONE.

Rendere il processo degli utenti facile ed efficiente li aiuta a risparmiare tempo e fatica, e quindi aiuta ad aumentare la RITENZIONE DEGLI UTENTI .

Perché scegliere Google Chrome?

Le scelte fatte sono state basate su più di un motivo.

  • Per cominciare, Chrome è un'app ampiamente utilizzata e quindi ha un'ampia base di pubblico. Qualsiasi miglioramento apportato può aiutare un gran numero di utenti.
  • In secondo luogo, poiché Chrome è ampiamente utilizzato, trovare persone da testare è relativamente facile. E così possono dare risposte dettagliate, aiutandoci a progettare soluzioni migliori.
  • In terzo luogo, io stesso conosco molto bene il prodotto. E quindi mi aiuta a evitare di creare soluzioni di design duplicate.

La soluzione è buona quanto il problema.

Per identificare i problemi ci siamo avvalsi del 10 principio dell'Euristica e li abbiamo testati sull'area specificata del prodotto.

Riprogettazione: identificazione del problema

Problema (R1) identificato:

Mentre scorri il contenuto di una scheda, lo trovi utile e vuoi proiettizzarlo. L'impossibilità di controllare la disposizione delle schede ostacola il controllo e la libertà dell'utente.

Principio euristico : CONTROLLO E LIBERTÀ DELL'UTENTE

Problema (R1) identificato:

È risaputo tra gli utenti del touch screen che premiamo e trasciniamo a lungo per cambiare posizione. Lo stesso manca nei gruppi di schede di Google, all'interno.

Principio euristico — FLESSIBILITÀ ED EFFICIENZA D'USO

Problema (R1) identificato:

L'utente è ormai molto abituato alle pratiche comuni, vengono naturali. Pertanto, quando si implementano pratiche comuni (trascinamento) su elementi idonei ma non si riceve la risposta prevista, l'utente diventa frustrato

Principio euristico — CORRISPONDENZA TRA SISTEMA E MONDO REALE

Problema (R2) identificato:

Quando organizzi le tue schede in gruppi, vorresti che fossero facilmente individuate quando richiesto L'impossibilità di creare/contrassegnare gruppi di schede per avere un'identità distintiva riduce al minimo il controllo e la libertà dell'utente.

Principio euristico: CONTROLLO E LIBERTÀ DELL'UTENTE

IDEATING

Qui abbiamo trovato alcune soluzioni per i problemi che abbiamo identificato. Ordinati ed eliminati pochi con un metodo per tentativi ed errori. E scegli la soluzione migliore per il nostro problema.

I vincoli sono stati identificati e definiti prima di identificare le soluzioni, in base alla capacità e alla disponibilità delle risorse.

Redesign — Ideazione

WIREFRAMING

Le idee sono solo sogni a meno che non vengano messe in atto.

Qui abbiamo creato prototipi a bassa fedeltà basati sulle idee che abbiamo immaginato.

È stato mappato un percorso corretto per le nuove modifiche e la loro fattibilità da implementare nell'attuale sistema di prodotto è stata verificata tramite vari schizzi.

Dopo alcuni tentativi, l'idea visualizzata nell'immagine sottostante è stata scelta come base per il passaggio successivo.

Accedi al Link al prototipo Low-fidelity, CLICCA QUI

Riprogettazione: wireframing

PROTOTIPAZIONE

In questa fase abbiamo convertito i wireframe a bassa fedeltà in prototipi visivamente piacevoli e lavorabili.

Modifiche apportate

✏️Abbiamo aggiunto un'icona di modifica in modo che l'utente possa nominare i gruppi di schede in Chrome.

✏️Abbiamo aggiunto una schermata popup, in cui l'utente può aggiungere/modificare il nome. Questo popup verrà visualizzato quando il pulsante Modifica viene chiamato in azione

✏️Abbiamo aggiunto un'opzione di trascinamento alla barra del gruppo di schede in basso

Accedi al Link al prototipo ad alta fedeltà, CLICCA QUI

Riprogettazione — Prototipazione

TEST UTENTE

La parte più importante di un progetto è testarlo. Il test mostra la risposta e l'interesse degli utenti per il prodotto, inoltre aiuta a identificare i problemi degli utenti e correggerli.

Un prodotto che non piace ai suoi utenti è un cattivo investimento.

Trovare l'utente

È importante identificare le persone giuste con cui testare il tuo prodotto. Dovrebbero appartenere al gruppo di pubblico mirato.

Poiché Google è utilizzato da una grande massa di persone, trovare utenti per testare il nostro prodotto non è stato difficile. Escludendo i pochi "Non disturbarmi", "Non ho tempo", abbiamo trovato rapidamente l'utente e osservato il risultato.

Compito per l'utente

⚡Modifica il nome di un gruppo di schede.
⚡Chiedi loro di entrare nel gruppo delle schede e di sfogliare una scheda qualsiasi.
⚡Cambia la posizione di quella scheda nel gruppo, direttamente dalla pagina in cui si trova l'utente.
⚡La tua opinione in merito alle modifiche.

Cosa osservare

Osserva quanto velocemente l'utente trova l'opzione di modifica e trova qualche problema nell'effettuare le modifiche.
Osserva quale scelta fa l'utente quando prova a cambiare la posizione della scheda.
Trovano la strada in un solo tentativo?
Si sono persi?

Riprogettazione - Note di osservazione dell'utente

Approfondimenti

Puoi sempre imparare qualcosa da tutti e da tutto.

Non importa quanto sia popolare o ampiamente utilizzato un prodotto: chiedi sempre all'utente se utilizza il prodotto o se ha familiarità con il prodotto o meno.

L'utente potrebbe rimanere bloccato/trovare problemi con elementi preesistenti che non hai riprogettato.

RISPOSTA

Dopo aver analizzato i dati raccolti dall'utente e le osservazioni fatte da noi, siamo giunti alla conclusione che non sono necessariamente necessarie ulteriori modifiche.

Quando l'utente è già molto chiaro e soddisfatto del prodotto che abbiamo progettato, ulteriori modifiche forzate potrebbero influire negativamente sul prodotto.

Tuttavia, abbiamo comunque introdotto una piccola modifica al prodotto. Aggiungiamo "Zoom al passaggio del mouse" alla barra inferiore della scheda Gruppo.

Redesgn — Vola

Connettiti con me su Linkedin, CLICCA QUI