Gamification del Sito Web: GamiPress – Parte 3

In questo articolo analizzeremo alcune funzionalità di GamiPress, plugin per il popolare sistema di gestione contenuti WordPress. In dettaglio vedremo in che modo sia possibile inserire nell’interfaccia del sito web elementi grafici che diano all’utente un riscontro sui progressi. Ti consiglio, nel caso in cui non la avessi già fatto, di leggere la prima e la seconda parte della serie di articoli dedicata a questo strumento.

Nel precedente articolo è stato presentato un semplice caso studio per la gamification di un sito web: un giornale scolastico online. Il progetto prevede che l’utente sia stimolato a

  • entrare in contatto con il giornale online, nella fase di scoperta o “discovery”
  • muovere i primi passi dopo aver effettuato la registrazione, nella fase di addestramento o “onboarding”
  • sviluppare l’abitudine a compiere azioni significative in modo ricorrente, nella fase di abitudine o “scaffolding”
  • contribuire allo sviluppo e alla diffusione del progetto, nella fase di fine esperienza o “endgame”

L’utente accumula punti esperienza e monete quando compie determinate azioni (accesso quotidiano al sito web, redazione di almeno un articolo al mese, lettura di un post al giorno, …). L’esperienza accumulata gli consente di progredire nella scala dei cinque livelli prevista dal progetto e le sfide rappresentano un’ottima occasione per raggiungere l’obiettivo di essere parte della “Hall of Fame” nel minor tempo possibile.

Le scelte progettuali hanno l’obiettivo di stimolare specifiche leve di motivazione:

  • punti esperienza (sviluppo e realizzazione)
  • monete (possesso e proprietà)
  • sfide (creatività, influenza sociale e relazionalità, imprevedibilità, scarsità)
  • hall of fame (senso epico, impazienza)
  • azioni nella fase di fine esperienza (creatività, relazionalità)

Vediamo ora come sia possibile sfruttare le potenzialità di WordPress e GamiPress per gestire alcune logiche dell’esperienza progettata.

Percorso di addestramento

L’utente ha deciso che vuole iscriversi al sito web del giornale scolastico online. Sappiamo che in questa fase ha bisogno di comprendere le regole di base del “gioco” e di sviluppare le capacità necessarie per svolgere le attività previste. Il modo migliore per farlo è creare un piccolo percorso di addestramento che lo motivi a compiere determinati passaggi. In dettaglio, ci si aspetta che l’utente guardi il tutorial video “Benvenuto nella redazione del giornalino online della scuola” (un video in cui vengono spiegate le regole che consentono di guadagnare punti esperienza, monete e tutto il resto) e che visiti il post “Guida per collaboratori del giornalino online della scuola” (in cui viene illustrato il funzionamento di WordPress in relazione alla creazione di articoli).

Per poter tracciare il comportamento dell’utente è necessario installare le estensioni gratuite

  • GamiPress – Youtube integration, per tracciare e ricompensare automaticamente l’azione dell’utente che guarda un determinato video (la presentazione delle regole del gioco, in questo caso)
  • GamiPress – Link, per tracciare e ricompensare automaticamente l’azione dell’utente che clicca su un determinato link (la guida per scrivere sul blog, in questo caso)

Una volta installate le estensioni, sarà possibile aggiungere gli shortcodes corretti per configurare correttamente il tracciamento delle azioni e l’attribuzione di punti. Ecco quelli che io ho utilizzato nell’esempio:

  • [gamipress_youtube url=”https://www.youtube.com/watch?v=72xdCU__XCk” width=”640″ height=”360″ autoplay=”no” controls=”yes”] – questo shortcode può essere inserito all’interno di un articolo di WordPress e associato alla regola che segue
  • Benvenuto nella redazione del giornale scolastico online! Scopri subito come scrivere il tuo primo articolo con la [gamipress_link href=”http://localhost/gamificationsito/2020/03/14/guida-per-collaboratori/” label=”Guida per collaboratori del giornalino online della scuola” id=”linkaward” class=”aligncenter” target=”_blank” title=”Click here!”] – questo shortcode può essere inserito all’interno di un articolo di WordPress e associato alla regola che segue
Configurazione della regola per l’assegnazione di punti esperienza quando l’utente utilizza un link specifico

La presenza dello shortcode e gli attributi url nel caso del video e id nel caso del link sono presupposti senza i quali GamiPress non potrà svolgere correttamente il suo dovere.

Per essere certo che tutto funzioni, dopo aver simulato entrambe le azioni previste (visione video e lettura post con la guida per gli autori), puoi verificare che l’attribuzione dei punti esperienza sia stata correttamente effettuata accedendo al tuo profilo nella bacheca di WordPress e riscontrando la presenza del seguente log

Esempio di log che tracciano l’attribuzione di ricompense per azioni specifiche

Rendere evidenti i progressi

Come fare in modo che i progressi dell’utente siano ben visibili quando è collegato al sito web? La risposta sono i widget. L’installazione del plugin GamiPress consente anche di disporre di nuove tipologie di widget in WordPress, ovvero di componenti che aggiungono informazioni preziose nell’interfaccia del sito web.

Elenco di alcuni dei widget relativi al plugin GamiPress

La prima cosa da fare è informare l’utente che nella sezione profilo sono disponibili i dati relativi a

  • livello raggiunto (o livelli raggiunti)
  • punti accumulati
  • log di acquisizione di traguardi e ricompense

Per semplificare l’accesso a queste informazioni è inoltre possibile utilizzare ad esempio un widget come “GamiPress: User Points” all’interno di una barra laterale e opportunamente configurato

Esempio di configurazione per mostrare sul sito i punti esperienza dell’utente

Con la stessa logica è possibile inserire in articoli, pagine e sidebar gli altri widgets.

Aggiungere elementi grafici

Un’altra delle possibilità offerte da GamiPress consiste nell’aggiungere grafiche da abbinare agli elementi del progetto. Utile è ad esempio associare un’icona ai punti esperienza, un simbolo alle monete e un distintivo digitale per i vari traguardi.

É possibile associare un elemento grafico a ciascuna tipologia di punti

Il punto di partenza può essere una qualsiasi applicazione web che consente di creare in modo facile e veloce elementi grafici: Canva è ottimo un esempio.

Elementi grafici per la creazione di distintivi digitali

In alternativa è possibile scaricare gratuitamente dalla sezione Assets del sito web ufficiale di GamiPress delle icone già pronte per essere utilizzate.

Collezioni di icone pronte per progetti di gamification con GamiPress
Esempio di set (limitato ma efficace) di icone gratuite

Tutto qui?

Certamente no.

Nella prossima puntata della serie di articoli dedicata a GamiPress analizzeremo le possibilità di estendere il set di funzioni e meccaniche integrabili in un progetto di gamification, guardando alla vetrina degli addons a pagamento. Scopriremo che GamiPress è un software estremamente versatile e adattabile a progetti di gamification praticamente in qualsiasi ambito.

Se sei interessato a utilizzare GamiPress per integrare nel tuo sito web WordPress logiche di gamification, puoi lasciare il tuo commento a questo articolo!

Comments are closed.