Gdr Play by chat: come adattare al mezzo standard di design moderni

Gdr Play by chat: come adattare al mezzo standard di design moderni postato il 03/07/2021 17:12:08 nel forum programmazione, open source e hosting

Stavo riflettendo sulla questione, visto il tread recente sul futuro dei play by chat e non posso fare a meno che constatare che standard grafici moderni per il pbc sono difficili da inquadrare. La pagina di index è la copertina che dovrebbe presentare il progetto ad un ignaro navigatore web, venuto da google o da qualche altro re indirizzamento, ma attualmente le soluzioni di design che nel pbc vanno più per la forte sono: L'impostazione grafica di gdrcd 5, le pre home, il classico sistema delle tre colonne, e via dicendo...Insomma roba che è andata per la grande fino agli inizi del 2000, ma che ora è stata abbandonata praticamente ovunque, tranne appunto che nel nostro hobby. La mia domanda quindi era, volendo mettere da parte questi schemi ormai superati, secondo quale standard andrebbe inquadrata una index pbc? HO visto che diversi giochi(principalmente di stampo fantasy, mi sembra di ricordare arisen tra questi) aveva iniziato ad adottare soluzioni simile a quelle dei browser game più moderni(se non ricordo male, la scrolling infinita, o il carousel dei contenuti), ma considerando che ormai anche i browsergame stanno un po' sparendo dalla circolazione, quali altre alternative rimangono? Un pnc non è ne un sito con finalità commerciali, ne informativo e tantomeno è un blog. Cos'è allora a sto punto considerando il periodo storico contemporaneo?

04/07/2021 10:52:29 e modificato da quod il 04/07/2021 10:53:43

soizora ha scritto: Un pnc non è ne un sito con finalità commerciali, ne informativo e tantomeno è un blog

Ecco, questo punto vale la pena di sottolinearlo... ricordo che quando avevo rifatto la home della land un paio d'anni fa, ci avevo provato a cercare dei template, ma quasi tutti i template si concentrano su funzionalità che a noi non servono (e-commerce, gallery) e ne ignorano altre che invece ci servono (documentazione).

Alla fine mi sono arreso e ho scritto l'HTML a mano. Per la home ho usato un'immagine 1920x750 come header (con sopra il tasto "ENTRA"), con un container sottostante che raccoglie altre immaginine con i link al manuale, creazione PG eccetera. È una soluzione come un'altra, suppongo, non sono un esperto di web design ma quantomeno volevo qualcosa che occupasse tutto lo schermo (che poi in realtà un paio di giocatori mi hanno detto che giocano dal monitor in 4k e devono ridurre la risoluzione a 1920... da questo punto di vista appoggio totalmente quello che ho già visto scrivere più volte da ghennadi, bisogna mettersi in testa di rendere più presentabile la grafica sugli schermi grandi).

04/07/2021 12:25:19

Onestamente io ci ho provato con una home page che potesse seguire uno standard attuale di sito di presentazione, informazione etc.. e per quanto a volte mi si indichi grafica "datata" etc.. la soluzione attuale di home page integrata nella struttura di gioco immediata (quindi login e mi esce la mappa direttamente) come videogame l'ho sempre trovata migliore e più adatta ad un by chat, almeno nel mio caso; come sai anche tu visto che conosci la mia land.

Onestamente non penso ci sia uno stile che non sia un Registra, Entra ed accesso alla documentazione. Il resto è superfluo o deve essere posizionato in maniera che non rovini l'estetica della pagina. La linearità e la simmetria probabilmente dovrebbero essere gli aspetti importanti (che lo sono per ogni tipologia di format online al momento, dall'ecommerce al blog etc)

04/07/2021 12:47:42

Innanzitutto ringrazio Auron e Quod per le loro risposte, e si, avete centrato perfettamente il problema, ovvero che attualmente non esistono standard grafici moderni per un pbc, quindi o fai uno sforzo di fantasia davvero grande, o ti ancori a soluzioni anche datate, ma comunque funzionali al mezzo.

Il mio dubbio era se c'era un modo, almeno nel comparto web design del pbc di poter avere linee guide più aggiornate e meno vaghe, anche perchè visto che il responsive sta venendo chiesto a gran voce, capite bene che la cosa si complica ulteriormente.

04/07/2021 13:15:57

soizora ha scritto: Innanzitutto ringrazio Auron e Quod per le loro risposte, e si, avete centrato perfettamente il problema, ovvero che attualmente non esistono standard grafici moderni per un pbc, quindi o fai uno sforzo di fantasia davvero grande, o ti ancori a soluzioni anche datate, ma comunque funzionali al mezzo.

Il mio dubbio era se c'era un modo, almeno nel comparto web design del pbc di poter avere linee guide più aggiornate e meno vaghe, anche perchè visto che il responsive sta venendo chiesto a gran voce, capite bene che la cosa si complica ulteriormente.

Io sono per un informazione centrale ed un accesso fast alle credenziali e pulsanti principali; che poi con il responsive si adatterebbero.
Il problema è che poi molti fanno responsive questa pagine ma poi la land è inutilizzabile con telefono...quindi rimane a prescindere una presa in giro (nel senso buono del termine).

04/07/2021 14:20:27

Questo è un discorso davvero interessante e che in qualche modo mi tocca in modo più personale, quindi cerco di lasciare qualche spunto di riflessione. Si tratta comunque di un discorso incredibilmente ampio e complicato.
Bisogna tuttavia premettere che in modo analogo a tutti i dilemmi e problemi legati alla programmazione di una piattaforma per un pbc, anche la parte frontend necessita di competenze e skill.

Direi di partire da quattro punti davvero fondamentali quando si pensa o disegna un'interfaccia (di qualunque genere in realtà):

Facilità di Utilizzo e Accessibilità: la navigazione all'interno del sito deve essere semplice e intuitiva. Paradossalmente non deve esserci il bisogno di inserire una guida o un tutorial che spieghi dove trovare quella determinata funzionalità perché nascosta dietro ad altri 82 click precedenti. Posizionare tutte le informazioni e le funzionalità importanti in primo piano è sicuramente un buon punto di partenza.

Aspetto Estetico: deve ovviamente essere gradevole alla vista, cosa che per sua natura resta comunque soggettivo. Bisogna cercare di mantenere lo schermo rilassante e, appunto, semplice. Colori troppo accesi o animazioni costanti possono dare molto fastidio (dannati mini avatar animati <.<)

Organizzato Secondo una Logica: direttamente collegato al punto numero uno, il contenuto di un sito web deve si essere di semplice consultazione ma deve seguire una certa logica. Il che, ad esempio, significa non spezzettare parti fondamentali come la documentazione tra l'apposita guida, il forum e i messaggi privati.

Full-Responsive: il tasto dolente. Oggi come oggi un sito web deve essere completamente responsive e rapido nel caricamento su ogni dispositivo. Su questo argomento si potrebbe aprire un ulteriore dibattito circa il gioco da cellulare, ma per sua natura un pbc è un sito complesso e pieno di informazioni. Renderlo completamente responsive significa sacrificare gran parte delle funzionalità "sempre sotto mano". Senza contare che attualmente, senza un lavoro piuttosto importante, gli attuali open source non lo consentono in modo adeguato.


Dovessi invece analizzare quelli che sono i trends più moderni riguardanti il web design mi soffermerei su:

» Scrolling e Animazioni: pagine web a scrolling continuo sono largamente diffuse, così come lo sono quelle piene di animazioni mirate a generare particolari effetti tra lo sfondo della pagina e il suo contenuto. A parte nella homepage, la vedo comunque una pratica poco applicabile.

» Stile Neumorfico e 3D: giocando con particolari gradienti e ombre si riesce a dare l'impressione di realismo agli elementi presenti nella pagina, così come si può rendere un determinato elemento tridimensionale. Si tratta chiaramente di illusioni ottiche visto che il tutto resta bidimensionale.

» Dark Mode: ormai sta spopolando e quasi tutte le app hanno una versione scura. Il motivo principale è il contrasto con il colore del contenuto e degli elementi (quindi grigio scuro su nero... No.). Questo accompagnato dai cosiddetti "colori pastello" è un altro elemento molto diffuso.

» Minimalismo e Massimalismo: due aspetti completamente opposti, il primo mira a rendere l'interfaccia molto minimale e semplice mentre la seconda a renderla molto ricca (anche se personalmente la trovo una distrazione dal contenuto). Lo inserisco qui anche se potrebbe benissimo ritagliarsi un suo spazio, un design asimmetrico può avere numerosi vantaggi (focus su certi contenuti, si rende responsive facilmente...)


Potrei proseguire ancora per molto parlando di teoria del colore, funzionalità interattive, illustrazioni, grafica vettoriale e molto altro. Il punto a cui voglio arrivare alla fine di tutto questo intervento è soltanto uno: il nocciolo di un pbc è la chat. Si tratta dell'elemento più importante e dove l'utente passa più tempo, pertanto dovrebbe essere quello l'elemento su cui soffermarsi maggiormente (e purtroppo, una chat resterà sempre una chat nonostante l'abito). Quanto si trova attorno è un contorno, un ventaglio di funzionalità che semplificano la vita all'utente oppure lo aiutano in qualche attività.
Per concludere io non penso che si possa davvero rendere l'interfaccia di un pbc aggiornata al 2021, ma sicuramente ci sono un sacco di miglioramenti che è possibile mettere in campo.

04/07/2021 14:38:53

evolve ha scritto:
Facilità di Utilizzo e Accessibilità: la navigazione all'interno del sito deve essere semplice e intuitiva. Paradossalmente non deve esserci il bisogno di inserire una guida o un tutorial che spieghi dove trovare quella determinata funzionalità perché nascosta dietro ad altri 82 click precedenti. Posizionare tutte le informazioni e le funzionalità importanti in primo piano è sicuramente un buon punto di partenza.

Sì beh, questo è il primo consiglio che danno ai corsi di web design, ma mentre lo danno hanno in testa il template del sito-vetrina che bene o male contiene sempre le stesse quattro cose (home, chi siamo, contatti, acquista, gallery...)

Diciamo che vuoi fare l'interfaccia di un pbc con un regolamento molto ingombrante (per esempio D&D). Da qualche parte devi mettere:

- ambientazione
- regolamento generale
- regole di combattimento (occupa pagine e pagine anche a farlo stringato)
- razze
- classi (possono essere anche più di 50)
- oggetti
- incantesimi (questi possono essere più di 1000)
- talenti
- abilità
- più tutte le funzionalità dei pbc generici

È un monte di roba in più rispetto al contenuto tipico di un sito che trovi nei template.

Farò un paragone azzardato... se proprio vogliamo cercare degli esempi di siti con dentro un monte di roba, la prima cosa che mi viene in mente è guardare come sono strutturati i siti delle università (per dire, so che il sito della statale di Milano è stato rifatto da poco).

04/07/2021 14:39:14 e modificato da kasa il 04/07/2021 16:43:38

Credo che sia molto difficile tracciare degli standard di design per una struttura così pecualiare come è quella dei play-by-chat.

In un mondo dove i più tendono a convergere verso le single-page application e interfaccie minimali, votate allo sviluppo verticale della ui, il PbC è e rimane ancorato al suo doppio ambiente (home e main), al suo corredo di funzionalità che tendono ad esternalizzare i contenuti in micro riquadri "volanti", come ad esempio le modali, e a riempire l'interfaccia di elementi che non sempre servono, ma che vengono messi lì per riempire spazi morti un poco a caso, senza tener conto comunque delle grandi risoluzioni. Per non parlare della mancanza di palette di colori ben studiate, di una disposizione organizzata dei vari contenitori e, soprattutto, del famigerato layout responsive.

Più che mancare lo standard, mancano i fondamentali.
Ma è anche difficile trovare chi possa insegnarli, diciamo. Alla fine, la cosa migliore che possiamo fare è emulare le webapp che più si avvicinano alla struttura dei PbC ( i CRM, ad esempio, o anche siti come quelli di LoL e via dicendo).

Quoto, in ogni caso, per intero il discorso di @evolve.


Kasa.

04/07/2021 14:45:45

Sì beh, questo è il primo consiglio che danno ai corsi di web design, ma mentre lo danno hanno in testa il template del sito-vetrina che bene o male contiene sempre le stesse quattro cose (home, chi siamo, contatti, acquista, gallery...)

Esattamente.
Il punto principale è questo, ed ha ragione anche @evolve in merito all'importanza di quegli aspetti; ma non tutte le land hanno lo stesso livello di priorità magari a seconda di ambientazione od altre logiche; ed anche se in alcuni casi è tutto alla luce del sole magari funzioni sono secondarie sono comunque all'interno della già larga scala di tasti che possono esserci come funzioni primarie.
Ci sono persone abituate al Profilo - Modifica ma altre che magari preferiscono un Opzioni generali che contiene tutto dentro.

Il problema in se quindi non è solo dato da quello che dovrebbe essere la UI/UX ma anche quelle che sono le abitudini di un gruppo ristretto di utenti che bazzicano nei giochi di ruolo by chat.

04/07/2021 15:08:07 e modificato da soizora il 04/07/2021 15:08:29

kasa ha scritto: Credo che sia molto difficile tracciare degli standard di design per una struttura così pecualiare come è quella dei play-by-chat.

In un mondo dove i più tendono a convergere verso le single-page application e interfaccie minimali, votate allo sviluppo verticale della ui, il PbC è e rimane ancora al suo doppio ambiente (home e main), al suo corredo di funzionalità che tendono ad esternalizzare i contenuti in micro riquadri "volanti", come ad esempio le modali, e a riempire di l'interfaccia di elementi che non sempre servono, ma che vengono messi lì per riempire spazi morti un poco a caso, senza tener conto comunque delle grandi risoluzioni. Per non parlare della mancanza di palette di colori ben studiate, una disposizione organizzata dei vari contenitori e, soprattutto, il famigerato layout responsive.

Più che mancare lo standard, mancano i fondamentali.
Ma è anche difficile trovare chi possa insegnarli, diciamo. Alla fine, la cosa migliore che possiamo fare è emulare le webapp che più si avvicinano alla struttura dei PbC ( i CRM, ad esempio, o anche siti come quelli di LoL e via dicendo).

Quoto, in ogni caso, per intero il discorso di @evolve.


Kasa.

Però per esempio, il dualismo index/main come lo supereresti?Purtroppo per la natura intrinseca del tipo di media, dove il pg sta dentro e il visitatore sta fuori, non so quanto si possa innovare sto aspetto. Per il resto comunque quoto tutto.

04/07/2021 15:29:00

quod ha scritto:
Sì beh, questo è il primo consiglio che danno ai corsi di web design, ma mentre lo danno hanno in testa il template del sito-vetrina che bene o male contiene sempre le stesse quattro cose (home, chi siamo, contatti, acquista, gallery...)

Diciamo che vuoi fare l'interfaccia di un pbc con un regolamento molto ingombrante (per esempio D&D). Da qualche parte devi mettere:

- ambientazione
- regolamento generale
- regole di combattimento (occupa pagine e pagine anche a farlo stringato)
- razze
- classi (possono essere anche più di 50)
- oggetti
- incantesimi (questi possono essere più di 1000)
- talenti
- abilità
- più tutte le funzionalità dei pbc generici

È un monte di roba in più rispetto al contenuto tipico di un sito che trovi nei template.

Certamente, ma oserei dire che è una regola valida tanto quanto per un sito web a pagina singola tanto quando per il più complesso e ricco dei portali web. Il fatto che gran parte dell'attuale offerta non si preoccupi nemmeno della UX non fa ben sperare in un prossimo innovativo miglioramento.

Capisco anche la difficoltà maggiore in progetti molto ricchi quali ad esempio D&D, banalmente racchiudere tutte le guide suddivise per categoria in un unico posto rende la consultazione molto più immediata (specialmente se seguita da una formattazione del testo adeguata e da immagini che spezzino la lettura ad esempio). Le singole funzionalità possono poi essere racchiuse in un unico luogo all'interno della chat, a sua volta diviso all'interno. Già con questo raggruppamento hai ridotto i pulsanti da 16 a 2, ed è sicuramente una grande semplificazione in favore dell'accessibilità.

Per rispondere anche agli altri, io capisco il vostro discorso ma se come dice Kasa non ci sono i fondamenti è difficile strutturare qualcosa di nuovo. Sarebbe come costruire una casa partendo dal tetto.

soizora ha scritto: Però per esempio, il dualismo index/main come lo supereresti?Purtroppo per la natura intrinseca del tipo di media, dove il pg sta dentro e il visitatore sta fuori, non so quanto si possa innovare sto aspetto. Per il resto comunque quoto tutto.

Ad esempio, strutturando la grafica esterna e quella interna in modo lineare e continuativo. Con il supporto di alcune animazioni, una volta effettuato il login, l'interfaccia si sposta per modellare quella che poi è l'interfaccia interna (nascondendo quindi il passaggio di pagina). Sostanzialmente inganni l'utente e gli nascondi ciò che sta avvenendo nella pagina o nelle pagine. (È un'idea su due piedi, ovviamente)