Case Study:
In breve del Sito Wikitech
Panoramica Del Progetto
Il Problema
Per chi ha problemi con il pc, smarthphone, tablet, internet , in pratica chiunque voglia mettersi in gioco per risolvere problemi ai suoi dispositivi da autodidatta, oppure per cercare informazioni su come effettuare determinate operazioni online, come semplici registrazioni o installazioni.
Il Ruolo
Ux Designer & Seo specialist – Creazione Progetto della struttura del sito e architettura dei livelli, accompagnata dalla strategia SEO e Social Media, Fino alla grafica finale.
Durata dello Sviluppo
Per realizzare il sito in questione e tutte le azioni:
– Analisi preliminari
– Audit competitor ( non messe per ovvi motivi)
– Creazione struttura e keyword
– Interviste e test Low prototype , Test High prototype
– Scelta grafica finale
– Strategia Seo e Piano Editoriale Seo ( E social )
– Strategia ADS Google e ADS social
Da 1- 3 Mesi ( la strategia va sempre analizzata ogni 15 giorni e in continuo aggiornamento ).
Il Prodotto
Il Sito Wikitech prende in considerazione di offrire un prodotto gratuito fruibile da chiunque con un accesso ad internet, sia da mobile che da desktop.
E’ Possibile reperire informazioni per risolvere quasi ogni problema relativi all’aspetto hardware o software legato al dispositivo in uso.
Le responsabilità
Il sito in questione è stato realizzato conducendo interviste, wireframe cartacei e poi digitali, effettuando prototipi a bassa definizione e ad alta definizione ( cioè di grafica ).
Poi sono stati condotti studi di usabilità per verificarne l’efficacia e sono stati verificati i requisiti di accessibilità del codice WCAG 2.1 , a cui i parametri devono corrispondere, poi in ultimo sono stati ottimizzati in ottica responsive mobile e per qualsiasi schermo esistente.
Gli Obiettivi
Fornire informazioni, tutorial, video sulle migliori soluzioni per risolvere piccoli problemi che non siere a svolgere oppure di cui si è bisogno di istruzioni.
Affiancati a una classifica dei migliori dispositivi attualmente in commercio.
Conoscere l’Utente di riferimento
Il primo studio è sulla funzionalità del nostro sito in base al nostro cliente target e abbiamo riscontrato dopo vari tentativi, di inserire alcune modifiche su delle tematiche e su degli obiettivi che ci sono stati espressi durante il test ( per ovvi motivi non forniremo i dettagli completi ).
Il secondo studio condotto delle interviste e sulla base di esperienze del preconcetto ,e abbiamo tratto delle mappe di empatia del nostro target di riferimento ( in dettaglio non sarà fornito lo studio completo ma un riassunto ) ed è emerso che la maggior parte dei clienti target suddivisi in due macro aree:
1) Clienti target esperti.
2) Cliente target non esperti nell’uso informatico.
Prenderemo in considerazione solo questa seconda categoria di target.
Navigazione
Il sito è stato realizzato per essere navigato facilmente e trovare subito tutte le informazioni anche tramite una ricerca interna
Esperienza
Il sito web è stato realizzato per una buona esperienza su tutti i dispositivi in equità e coerenza.
Interazione
Per migliorare l’iterazione, abbiamo aggiunto il pulsante nella pagina scorri su ( immediatamente).
Abbiamo inserito delle CTA abbastanza in linea e inserito un pulsante di ricerca interna.
Esempi di Buyer Personas
Come vedi, forse in Italia sono poche persone che realizzano un sito web o Ecommerce creando un Progetto simile.
Non giudico nessuno , sono l’ultimo a farlo, ma per avere risultati, devi farlo bene, ecco perchè ci sono Imprenditori che vendono, hanno contatti e Imprenditori che non riescono ad ottenere il giusto risultato online.
Perchè fanno le azioni in modo sbagliato altrimenti non ci sarebbero prezzi differenti ( SE UN CALCIATORE PRENDE UN MILIONE E UN ALTRO 10 MILIONI LA DIFFERENZA CI SARA’ ).
Esempio di Journey Map
Poichè non inseriremo il progetto completo per capire meglio cosa sia la journey map, inserisco l’immagine di una journey map di una buyer persona.
La journey map è il percorso che effettua il cliente target sul sito web e come si sente quando lo naviga, in modo da capire dove agire e cosa migliorare.
Inizio Del Design
Dalle analisi precedenti, abbiamo capito quali erano i problemi degli utenti, in modo da risolverli ed iniziare a creare una struttura ( scegliendo una buona architettura) progettando una mappa del sito ( da non confondere con la sitemap xml che si inserirà su google che è un’altra cosa, da fare alla fine, dopo il lancio sito ).
Il mio obiettivo qui era prendere decisioni strategiche sull’architettura delle informazioni che avrebbero migliorato la navigazione complessiva del sito web.
La struttura che ho scelto è stata pensata per rendere le azioni degli utenti semplici e facili da trovare.
Wireframe
Ho abbozzato con gli schizzi su carta tutti i passaggi che gli utenti devono effettuare sul sito web / app, in modo tale da correggere e poi riportare il tutto su wireframe digitale per poter realizzare un prototipo di basso profilo e testarlo con alcuni utenti.
Poi abbiamo effettuato lo studio di usabilità per capirne le funzionalità e se l’utente target arriva al punto senza troppa fatica, quindi con facilità di navigazione.
Schetchs
Wireframe Digitali
Mockup
Dopo i test e lo studio di usabilità, si passa a correggere eventuali errori e quindi poi a creare il prototipo di alta fedeltà quindi iniziare a sostituire con la grafica tutto il wirefram ( lo scheletro creato ).
Restando fedele al progetto, poi si passa ad una nuova fase di studio e poi definire la grafica finale.
Restando fedele alla psicologia dei colori, font, spazi, scelte effettuate dal brand in precedenza ecc… Nulla va fatto a caso…
Iniziamo il Progetto
Non aspettare ancora, iniziamo a realizzare il tuo sito web con una progettazione adeguata e a posizionarci sul web, i tuoi concorrenti già sono in netto vantaggio, tu cosa aspetti ancora? Contattami !