SELLALAB Academy - UX Design - Intervento Alberto Chiesurin

CHE DIFFERENZA C’È TRA

UN PRODOTTO

E

UN’ESPERIENZA?

https://www.youtube.com/watch?v=-‐k8tAcdKksE

2

HARLEY DAVIDSON

REAL TESTRIDE

https://www.youtube.com/watch?v=-‐k8tAcdKksE

https://www.youtube.com/watch?v=-k8tAcdKksE

COME SI PROGETTA LA USER EXPERIENCE?

Varie tipologie di processo

6

L’UTENTE AL CENTRO

7

RICERCA

STRATEGIA

DESIGN

SVILUPPOEVOLUZIONE

1

2

3

45UTENTE

LE PERSONE GLI STRUMENTI I COMPETITORS

Quali sono gli obiettivi e le esigenze che vogliamo raggiungere?

Quali sono i reali bisogni degli utenti?

Quali sono gli attuali strumenti a disposizione?

Come vengono utilizzati?

Quali sono le strategie ed i servizi dei benchmarks?

Cosa si può imparare dalle esperienze degli altri?

Business requirements e User Needs

Context analysis e Expert Analysis

Competitore e analisi della letteratura

1

1.RICERCA = COMPRENDERE

RICERCA STRATEGIA DESIGN SVILUPPO EVOLUZIONE

COPYRIGHT GAIA SRL 2012

INTRODUZIONE BUSINESS NEEDS USER NEEDS CONCEPT

UTENTI INTERVISTATI

Sergio B.Manager

Marco G.Trader

Carlo CampagnaBanca Profilo

12

Azionisti

Analisti finanziari

Indesit

Giandomenico P.Consulente

Adriana M.Manager

Franco S.Imprenditore

Filippo PriniKepler Capital Markets

Dino Catena Indesit

MarketingFrancesco Toscano

IRElisabetta Vilizzi

EmanuelaMazzoniMediobanca

ComunicazioneFederico Ziller

mercoledì 19 settembre 12



INTERVISTE/AZIONISTA B/1Quali informazioni per lei sono importanti?UTENTE: mi aspetto che sia la società a aiutarmi a capire chi sono e perché dovrei dar loro i miei soldi, vorrei vedere informazioni presentate in modo trasparente, senza nascondere quelle tecniche ma anche l'etica ha la sua parte, non investirei in un'azienda che sfrutta le persone.

Come ricerca le informazioni per lei rilevanti, ha un modello definito per una valutazione?UTENTE: Raccolto le informazioni da giornali e dal sito, poi sono consigliata. Penso che le informazioni rilevanti dovrebbero essere rese disponibili in modo chiaro a chiunque, salvo poi consentire approfondimenti con esperti.

Le informazioni di bilancio per lei sono importanti?UTENTE: limitatamente, cerco di capire i dati essenziali per vedere se è solida. Ma se investo nel lungo periodo, scelgo già società solide e quindi non è questo che guida le mie scelte. Che una società possa essere considerata d’attenzione me lo dicono già i servizi di equity research che analizzano i bilanci e numeri.

Navighiamo gli Highlights di bilancio, cercherebbe queste informazioni?UTENTE: Così mi sembrano molto interessanti, un po’ più semplici, ma vorrei anche dei numeri di sintesi, di facile lettura, che mi aiutino a capire meglio.

23mercoledì 19 settembre 12



INTERVISTE/AZIONISTA B/1Quali informazioni per lei sono importanti?UTENTE: mi aspetto che sia la società a aiutarmi a capire chi sono e perché dovrei dar

loro i miei soldi, vorrei vedere informazioni presentate in modo trasparente, senza

nascondere quelle tecniche ma anche l'etica ha la sua parte, non investirei in

un'azienda che sfrutta le persone. Come ricerca le informazioni per lei rilevanti, ha un modello definito per una valutazione?UTENTE: Raccolto le informazioni da giornali e dal sito, poi sono consigliata. Penso

che le informazioni rilevanti dovrebbero essere rese disponibili in modo chiaro a

chiunque, salvo poi consentire approfondimenti con esperti.Le informazioni di bilancio per lei sono importanti?UTENTE: limitatamente, cerco di capire i dati essenziali per vedere se è solida. Ma se

investo nel lungo periodo, scelgo già società solide e quindi non è questo che guida le

mie scelte. Che una società possa essere considerata d’attenzione me lo dicono già i

servizi di equity research che analizzano i bilanci e numeri.Navighiamo gli Highlights di bilancio, cercherebbe queste informazioni?UTENTE: Così mi sembrano molto interessanti, un po’ più semplici, ma vorrei anche

dei numeri di sintesi, di facile lettura, che mi aiutino a capire meglio.




INTERVISTE/AZIONISTA B/1Quali informazioni per lei sono importanti?UTENTE: mi aspetto che sia la società a aiutarmi a capire chi sono e perché dovrei dar

loro i miei soldi, vorrei vedere informazioni presentate in modo trasparente, senza

nascondere quelle tecniche ma anche l'etica ha la sua parte, non investirei in

un'azienda che sfrutta le persone. Come ricerca le informazioni per lei rilevanti, ha un modello definito per una valutazione?

UTENTE: Raccolto le informazioni da giornali e dal sito, poi sono consigliata. Penso

che le informazioni rilevanti dovrebbero essere rese disponibili in modo chiaro a

chiunque, salvo poi consentire approfondimenti con esperti.

Le informazioni di bilancio per lei sono importanti?

UTENTE: limitatamente, cerco di capire i dati essenziali per vedere se è solida. Ma se

investo nel lungo periodo, scelgo già società solide e quindi non è questo che guida le

mie scelte. Che una società possa essere considerata d’attenzione me lo dicono già i

servizi di equity research che analizzano i bilanci e numeri.

Navighiamo gli Highlights di bilancio, cercherebbe queste informazioni?

UTENTE: Così mi sembrano molto interessanti, un po’ più semplici, ma vorrei anche

dei numeri di sintesi, di facile lettura, che mi aiutino a capire meglio.

23




PUNTI CHIAVEAbbiamo visto la navigazione anche su Indesit 2009 per avere un benchmark

del miglioramento. Le problematiche del sito sono state indagate e risolte con

il lancio del sito Indesit Annual Report 2010.

UTENTE: Home: “Rumore ostile, mi distrae, mi disturba, ahh, c’è il modo di farlo tacere?!..”

“Informazioni che mi interessano..non saprei dove cercarle..”

55

VIDEO

U01NOME

Marco TARGETManager ETÀ

43 anni ATTIVITÀTrader

“Informazioni che mi interessano..non

saprei dove cercarle..”“Rumore ost i le, mi distrae, mi

disturba, ahh, c’è il modo di farlo

tacere?!..”



INTRODUZIONEBUSINESS NEEDS

USER NEEDSCONCEPT

PUNTI CHIAVEL’utente naviga utilizzando comportamenti standard quindi predilige la ricerca

del pdf di bilancio perchè non sa che ci sono modalità più efficaci per

acquisire le medesime informazioni. Quando le scopre rimane molto

soddisfatto e le trova efficaci e belle. L’utente ricerca inoltre informazioni che

non sono presenti e che rappresentano per lui un forte valore aggiunto per la

valutazione dell’azienda e per la trasparenza della comunicazione.

Opportunità: Visibilità delle modalità nuove di acquisire le informazioni.

Opportunità: Integrazione e studio dei contenuti coerenti con i bisogni

dell’utente.

15

VIDEO

U01NOMEMarco

TARGETManagerETÀ

43 anniATTIVITÀTrader

PDF: “ So che qui ci sono tutte le informazioni che cerco”

INFOGRAFICHE: “Bello! Pulito ed efficace!”

HIGHLIGHTS DI BILANCIO: “Belli! Questo è uno di quelli

belli puliti. Che da l’idea di quanta ricchezza è stata

capace di creare.” “Qui c’è tutto ed è più semplice. Se mi

abituo (a trovarlo sui siti) salto il pdf”.


VIDEO INTERVISTE | ESEMPID

ISC

OV

ER

Y

2

Marketing

Conoscere le persone ed i loro reali bisogni

CUSTOMER JOURNEY | ESEMPID

ISC

OV

ER

Y

3

Approfondire i principali punti di contatto con l’utente

4

https://www.youtube.com/watch?v=Dsarh1BhC9U

Customer Journey Mapping

WORKSHOPD

ISC

OV

ER

Y

5

Coinvolgere le persone e accettare contributi

PERSONAS|ESEMPI!

DIS

CO

VE

RY

6COPYRIGHT GAIA SRL 2012

INTRODUZIONE BUSINESS USERCONCLUSIONI

IntroduzioneClaudia si occupa principalmente di tutte le operazioni di sportello.

E’ stata in maternità ed è rientrata da due settimane.

Verifica quasi sempre l’identità del cliente che ha davanti aprendo la scansione del

documento d’identità.Attività principaliSi occupa prevalentemente di operazioni di contanti, come pagamenti spese

condominiali, bonifici e altre operazioni di cassa. Le capita di proporre dei prodotti ai

clienti e non avere risposte immediate, si annota quindi la risposta del cliente e nel

caso lo contatta nuovamente a distanza di qualche giorno.

Ambizioni personaliNon ha particolari ambizioni di crescita professionale, ma le piace molto il clima e lo

spirito di Banca Sella e il rapporto che si instaura con i clienti abituali.

Crede veramente nella logica dei bisogni e cerca di fare proposte ai clienti solo con

l’obiettivo di curare meglio i loro interessi, perché ormai li vede quasi come amici.

Pensa di avere più che altro bisogno di strumenti che le permettano di non trovarsi

mai in difficoltà e di avere sempre le informazioni che le possono servire senza

troppi sforzi.

CriticitàA volte i clienti sono interessati ad alcuni prodotti, ma sono anche informati sul

mercato, sui prodotti di altri gruppi. Claudia non conosce bene i prodotti della

concorrenza ed è difficile individuare i punti chiave, i vantaggi che possano

convincere il cliente.A volte ritiene di perdere tempo perché, ad esempio, un cliente arriva in succursale

con l’intenzione di sottoscrivere un prodotto, come una polizza sulla casa, ma, solo

dopo aver spiegato nel dettaglio tutte le condizioni, quando si inizia la procedura, si

rischia di scoprire che in realtà il cliente aveva già sottoscritto quella polizza,

stipulata tempo prima insieme al mutuo.

AltroGrazie alla sua personalità, i clienti che si recano abitualmente in succursale, la

vedono ormai come un’amica di famiglia, si fidano di lei e le raccontano le proprie

questioni familiari.Riesce ad avere un buon impatto anche con coloro che vede solo raramente o con i

non clienti, come chi viene solo per incassare un’assegno o per pagare le spese

condominiali.Le piacerebbe avere sempre a portata di mano un calendario delle scadenze e delle

attività da svolgere quando non è operativa allo sportello.

Sportello amico

Relazioni con i colleghiGrado di autonomia

Necessità strumenti digitaliProattivitàNecessità analisi

Necessità analisi operativa

Note• Rappresenta i valori di Banca Sella

• Conosce bene i propri clienti

ClaudiaRossiETÀ

35SEDE

SuccursaleDEVICEComputer(in succursale)

ESPERIENZA13 anni

RUOLOOperatrice di sportello



DanielaAnselmiETÀ

29

SEDESuccursale

DEVICEComputer(in succursale)CriticitàRitiene che i mezzi a sua disposizione non la assistano sufficientemente nel suo lavoro.

Reputa che la proposta commerciale sia come una scommessa: si prova a proporre un

prodotto e le percentuali di successo sono strettamente legate a quanto ci si avvicina ai

reali bisogni dei clienti. Pensa sia difficile proporre un secondo prodotto ad un cliente

non interessato alla prima proposta. I clienti hanno spesso fretta, e lei vorrebbe avere,

con un’occhiata veloce, un’idea di cosa proporgli.

La cosa più importante è avere una fotografia immediata del cliente che si ha

davanti, per capire in pochissimo tempo:

• chi è• quali prodotti ha già sottoscritto (con banca Sella)

• quali prodotti ha già sottoscritto (con altri competitors)

• quali possono essere i suoi bisogni

• cosa gli si può proporre per avere le maggiori probabilità di successo.

Si sente in po’ frustrata dal sentirsi frenata nella sua attività, dalla burocrazia e da

strumenti che ritiene farraginosi e poco efficienti. Reputa di aver bisogno di troppo

tempo per potersi preparare agli incontri con i clienti, perché le informazioni sono in

troppi punti diversi.AltroLe piacerebbe avere qualcosa che le segnali le anomalie in automatico, senza dover

essere lei a dover controllare tutto manualmente, perché le permetterebbe di poter

intervenire, gestendo e segnalando le criticità per tempo.

L’operativa

ESPERIENZA5 anni

IntroduzioneDaniela lavora in succursale e si occupa di gestione titoli e proposizione prodotti, ma

le capita anche di lavorare allo sportello.

Quando è allo sportello lavora spesso in piedi, è molto dinamica, simpatica e

socievole, punta molto sul proprio intuito.

Attività principaliSi occupa di operatività di cassa e attività commerciali sia con i clienti di sportello sia

mediante telefono per proposizioni e organizzazione di appuntamenti.

Porta avanti le campagne commerciali e gestisce i conti dormienti.

Le capita anche di uscire alla ricerca di clienti in zona, entrando in attività

commerciali e cercando di parlare con i titolari.

Ambizioni personaliIl suo primo obiettivo è tenere alte le proprie performance commerciali e se possibile

migliorarle. Vuole crescere professionalmente, è ambiziosa e consapevole di avere

le qualità per emergere.E’ molto propositiva e sa cosa potrebbe migliorare la sua attività lavorativa, è

conscia dei limiti e dei possibili margini di incremento.

Relazioni con i colleghiGrado di autonomia

Necessità strumenti digitaliProattivitàNecessità analisi

Necessità analisi operativa

Note• Commercialmente molto attiva

• Buoni margini di miglioramento delle performance

RUOLOCommerciale family e small business

Dalla ricerca deriviamo gli utenti tipo di riferimento del progetto.

COPYRIGHT © GAIA SRL 2012


Sportello amicoL’operativa

Il commercialePadre di famiglia

Lo strategaIl risolutore

Foto

NomeClaudia Rossi (35) Daniela Anselmi (29) Paolo Farioli (43)

Marco Amato (45)Paolo Bottazzi (48)

Andrea Volpe (28)

RuoloOperatrice di sportello Commerciale family e small business Private banker Responsabile di succursale

Capo territorioContact center

Attività • operazioni di sportello• proposte commerciali

• operazioni di sportello• Sviluppo commerciale• Iniziative commerciali

• Sviluppo commerciale• Gestione clienti

• Monitoraggio obiettivi• Sviluppo commerciale• Gestione personale• Gestione anomalie e problematiche clienti

• Organizza il lavoro delle succursali per raggiungere gli obiettivi

di budget• Monitoraggio obiettivi commerciali e di qualità

• Sviluppo commerciale• Gestione problematiche clienti

• Campagne commerciali• Assistenza clienti e colleghi

Criticità• Non vuole trovarsi in difficoltà.• Conosce molto bene i

propri clienti.

• Pensa che la proposta commerciale ad un

cliente debba essere il più possibile vicino alle

sue esigenze per avere maggiori probabilità di

successo.• Si sente frenata dalla burocrazia

• Ritiene di non avere sempre il tempo per

preparare gli incontri• Sostiene di non avere sempre le informazioni

per dare risposte immediate ai clienti

• Dice di trovarsi spesso ad intervenire quando

una situazione è già diventata un problema• Dice di non avere uno

storico degli accordi presi dai suoi predecessori

• Dice di non avere dati precisi e sicuri in tempo

reale• Ritiene di non poter tracciare la storia di un

cliente

• Non ha un contatto fisico con il cliente, non

lo conosce

PERSONAS | SINTESI

67


INTRODUZIONE BUSINESS NEEDS USER NEEDS

HOME: CONTENUTI INVISIBILIInformazione inefficace. Banner Blindness. Percorsi consolidati e ciechi.

33

Googlehttp://domain.com

Web Page Title

Menu

Mappa del sito

BANNER (Buon natale)

Focus on Aggiornamenti

Servizi informaticiDa sapere

100%

5%

5%

Rubrica

30%

100%30%

Mail (owa) Applicazioni

100%Cerca

30%

5%ContattiLink

30%

5% 5%

0%



INTRODUZIONE BUSINESS NEEDS USER NEEDS

FLUSSIIl 20% DEGLI UTENTI NON VEDE LA HOME. IL 60% È DIRETTO ALLA PAGINA APPLICAZIONI.


ANALYTICS E FLUSSI | ESEMPI

DIS

CO

VE

RY

7

Analisi dei numeri per comprendere i comportamenti degli utenti

IDENTIFICARE LA STRATEGIA IDEARE IL CONCEPT

Trasformare le informazioni in obiettivi concreti e priorità, identificando le leve sulle quali operare.

Rappresentare l’idea e i passaggi necessari per realizzarla.

8

2.STRATEGIA =DEFINIRE LA SOLUZIONE


9

CONCEPT | ESEMPI

INFORMAZIONI ESSENZIALE

TRASPARENZA

VELOCITÀ

DESIGN

CONTENUTI

SVILUPPO

TRE REGOLE

ARCHITETTURA

10

STORYBOARD & SCENARIOS

Scenario 2:

Informazione irrintracciabile?

Scenario 1:

Veicolo ancora in promozione?

ST

RA

TE

GY

Come funziona oggi e come funzionerà? Lo raccontiamo con una storia

PROGETTARE IL DETTAGLIO

VERIFICARE LE SOLUZIONI

SUPPORTARE REALIZZAZIONE

Progettare nel dettaglio contenuti, interazione e visual coerenti con la user esperience desiderata

Coinvolgere gli utenti per accertarsi che la soluzione identificata sia di reale valore per chi la userà

Garantire una realizzazione di qualità e la sua evoluzione coerente attraverso regole per lo sviluppo e formazione

Information architecture, interaction design, visual design, content design

Prototyping e User Test Guidelines e formazione

1

3.DESIGN =PROGETTARE E VERIFICARE


?L’ARCHITETTURA INFORMATIVA

DE

SIG

N

2

Chiamiamo le cose allo stesso modo? Le organizziamo nelle stesse categorie?

è la struttura organizzativa logica delle informazioni, dei contenuti e delle funzionalità di un sistema

http://it.wikipedia.org/wiki/Struttura

http://it.wikipedia.org/wiki/Logica

http://it.wikipedia.org/wiki/Informazione

http://it.wikipedia.org/wiki/Contenuto

?ARCHITETTURA INFORMATIVA|TEST

DE

SIG

N

3

©2011 Gaia S.r.l. more info @ www.gaia.is.it

15

ARCHITETTURA INFORMATIVA AS IS

ZOOMCOPYRIGHT GAIA SRL 2011

SCOPO TEST

RISULTATI

METODO

NEXT STEPS

18

VALUTAZIONE SOGGETTIVA

VERSIONE 1 VERSIONE 2 VERSIONE 3Vincitore VERSIONE 4

Sicurezza sul percorso scelto

Chiarezza delle voci del menu

Raggruppa-menti e struttura menu

positivo

neutrale

negativo

Samstag, 8. September 2012

Verifichiamo con gli utenti

CARD SORTING

WIREFRAMES | ESEMPI

DE

SIG

N

5

Piaggio - Dealer Portal2.x.y - 6.x.y Contenuto

Fri Aug 05 2011

Creatore

Modificato

Timothy Carniato

Home Piaggio Aprilia Derbi Veicoli CommercialiMoto GuzziPiaggio

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam elementum, nulla quis semper tincidunt, ante dolor malesuada lectus, sagittis tincidunt erat nibh a nisl. Cras blandit suscipit egestas. Donec eu metus a lectus pulvinar scelerisque. Pellentesque semper sollicitudin erat. Pellentesque nec ante non magna varius volutpat sit amet et dui. Donec auctor egestas sagittis. Fusce consequat, massa tincidunt eleifend dignissim, felis odio feugiat nibh, in pulvinar nisi leo sed elit. Vestibulum a odio vitae massa blandit commodo a sit amet nulla. Aliquam sed dolor ut dui pellentesque adipiscing. Nunc molestie nibh eget velit scelerisque eget ornare turpis rhoncus. Sed nec velit et ligula dapibus euismod. Quisque bibendum semper facilisis. Nulla a orci non mi mattis egestas ut nec lacus. Ut pulvinar, magna interdum consequat tempor, arcu mi sollicitudin orci, et egestas tortor tortor ac tortor. Aliquam placerat risus dictum risus ornare luctus. Ut eget purus sit amet augue posuere ullamcorper at ut felis. Vestibulum blandit ante sit amet arcu ullamcorper id pellentesque mi volutpat. Donec ante felis, elementum et dictum quis, tempor at ipsum.

Nullam ultricies lobortis massa, vitae pellentesque metus porta ut. Praesent hendrerit sollicitudin velit, in adipiscing lectus suscipit quis. Sed mi orci, ullamcorper non dignissim sit amet, ultrices ac neque. Cras tincidunt, elit malesuada mollis vehicula, nisl arcu tincidunt magna, in euismod est nunc pulvinar mauris. Aliquam vel malesuada ligula. Nunc laoreet, velit ut luctus posuere, lacus neque ultrices orci, id iaculis eros odio ut eros. Nunc sed sem et arcu scelerisque elementum. Suspendisse vitae nisl sed orci bibendum ultricies id in nibh. Nam pharetra dictum quam non iaculis. Proin in risus massa. Nam at lorem nibh.

Phasellus dignissim orci non sem tristique consectetur. Sed a augue facilisis arcu auctor ultricies porttitor mollis nisl. Donec ac massa sem, nec varius nulla. Pellentesque non magna justo, vitae fringilla lacus. Quisque ullamcorper iaculis turpis, eget tempor justo aliquet adipiscing. Quisque accumsan varius ligula at convallis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent mauris quam, sodales quis sollicitudin eu, lobortis id purus. Aenean hendrerit, justo venenatis luctus molestie, ipsum eros vulputate justo, posuere consectetur enim velit eget ante. In eu interdum dui. Curabitur eu magna diam. Donec in ligula mauris, ut imperdiet justo. Nulla feugiat sapien at nisl gravida at dignissim nisl semper.

DesscrizioneÈ l'esempio della pagina di contenuto. Essa ha il compito di presentare in modo semplice e completo le informazioni prodotte da Piaggio.

Elementi principali

1. Contenuto1.1 Rappresenta il contenuto prodotto da Piaggio (solo testo, o con tabelle e immagini, tutto ciò che

permette l'editor di SharePoint)., l'editore, la data di creazione, il tempo stimato di lettura e oi tag associati (argomenti trattati).

2. Tool2.1 L'intero blocco informativo del tool seguirà lo scorrimento della pagina, in modo tale da essere sempre

visibile mentre l'utente scorre la pagina per leggere il documento.2.2 Rating: possibilità di votare il contenuto.2.3 Preferiti: Possibilità di aggiungere il contenuto ai preferiti.2.4 Scrivi al tuo dealer manager: possibilità di scrivere direttamente al dealer manager in riferimento al

contenuto.

3. Allegati 3.1 Elenco degli allegati presenti in diversi formati.

4. Presa visione 4.1 Elemento che permette al dealer di esprimere la sua presa visione confermandone la comprensione.

4. Navigazione contenuti 4.1 Possibilità di tornare alla lista di provenienza.4.2 Possibilità di muoversi avanti e indietro tra contenuti secondo l'ordine della lista d'origine.

Legenda

Voto Strumento che indica il voto espresso dagli altri utenti e che permette di esprimere il proprio

Preferito Indicatore e pulsante per indicare che un contenuto è preferito per il dealer.

Non identificato come preferito Indicatore e pulsante per indicare che un contenuto non è stato identificato come preferito dal dealer.

PDF Pulsante che permette di scaricare il documento in formato PDF

PowerPoint Pulsante che permette di scaricare il documento in formato PowerPoint

Excel Pulsante che permette di scaricare il documento in formato Excel

Logo Piaggio dealer portal

Apertura nuova sede a Bologna Lettura: 5 min

F.lli Robertoli ▼

Argomenti trattati

Eventi

Nuove sedi

Fine anno

Interessi

Agenti

Business portalService portalCustomer portal

Altri servizi

Sito ufficiale PiaggioSito ufficiale VespaSito ufficiale Gilera

Home | PVG | Scarabeo | Derbi | Aprilia | Moto Guzzi | Messaggi | Market | Profilo Piaggio S.p.A. © 2011

Piaggio Pontedera, oggi 218 voti

Ho letto e compresoPiaggio Pontedera ti chiede: "Hai letto e compreso quanto ti ho comunicato in questo documento?"

Invito_Privato Manifesto Gadget

< precedente 1 di 38 successivo >

Argomenti trattati: Eventi, Nuove sedi

Indietro

4.0

2.01.0

5.0

3.0

Comunicazioni

ListiniCataloghiPromozioni

Da leggereLettePreferiti

PVG - contenuti

ProcedureManualiMateriale pubblicitario

Piaggio - Dealer Portal8.0 Dealer market

Fri Aug 05 2011

Creatore

Modificato

Timothy Carniato

Legenda


Pacchetto Indicatore per evidenziare che ci sono più veicoli in vendita in un pacchetto unico.


Dealer Market

F.lli Robertoli ▼

Gli annunci

I tuoi annunciNuovo annuncio

Preferiti

Dealer Market


Altri servizi


Ordina per: I più recenti ▼

Elementi per pagina 5

Vespa LX 50 4T 4VLeopoldo Motors , oggi

3 Vespa LX 50 4T 4V dell'ottobre 2010. Immatricolate dal concessionario a febbraio 2011. Di tre colori differenti.Marca: Vespa Modello: LX 50 4T 4V Cilindrata: 50cc Colore: Verde, Rosso, Blu Codici: H5656FV, H5656FXY, H5656GG


1081 92 3 5 6 74

Es. "Vespa" oppure "XY44565"

Parola:

MarcaTutte

Tipologia:1 Veicolo Pacchetto di veicoli

Filtri

ModelloTutte

CilindrataTutte

ColoreTutte

Visualizza mappa

Vespa LX 50 4T 4VLeopoldo , oggi






CercaReimposta

Home Piaggio Aprilia Derbi Veicoli CommercialiMoto Guzzi

Piaggio - Dealer Portal2.x.y - 6.x.y Contenuto

Fri Aug 05 2011

Creatore

Modificato

Timothy Carniato




Phasellus dignissim orci non sem tristique consectetur. Sed a augue facilisis arcu auctor ultricies porttitor mollis nisl. Donec ac massa sem, nec varius nulla. Pellentesque non magna justo, vitae fringilla lacus. Quisque ullamcorper iaculis turpis, eget tempor justo aliquet adipiscing. Quisque accumsan varius ligula at convallis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent mauris quam, sodales quis sollicitudin eu, lobortis id purus. Aenean hendrerit, justo venenatis luctus molestie, ipsum eros vulputate justo, posuere consectetur enim velit eget ante. In eu interdum dui. Curabitur eu magna diam. Donec in ligula mauris, ut imperdiet justo. Nulla feugiat sapien at nisl gravida at dignissim nisl semper.

DesscrizioneÈ l'esempio della pagina di contenuto. Essa ha il compito di presentare in modo semplice e completo le informazioni prodotte da Piaggio.

Elementi principali

1. Contenuto1.1 Rappresenta il contenuto prodotto da Piaggio (solo testo, o con tabelle e immagini, tutto ciò che

permette l'editor di SharePoint)., l'editore, la data di creazione, il tempo stimato di lettura e oi tag associati (argomenti trattati).

2. Tool2.1 L'intero blocco informativo del tool seguirà lo scorrimento della pagina, in modo tale da essere sempre

visibile mentre l'utente scorre la pagina per leggere il documento.2.2 Rating: possibilità di votare il contenuto.2.3 Preferiti: Possibilità di aggiungere il contenuto ai preferiti.2.4 Scrivi al tuo dealer manager: possibilità di scrivere direttamente al dealer manager in riferimento al

contenuto.

3. Allegati 3.1 Elenco degli allegati presenti in diversi formati.

4. Presa visione 4.1 Elemento che permette al dealer di esprimere la sua presa visione confermandone la comprensione.

4. Navigazione contenuti 4.1 Possibilità di tornare alla lista di provenienza.4.2 Possibilità di muoversi avanti e indietro tra contenuti secondo l'ordine della lista d'origine.

Legenda

Voto Strumento che indica il voto espresso dagli altri utenti e che permette di esprimere il proprio


Non identificato come preferito Indicatore e pulsante per indicare che un contenuto non è stato identificato come preferito dal dealer.

PDF Pulsante che permette di scaricare il documento in formato PDF

PowerPoint Pulsante che permette di scaricare il documento in formato PowerPoint

Excel Pulsante che permette di scaricare il documento in formato Excel



F.lli Robertoli ▼

Argomenti trattati

Eventi

Nuove sedi

Fine anno

Interessi

Agenti


Altri servizi



Piaggio Pontedera, oggi 218 voti





Indietro

4.0

2.01.0

5.0

3.0

Comunicazioni

ListiniCataloghiPromozioni

Da leggereLettePreferiti

PVG - contenuti

ProcedureManualiMateriale pubblicitario

Piaggio - Dealer Portal2.x.y - 6.x.y Contenuto - Dealer manager 2

Fri Aug 05 2011

Creatore

Modificato

Timothy Carniato

Preferiti



DesscrizioneVisualizzazione della lista dei dealer che hanno effettuato una specifica azione. Es. i dealer che hanno letto il contenuto.Logo Piaggio dealer portal


F.lli Robertoli ▼

Comunicazioni

ListiniPromozioniProcedure

Da leggereLette

Argomenti trattati

Eventi

Nuove sedi

Fine anno

Interessi

Agenti

PVG - contenuti


Altri servizi



Piaggio Pontedera, oggi





Indietro

Destinatari: 10Votabili:Da confermare:

SìSì

Letto: 40% Votato:80% Confermato: 80%

Valori statistici

Voti totali: 3

6

4

Commenti 2

Maria Frattini

Ieri alle 18:44

Non è chiaro se le informazioni si riferiscono al mese in corso o al prossimo

F.lli Coppa

15 Luglio alle 18:00

Non è chiaro se è possibile invitare altre persone

Livello 55%


Utenti che hanno letto: 6 Filtra:

F.lli Coppa Mario Rossi


MotorBikeRosangela Trappini



Oggi MotoSara Cammera

Piaggio - Dealer PortalRating e preferiti

Fri Aug 05 2011

Creatore

Modificato

Timothy Carniato

Togli dai preferiti

Stato iniziale

1. Stato iniziale ratingNella fase iniziale è presente il voto medio degli utenti e il numero di utenti che hanno votato.

Mouse Over Rating Voto

1. RolloverAl mouse over sulle stelline si evidenzieranno le quelle corrispondenti di un colore differente ad indicare all'utente che sta per esprimere il proprio voto. Per chiarezza anche il testo che prima conteneva il numero dei voti, diventa invece "Esprimi il tuo voto".

1. VotoAl click l'utente esprime il proprio voto. Le stelline selezionate cambiano ancora colore e il testo diventa "grazie del voto".

1. Media aggiornataDopo pochi secondi dal voto, si torna alla situazione iniziale dove vengono mostrate le stelline del voto medio e il nuovo numero di voti.

1. Voto negativoIl voto è considerato negativo quando è uguale o minore a 3.

1. CommentoNel caso in cui l'utente esprima un voto negativo, esso è obbligato a lasciare un commento di spiegazione.

2. AnnullaNel caso in cui l'utente decida di non lasciare il commento, neppure il voto espresso con le stelline verrà salvato. Non è possibile esprimere voti negativi senza lasciare un commento.

1. Aggiungere ai preferitiSe il contenuto non è già stato aggiunto ai preferiti, al mouse over sull'elemento il testo sarà "Aggiungi ai preferiti" e l'icona sarà quella del contenuto aggiunto.

1. Togliere dai preferitiSe il contenuto è già stato aggiunto ai preferiti, al mouse over sull'elemento il testo sarà "Togli dai preferiti" e l'icona sarà quella del contenuto non aggiunto.

Voto negativo Commento Aggiungere ai preferiti Rimuovere dai preferiti Scrivi

1. ScriviL'utente potrà scrivere direttamente al suo dealer manager (oppure selezionare a quale dei suoi dealer manager nel caso che ne abbia più di uno) in riferimento al contenuto specifico. Le modalità di generazione del messaggio sono in fase di definizione.

Nuova media

218 voti Esprimi il tuo voto 219 votiGrazie del voto

Mouse Over Rating

Hai già votato

1. Mouse overAl mouse over sull'elemento del rating dove l'utente ha già espresso il proprio voto, verrà mostrato con il colore di conferma voto il voto espresso dall'utente e il testo sarà "Hai già votato".

1. Non modificabileI voti espressi non sono modificabili.

Esprimi il tuo voto Lascia un commento

InviaAnnulla

218 voti

Aggiungi ai preferiti

218 voti

Scrivi a:Dealer Manager RicambiDealer Manager AccessoriDealer Manager Ricambi

218 voti

Progettazione di dettaglio. Nulla è lasciato al caso.

6

WIREFRAMES TESTING

PERCHÈ TESTARE?

7

WIREFRAMES TESTING

PERCHÈ TESTARE?

?WIREFRAMES TESTING | ESEMPID

ES

IGN

8

La progettazione della pagina è realmente efficace?

9

VISUAL DESIGN L’attenzione ad ogni dettaglio per garantire sempre la migliore esperienza d’uso

10

4.SVILUPPO= PLAY!

LO SVILUPPO DELL’INTERFACCIA UTENTE

Le logiche, l’interazione e le animazioni nella programmazione di front end, dal web al mobile.


SchermiPortatiliiPadTabletSmarth Phone

RESPONSIVE DESIGN

DE

V

O APP MOBILE •IOS

•WINDOWS PHONE 7

•ANDROID

11

Multiscreen e multidevice, giusto?

12

5.EVOLUZIONE

VERIFICARE E EVOLVERE CON GLI UTENTI

Verificare nel tempo il raggiungimento degli obiettivi, definirne di nuovi e verificare i nuovi bisogni degli utenti, riprogettare, confrontare e mantenere coerenza nel tempo.

Analisi degli analitycs, interviste e context analysis, a-b design, testing, evolutive maintenance,


SELLALAB Academy - UX Design - Intervento Alberto Chiesurin

Education

Transcript of SELLALAB Academy - UX Design - Intervento Alberto Chiesurin