In questa lezione.

Quello che andremo a vedere è come applicare il metodo dello user story mapping in generale della raccolta e mappatura dei requisiti all'interno di un e-commerce.

Quindi, in caso stiamo lavorando ad un progetto di un e-commerce.

Nel caso specifico, a approcci con un una metodologia chiamata di, ovvero al contrario.

Quindi partiremo da un prodotto esistente per andare a mappare quelli che sono i requisiti di quello che c'è, per poi avere una documentazione utile per poter fare futuri discorsi, quindi, ad esempio ottimizzazioni, aggiornamenti, eliminare delle funzioni delle sezioni o migliorare e aggiungerne di nuove.

Um, nel caso specifico abbiamo preso come esempio ex e che sicuramente è un e-commerce molto molto strutturato e quello che vorrei mappare è la navigazione principale e l'esempio di una pagina, di un, di un prodotto.

Chiaramente per mantenere questa lezione breve e sicuramente molto pratica e nel caso specifico mi preparo i miei tre livelli dello user story mapping che sono appunto il primo livello le le epic, ovvero le attività macro, il secondo livello, i tasti, gli step, il terzo livello, le storie, ovvero i dettagli.

Ovviamente i colori sono puramente indicativi.

Potete decidere di scegliere il colore che preferite o preferisce e iniziamo guardando la piattaforma.

Quindi l'obiettivo è capire cosa c'è in eser.

Quindi cosa c'è oggi in produzione per definire una documentazione a ritroso? E possiamo notare che ad esempio ex ha una navigazione abbastanza semplice dove permette di accedere a una sezione di categorie.

Ha una barra di ricerca molto importante, trattandosi di un e-commerce, insomma che è giusto che la ricerca abbia un suo impatto molto importante.

C'è la sezione di accesso, il cambio lingua preferiti, regalo e carrello e subito sotto abbiamo una serie di rapide degli shot che cambiano anche in funzione del periodo, quindi in questo caso dell'offerta della festa del papà e in alto c'è un banner che come possiamo vedere è possibile chiuderlo, che però ci dà una con una fornace molto alta, quindi giallo molto visibile come prima cosa della pagina ci permette come con questo di di darci un'informazione in più.

Ad esempio in questo caso c'è l'anteprima del regalo di norma all'interno dell' e-commerce.

In questa parte ci sono ad esempio offerte Black Friday o ad esempio, spedizioni gratuite, quindi informazioni che sicuramente sono utili e aiutano a spingere la persona a scendere ad acquistare o quantomeno a rimanere per acquistare e andiamo quindi a mappare la colonna vertebrale e quindi le epiche o le attività o le macro.

Quindi le sezioni macro di questa navigazione, quindi del sito web e-commerce di e s abbiamo certamente una homepage che è quella che vediamo qua, quindi homepage e sicuramente c'è un menù di navigazione menù di navigazione e posso trattare il menù di navigazione come se fosse una epic.

Perché in effetti il menù di un e-commerce è molto condito, molto strutturato e quindi in questo caso io voglio trattare questo menù come se fosse una vera e propria parte di prodotto, quindi come se fosse un componente specifico a sé.

E abbiamo sicuramente la ricerca che è sicuramente una epic da mappare.

Ricerca c'è sicuramente l'accesso la piattaforma, quindi accesso e abbiamo anche la parte di carrello.

Dopodiché, come abbiamo, sicuramente ci sarà tutta una serie di funzionalità che in questo caso per la lezione s- saltiamo, ma c'è la possibilità di visualizzare un dettaglio di un prodotto, quindi io andrò ad inserire dettaglio prodotto qui il prodotto okay um ipotizzando che per il momento questo scheletro quindi questa colonna vertebrale di prodotto ci ci è sufficiente, quantomeno anche per iniziare.

Questo perché l'attività di mapping non è un'attività necessariamente consequenziale è un'attività abbastanza olistica.

Quindi nel momento in cui andiamo a creare una prima alberatura prima primo scheletro di progetto non è detto che quello debba rimanere sempre lo stesso.

Quindi andando avanti durante la mappatura ci possiamo rendere conto che in effetti abbiamo perso qualcosa per strada oppure qualcosa è stato fatto troppo generico, troppo ampio e quindi c'è bisogno di dividerlo o magari delle cose sono accorpabile e quindi si possono unire e quindi questo lavoro è un lavoro che ad ogni modo cambia e muta anche nel corso del processo, sfornando però che vogliamo mappare, diciamo i tasti, gli step del menù di navigazione in questo caso e andrò a inserire sicuramente code nel menù, la possibilità di gestire le categorie, la ricerca l'accesso e la lingua.

Quindi ci mettiamo qua abbiamo categorie a categorie e ricerca c'è sicuramente un po' di spazio, la parte di accesso l'account, postazioni lingua, abbiamo carrello e gift card.

Um, oltre a questo abbiamo anche delle action sotto, quindi delle categorie suggerite che lo possiamo però magari sotto intendere come sto qua sotto.

Quindi non aggiungo un un tasto uno step, ma aggiungerò una story e, um diciamo questo che lo vorrei inserire qui.

Come? Quindi okay, faccio spazio e andiamo ad approfondire mettendo delle storie.

Quindi nel caso specifico, ad esempio, io potrei dire che, um, come utente, come utente, voglio poter navigare il catalogo di ex tramite la scelta di una delle categorie.

Oppure posso, um, come utente e voglio poter cercare tramite keyword e l'altra cosa è come utente posso a a navigare e accedere a dei contenuti tramite delle categorie sezioni suggerite da e C.

Che sarebbero quelle che sono qua sotto, poiché c'è modalità regalo che offerta di per la festa del papà e buoni regalo liste regali, quindi sono sia delle categorie che delle funzionalità.

In realtà questi sono proprio dei veri e propri shot a delle funzioni o a dei gruppi di prodotti.

E abbiamo detto che c'è l'accesso, quindi andiamo avanti come utente, voglio poter accedere al mio account e se non ce l'ho, voglio potermi registrare.

Avrei potuto fare due storie per questa, um come utente, se ho effettuato l'accesso, voglio visualizzare qualcosa che me lo indichi.

Questo per dire che nel momento in cui farò l'accesso.

Probabilmente al posto di questo accesso ci sarà ad esempio il nome Alessio, la mia faccia, insomma, qualcosa che mi fa capire che so so sono loggato um le impostazioni della lingua.

Possiamo metterlo qua come utente, voglio visualizzare la lingua che c'è attiva in questo momento e voglio poter cambiare lingua.

Voglio poter cambiare lingua del l'e-commerce.

Okay.

Poi abbiamo detto che ho la possibilità di visualizzare il carrello e magari queste azioni decidi decido di raccoglierle tutte in una macro macro step, quindi azioni del menù e quindi posso dire come utente, voglio poter visualizzare l'icona del carrello per accedere al carrello.

Ad esempio, potrei aggiungere che voglio visualizzare voglio visualizzare se ho qualcosa nel carrello o se questo è vuoto.

Voglio poter accedere ai preferiti, poter accedere ai miei preferiti e voglio poter visualizzare voglio poter visualizzare e accedere alla sezione delle gift card che per capirci, è l'iconcina questa qui.

A quel punto nel prede abbiamo voglio visualizzare un banner molto visibile che mi dà delle informazioni contestuali aggiuntive e voglio poterlo chiudere come utente.

Voglio poter chiudere, quindi nascondere il banner.

Ad esempio, abbiamo mappato quello che è il muro di navigazione si potrebbe entrare maggiormente nel dettaglio.

No.

Quindi entrare nel dettaglio di come gestire, ad esempio le categorie come gestire la ricerca.

Però diciamo che per il momento possiamo dire che abbiamo mappato in modo abbastanza sufficiente il um menù di navigazione, procedendo, immaginando di voler mappare soltanto la parte di dettaglio per evitare che questa selezione duri molto e possiamo entrare nel dettaglio e iniziare a vedere.

E ovviamente la il dettaglio di un e-commerce è molto complesso e quindi ci dà tutta una serie di informazioni.

Ad esempio, abbiamo il bream per tornare indietro e quindi salire rispetto a quelle che sono le anomia del prodotto, la possibilità di tornare indietro, la possibilità di visualizzare le foto, scorrere, mettere a preferiti.

E ad esempio questi blocchi di di per sé hanno dei blocchi molto molto complessi.

Però possiamo mappare ad esempio questo default e quindi quello che c'è diciamo sopra la piega, per capirci, tracciando una linea più o meno qui, quello che c'è sopra e quindi possiamo iniziare a dire bene.

Io ho sicuramente un sistema di navigazione, quindi per tornare indietro e muovermi ho sicuramente un sistema di immagini che mi dà delle informazioni contestuali.

Ho delle azioni che posso fare in questa parte e ho informazioni, oltre al fatto che ho il sistema di messa a carrello.

Quindi andiamo sulla parte di prodotto.

Um, per comodità, me lo avvicino e poi me lo risponderò più avanti, quindi prendo questo elemento, me lo sposto qui perché è più facile.

Sposto anche un giallo che mi sarà utile.

E a quel punto abbiamo nel dettaglio di prodotto.

Sicuramente abbiamo un sistema di navigazione per tornare indietro back.

Abbiamo le immagini e i visual del prodotto, abbiamo le informazioni del prodotto e abbiamo anche le recensioni, il prodotto e le azioni azioni sul prodotto.

Okay, A quel punto il sistema di navigazione, ad esempio, possiamo dire come utente voglio visualizzare il Bread Crumb, ovvero le briciole di pane che vengono chiamate in Italia e per poter navigare indietro tra le categorie e sottocategorie del prodotto.

Oppure ho la possibilità di tornare indietro ai risultati di ricerca.

Quindi, come utente, posso visualizzare un tasto per tornare alla lista dei risultati di ricerca.

Dopodiché ho la parte delle immagini e quindi voglio visualizzare un utente.

Voglio visualizzare l'immagine di copertina e se sono presenti altre immagini e visual barra contenuti, posso sicuramente voglio poter cambiare immagine tra quelle presenti.

Quindi posso scorrere eventualmente e visualizzare se ci sono dei video, ad esempio.

Quindi voglio poter visualizzare rapidamente se ci sono dei video.

Okay.

A quel punto abbiamo la sezione delle azioni.

Quindi ad esempio, cioè che preferiti segnala questo articolo, ad esempio c'è la possibilità di scegliere, diciamo il tipo di prodotto, aggiungere del testo, scegliere la quantità e mettere a carrello.

Quindi andiamo qua.

Come utente, posso salvare il prodotto tra i miei preferiti.

Per vederlo in futuro posso segnalare qualcosa che non va sul prodotto? Ad ex abbiamo detto che posso anche Posso scegliere i parametri del prodotto, per esempio la taglia, il tipo colore, eccetera.

Qui si potrebbe entrare e anche molto nel dettaglio.

Però in questo caso, sorvoliamo.

Um, posso scegliere la quantità.

Posso scegliere la quantità di prodotti che voglio aggiungere al carrello.

Okay, quindi diciamo che abbiamo mappato quelle che sono indicativamente le azioni, almeno in modo abbastanza esaustivo.

La parte delle informazioni qua è molto ampia, quindi io posso visualizzare Quindi utente posso visualizzare informazioni di marketing che mi spingono all'acquisto e qui potrei fare una lista.

Ad esempio il fatto che c'è lo sconto il fatto che è all'interno di venti carrelli.

Il fatto che l'offerta termina quindi tutta una serie di informazioni che sono più legate al marketing che in effetti al prodotto in sé.

Sicuramente posso visualizzare il prezzo e lo sconto come utente.

Voglio visualizzare il prezzo um finito ed eventualmente il precedente con lo sconto in atto e posso visualizzare sicuramente una um una descrizione voglio visualizzare una descrizione breve del prodotto posso visualizzare le stelline quindi da chi ha venduto e quante stelle ha a tutti gli effetti e se c'è l'iva quindi l'iva magari la mettiamo qua sconti un altro tra parentesi se compreso di iva o meno.

Sicuramente, come abbiamo detto, posso visualizzare le informazioni sul venditore come utente voglio visualizzare chi vende il prodotto e il suo rating recensioni con le stelline okay e posso vedere eventualmente quando mi arriva, quindi posso voglio vedere visualizzare la potenziale data di consegna se acquisto oggi.

Okay, a quel punto abbiamo l'ultima sezione che è la parte delle recensioni del prodotto.

Possiamo immaginare che le recensioni del prodotto sono tra l'altro sono queste che stanno qua sotto, quindi voglio visualizzare sicuramente le recensioni del negozio e dell'articolo con il totale e le stelline e i dettagli, con la possibilità di ordinarle.

Quindi nel dettaglio come utente posso visualizzare le recensioni del prodotto e del venditore come udente voglio visualizzare il numero di recensioni e la media delle stelline.

Voglio visualizzare le singole recensioni con titolo, descrizione e chi l'ha fatta con la data.

Quindi titolo, descrizione, autore, data e um diciamo rating specifico per ogni aspetto del prodotto.

Sono questi qua e voglio poterli eventualmente scorrere, quindi navigare e ordinare quindi nella vaccinazione.

Quindi un utente posso scorrere le recensioni tramite un sistema di patio? Come utente posso ordinare le recensioni? Ovviamente qua possiamo mettere anche il dettaglio su quali, ad esempio qua c'è suggeriti possiamo mettere adesso lo ipotizzo per suggeriti Data recente le migliori avanti le peggiori.

Avanti adesso ha ipotizzato Okay, okay.

In questo caso possiamo dire che abbiamo mappato in questo caso solo la default, quindi soltanto la prima parte del prodotto con questo pezzetto.

Qui ovviamente secon- secondo questo sistema si può scendere nel dettaglio e andare ad approfondire ovviamente tutto quello che c'è all'interno di una pagina di un prodotto.

Questa cosa è molto utile perché ci permette anche poi di decidere se effettivamente una volta raggiunto e quindi documentato un prodotto del genere, a meno che non esiste già una documentazione del prodotto che a cui possiamo accedere, ci permette di, diciamo, tirare una linea e dire Okay, questo è quello che abbiamo, quindi una una volta che abbiamo una mappa molto grande che ci permette di dire Okay, abbiamo davanti a noi abbiamo la mappa del prodotto da parte di mapping e sulla base di questo possiamo andare ad aggiungere, a togliere, eliminare e a modificare tutta una serie di funzionalità, di storie o anche di epiche.

Quindi anche proprio Macron funzioni per ottimizzare il prodotto, eventualmente per raggiungere nuovi obiettivi di business.