LA RICERCA DELLA SEMPLICITÀ
1.1
Analisi: Obiettivi
Definizione degli obiettivi che il CMS si prefigge di raggiungere nei confronti del target, in questo caso il cliente e l’utente del servizio, e delle limitazioni riscontrate.
Target
Obiettivi
Limitazioni
I clienti primari di Prodigys sono aziende che, come Allianz, devono gestire la loro immagine nelle proprie agenzie/sedi secondarie/rivenditori grazie ad un CMS in grado di generare più siti web che abbiano un’immagine riconoscibile. Attraverso la piattaforma K-pax si da la possibilità all’azienda di customizzare un sito web standardizzato, dedicato a ogni agenzia dislocata sul territorio.
• Comunicare efficacemente l’immagine aziendale
• Restare nei canoni di comunicazione di Allianz senza modificarne l’immagine
• Creare fidelizzazione
• Rispettare le necessità del target a cui Allianz si rivolge
Grazie al CMS ogni singola agenzia può accedere alla piattaforma, eseguire il login e realizzare il proprio sito. Il processo è standardizzato: seguendo gli step a scelta multipla proposti, si da forma alla home page del sito e si inseriscono i contenuti necessari.
• Creare un sito personalizzato per la singola agenzia, in base alla propria strategia di vendita e i servizi offerti
• Permettere alla singole agenzie di comunicare le offerte in autonomia, rimanendo nei limiti definiti dal brand
BRAND
• Essere di semplice compilazione, alla portata delle persone che lavorano in agenzia, potenzialmente ignare del processo di costruzione di un sito web • Rendere il processo esplicito senza dare nulla per scontato (non lasciare spazio a dubbi)
AGENZIA
LA RICERCA DELLA SEMPLICITÀ
• Non lasciare spazio alla creatività • Limitazioni tecniche grafiche (es. massimo 200 caratteri nel banner)
1.2
Analisi: Fasi
Dopo aver sperimentato il CMS proponiamo una sintesi delle nostre osservazioni.
Inserimento contenuti
Plug-in supplementari
Home Tutorial/FAQ Anteprima Richiedi autorizzazione
Orari e social network L’agenzia Prodotti Contatti e dove siamo Convenzioni Altre sedi
Banner pubblicitari Newsletter
Fase 1
Fase 2
Fase 4
Fase 5
Fase 7
Fase 8
Grafica della Home Page
Scelta del banner
Testo di presentazione
Scelta del numero di prodotti proposti
Scelta dei prodotti mostrati in Home page
Anteprima Richiedi approvazione
Se si decide di utilizzare un video
Fase 6
Se si decide di caricare una’immagine dell’agenzia
Si ha la possibilità di visionare un video tutorial molto chiaro e dettagliato o di consultare le FAQ prima di inziare.
Il layout suggerisce che si possa mandare il sito in approvazione senza l’aggiunta di informazioni (es. luogo, orari) che sembrano falcoltative, quando in realtà sono fondamentali.
Possibilità di scegliere il layout della pagina in base alla necessità dell’agenzia di mettere in primo piano un certo contenuto o un altro.
LA RICERCA DELLA SEMPLICITÀ
Per l’inserimento del testo si hanno a disposizione 200 caratteri, il testo proposto come esempio è troppo lungo.
Fase 3 Caricamento fotografia banner
Scelta del prodotto con video Per l’inserimento dell’immagine non è prevista una preview, c’è il rischio che l’immagine risulti tagliata male nella cornice in Home Page. Il simbolo “?” non è visibile a sufficienza e non abbastanza imperativo.
Non è possibile visionare il video in preview prima di scegliere quale inserire.
Se a questo punto volessi modificare il layout n Home Page non è possibile accedere direttamente alla fase da modificare: il CMS obbliga ad andare indietro una fase alla volta.
1.3
Analisi: Back End
Dopo aver sperimentato il CMS proponiamo una sintesi delle nostre osservazioni.
Forma:
Intuitività:
Grafica:
É vincolata a un pecorso a step sequenziali e obbligatori, in modo da creare la forma base del sito, a cui poi bisogna aggiungere tutte le informazioni di contenuto. In un passaggio finale è possibile integrare con altre informazioni più dettagliate e plug-in opzionali. Questo potrebbe sembrare un difetto, mentre, tenendo conto delle necessità del target, è una scelta giustificata.
Ci si muove senza poblemi all’interno del processo, tuttavia alcuni punti sono migliorabili in termini di fluidità. Es: il tasto “avanti” è posizionato in fondo alla pagina, quindi non sempre in vista.
Ad eccezione della banda superiore con il brand visibile, il CMS non segue lo stile dell’azienda, ma ha una grafica molto sobria applicabile a tutti i clienti. Si vede però una mancanza di cura dei dettagli: pur mantenedo la sobrietà esistono scelte grafiche più gradevoli e utili all’intuitività.
Servizio:
Logica:
Linguaggio:
Soddisfa le necessità del brand servito e del target a cui si rivolge (in questo caso gli agenti Allianz), in modo pienamente efficace. Es: Nella Fase 1 è possibile dare rilevanza a contenuti diversi (con i layout proposti) per avvicinarsi alle diverse esigenze delle agenzie.
Qualche scelta procedurale sembra mancare di un ordine logico. Es: In fase 6 non è possibile visionare il video in preview prima di scegliere quale inserire.
É molto esplicativo, adatto a un target che non possiede conoscenze pregeresse sulla costruzione di siti web o anche solo di internet. Es: Si ha la possibilità di visionare il video tutorial molto chiaro e dettagliato e le domande frequenti prima di inziare.
LA RICERCA DELLA SEMPLICITÀ
1.4
Analisi: Front End
Dopo aver sperimentato il CMS proponiamo una sintesi delle nostre osservazioni.
Mancanza di un tasto di ricerca rapida.
Gerarchia: I contenuti non sono sempre posizionati nella pagina in base all’importanza degli stessi.
Immagine: Il sito è funzionale e di facile fruizione: immediatamente riconducibile al sito madre di Allianz grazie alla stessa grafica e organizzazione dei contenuti.
Dinamismo: La pagina é eccessivamente statica poichè mancante di interazioni con l’utente a parte semplici link.
LA RICERCA DELLA SEMPLICITÀ
Staticità e mancanza di interazione. Si potrebbe risolvere inserendo delle immagini in movimento nel banner. Le icone dei Social sono attualmente poco visibili perchè posizionate alla fine della pagina, ma tenendo conto dell’importanza che coprono ora i social nella comunicazione, meriterebbero di essere spostati più in alto.
2.
Benchmark
magjlt.com
Sito riguardante la finanza
Plug in con notizie in evidenza che scorrono dal basso verso l’alto.
generali.it
Sito riguardante le assicurazioni
In questa seconda fase abbiamo raccolto una serie di siti campione creati da diversi CMS al fine di realizzare una cernita di funzionalità utili da tenere in considerazione per la creazione di un sito web.
giojaeassociati.it Sito riguardante la finanza
Home Page: sommario con tendine sulla sinistra.
Plug in con tasto che permette di tornare in cim alla pagina.
Possibilità di poter aumentare i caratteri per una migliore leggibilità ed accessibilità al sito.
Ricerca rapida per parole chiave tramite un jumper di ricerca rotante.
meetingrimini.org Sito dedicato ad una fiera
I social sono disposti in alto nella pagina per una maggiore visibilità.
LA RICERCA DELLA SEMPLICITÀ
3.1
Tuning User Interface: il sito web
A fronte delle analisi fatte abbiamo provato a creare una Home Page con le integrazioni derivanti dalla ricerca.
Possibilità di ingrandire o rimpicciolire i testi secondo le necessità dell’utente.
Posizione di rilievo per i collegamenti ai Social Network. Barra menù rioisizionata a sinistra.
Immagine dinamica nel banner (es. una Gif).
Tasto che rimanda a inizio pagina.
LA RICERCA DELLA SEMPLICITÀ
3.2
Tuning User Interface: interfaccia CMS
Fasi Per risolvere le problematiche riguardanti le fasi - poter tornare indietro solo una fase alla volta e la sbagliata espressione della presenza di fasi facoltative (in base alle decisioni) si è sviluppato un concept grafico. La linea con le tappe sarà presente nella parte superiore della schermata e permetterà di monitoriare il compimento del processo man mano, e soprattutto tornare ad una specifica fase senza la necessità di scorrere tutte quelle precedenti. Per esprimere la presenza di fasi supplementari si è pensato di far comparire una tappa extra nel caso le decisioni dell’utente lo portino a compilare una di queste fasi. Non saranno però fasi numerate in sequenza come quelle già presenti (obbligatorie); infatti saranno appendici delle fasi da cui derivano (indicate con l’estensione .1).
LA RICERCA DELLA SEMPLICITÀ
Correzioni da integrare al processo esistente.
“Avanti” La posizione del tasto per proseguire da una fase all’altra è fissa in fondo alla pagina, questo a volte crea fastidio: ci si ritrova a fare click più volte su “scegli” senza capire perchè non si passa alla fase successiva. A questo si potrebbe ovviare mettendo in una posizione diversa il tasto dove resta in evidenza.
3.2
Tuning User Interface: interfaccia CMS
Cropping Nella fase 3 di 8 è possibile inserire una foto della propria agenzia nel banner del sito: abbiamo notato che il CMS non permette di visualizzare la foto scelta all’interno della cornice in cui apparirà in Home Page, inoltre le indicazioni per scegliere la foto in modo che non venga tagliata in modo inopportuno sono nascoste da un simbolo col punto interrogativo. Il simbolo con le indicazioni è piccolo e pare sia messo lì per spiegare come inserire il percorso file nella barra, potrebbe non venire in mente di aprirlo (se fosse un punto esclamativo forse attirerebbe maggiormente l’attenzione). Soltanto a processo ultimato e caricata la preview del sito ci si accorge se la foto è stata tagliata male. Con tutto lo spazio vuoto disponibile sarebbe più efficace lasciare semplicemente esplicite le indicazioni sulla fotografia. Oppure si potrebbero eliminare del tutto le indicazioni e inserire un processo di Cropping (simile a quello di Facebook per esempio) in cui il riquadro destinato alla foto è visibile e attraverso lo spostamento dell’immagine e il cursore di zoom è possibile visualizzare immediatamente come l’immagine apparirà nel banner.
LA RICERCA DELLA SEMPLICITÀ
Correzioni da integrare al processo esistente.
Approvazione sito In ultima fase (dopo la 8 di 8) è necessario richiedere l’approvazione alla casa madre per poter pubblicare il sito online. Abbiamo notato che il bottone è posizionato prima di altri dati da immettere, ritenuti facoltativi. Tra questi ci sono anche i contatti dell’agenzia, che dovrebbero essere i contenuti fondamentali del sito. Spostando il bottone a fine pagina si elimina l’ambiguità riscontrata.
3.3
Tuning User Interface: concept CMS
Dopo aver inserito le integrazioni al CMS di Prodigys ci piacerebbe proporre una nostra versione del processo, con dei miglioramenti di natura grafica e strutturale che riteniamo rendano piĂš agevole la User Experience.
Home
Richiedi approvazione Pubblica Tutorial/FAQ Logout
Agenzia Monza Parco
Modifica la pagina web Grafica della Home Page Scelta del banner (Caricamento fotografia banner) Testo di presentazione Scelta del numero di prodotti proposti (Scelta del prodotto video) Scelta dei prodotti mostrati in Home Page
Inserimento contenuti Orari e social network L’agenzia Prodotti Contatti e dove siamo Convenzioni Altre sedi Tutorial | FAQ
Plug-in supplementari Banner pubblicitari Newsletter
LA RICERCA DELLA SEMPLICITĂ€
Sezione dove si sceglieranno i contenuti.
Sezione dove avere la preview della pagina finale sempre visibile.
Sezione per orientarsi nelle funzioni del sito.
3.3
Tuning User Interface: concept CMS
Dopo aver inserito le integrazioni al CMS di Prodigys ci piacerebbe proporre una nostra versione del processo, con dei miglioramenti di natura grafica e struttura che riteniamo rendano più agevole la User Experience.
Logout
Scelta guidata.
Agenzia Monza Parco
La grafica migliore per il tuo obiettivo
Tutorial | FAQ
Logout
Agenzia Monza Parco
Tutorial | FAQ
LA RICERCA DELLA SEMPLICITÀ
Dopo aver suggerito le correzioni singole applicate sull’interfaccia già esistente, abbiamo voluto proporre anche un nuovo concept grafico che contenga queste soluzioni ma abbia una struttura più semplice. Questo perchè, come già affermato, il nostro gruppo, basandosi sull’analisi degli obiettivi del progetto iniziale, aveva individuato la grafica come un fattore secondario, ma spesso questa tende anche a compromettere l’intuitività del software. Struttura Come si nota dallo schema del sito nella tavola precedente, è stato semplificato rispetto a quella del CMS preesistente, creando un sito monopagina con un layout che •permetta di: orientarsi nelle diverse sezioni grazie • alla barra laterale destra scegliere i contenuti nella barra di • sinistra avere una preview nella sezione centrale della pagina.
4.1
Plug-in: Chat
Un plug-in che permetta di aprire una chat per chiedere informazioni in maniera istantanea già esiste e viene utilizzato su siti di diversa tipologia. Meno diffuso nel web italiano, viene spesso utilizzato per siti commerciali ed istituzionali esteri (per esempio università o brand che devono offrire un’assistenza tecnica).
Meta-progettazione del plug-in di una chat istantanea con un operatore dell’agenzia.
Vantaggi Permette di richiedere informazioni in maniera virtuale e meno impegnativa, facendo evitare al cliente una telefonata. Logistica Molte chat online per assistenza tecnica o informazioni generali sono state risolte tramite l’uso di intelligenze artificiali, le quali però offrono servizio scarso se si necessita di informazioni complicate. Incaricando un componente dell’agenzia si può risolvere questo problema (ovviamente ogni agenzia potrà decidere se attivarlo in base alla disponibilità di questo ruolo). Grafica Il riquadro della chat avrà posizioni diverse in base al layout. La chat sarà immediatamente usufruibile senza dover aprire una pagina apposita. L’interfaccia sarà intuitiva poichè simile ai maggiori mezzi di comunicazione via messaggio esistenti sulle altre piattaforme (mobile, social etc).
LA RICERCA DELLA SEMPLICITÀ
4.2
Plug-in: Achivments
Meta-progettazione del plug-in di un elemento che appaia nel caso il brand voglia riconoscere ad un’agenzia un certo merito.
Home > Gruppo Allianz > Allianz in Italia > Riconoscimenti Miglior servizio clienti 4/5 clienti soddifatti
Miglior servizio clienti 4/5 clienti soddifatti Chatta direttamente con un operatore collegato per qualsiasi domanda sulle nostre attività.
Quello degli achivments sarebbe un plug-in semplice perchè consisterebbe nell’immagine di una coccarda che potrà apparire se quella particolare agenzia avrà raggiunto l’eccellenza in un certo campo (vendite, recensioni, organizzazione, produttività...) e verrà conferita a discrezione del brand madre.
Vantaggi Questo plug-in ha l’obiettivo di sottolineare solo gli aspetti particolarmente positivi riguardati l’immagine del brand nelle sue agenzie. Per questa motivazione rimarrà sempre attivo e permetterà ad esso di premiare le migliori agenzie, in modo da fortificare il rapporto con i dipendenti gratificandoli
LA RICERCA DELLA SEMPLICITÀ
per il loro lavoro, ma allo stesso tempo dare sicurezza e fiducia ai clienti riguardo il servizio che stanno cercando.
Miglior Servizio Clienti
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Grafica Il plug-in avrà posizione fissa dell’angolo in alto a destra, in modo che sia sempre visibile al cliente, spingendolo ad interessarsi maggiormente a quell’agenzia in particolare.
Classifica Top3 - Servizio clienti 1347 feedback positivi 1270 feedback positivi 1134 feedback positivi
Programmazione Il plug-in sarà legato tramite un link alla pagina principale del brand, che darà informazioni più dettagliate rigurardo i dati che giustificano il riconoscimento.
4.3
Plug-in: Jumper di ricerca
Meta-progettazione del plug-in di un jumper di ricerca per parole chiave.
Ricerca veloce
Il plug-in di una ricerca rapida per parole chiave è già presente, come citato nella tavola (2.), sul sito web di Generali Assicurazioni. Vantaggi Permette di fare una ricerca rapida “a colpo d’occhio”, ma soprattutto migliora l’attrattività della pagina web, rendendola meno statica. Miglioramenti Si potrebbe semplificare rendendola meno tridimensionale, in modo da far pesare di meno il plug-in sul software e renderne più semplice la fruizione.
Ricerca veloce Ricerca veloce
LA RICERCA DELLA SEMPLICITÀ
4.4
Plug-in: Notizie in vista
Meta-progettazione del plug-in riguardante le noizie in vista per tenere aggiornati gli utenti sulle ultime pubblicazioni di natura varia.
Notizie
Il plug-in sulle notizie n vista è già presente, come citato nella tavola (2.), sul sito web di magjlt.com. Vantaggi Permette di visualizzare in modo istantaneo le notizie di natura varia, ma soprattutto migliora l’attrattività della pagina web, rendendola meno statica. Grafica Il plug-in che può essere attivato o meno da ogni agenzia, avrà posizione diversa in base al layout scelto.
LA RICERCA DELLA SEMPLICITÀ