Cose da EVITARE nella creazione di un pbc

Cose da EVITARE nella creazione di un pbc postato il 04/04/2019 23:51:39 nel forum giochi e dintorni e modificato da urf il 04/04/2019 23:52:25

1- Grandezza del font minuscola.

font-size: 9px;

Come vi salta in mente?
Il minimo sindacabile è 16px.

Eh ma io...

16px.
Volete scritte più piccole?
14 pixel.
NON UNO DI MENO.

2- Colori del font e del background privi di contrasto

color:#404040;
background-color: #111111;

Ehi, se non sei in grado di leggere è perchè hai un pc orribile, ahahah, fatti un paio di occhiali nuovi, cecato

Citazione reale. Più o meno.
Anche se fossi ipovedente (in effetti lo sono) quella roba è massacrante per chiunque.
Oltre al font, ricordatevi, contrasto MINIMO 4.5:

https://contrast-ratio.com/

A voi questa applicazione tanto banale quanto eccellente.

Eh, ma veramente anche con contrasti leggermente inferiori si p...

NEIN NEIN NEIN
Minimo 4.5, voi puntate al 10.

Però vedi in questo sito...

C'è chi può: le scritte in questo sito SONO LEGGIBILI.
Nel dubbio #FFF.
Avete uno sfondo scuro? #FFF
Avete uno sfondo chiaro? #000

3- Non usare il nero #000

Alla vista è troppo violento.
Usate un #222 od un #333, od un qualunque altro valore ivi compreso.

Sei un rossobruno dell'impaginazione!

Sì.

05/04/2019 07:48:37

Come non concordare su tutti i punti...

05/04/2019 08:13:25

Sono perfettamente d'accordo, visto che tra l'altro ho problemi alla retina, per cui la vista mi si stanca molto presto e sforzarla mi fa venire delle simpaticissime nevralgie =.=

Mi è capitato anche di segnalare ad alcuni players, in qualche land in cui ho giocato, che purtroppo non riuscivo a leggere la loro scheda pg a causa della dimensione del font/colore/contrasto, e sentirmi dare più o meno la stessa risposta citata nel post originale: "problema tuo, cambia pc/monitor".

05/04/2019 11:19:26

Anche io ho problemi agli occhi.
E purtroppo ho lasciato alcune land perchè primo le scritte erano così minuscole che i miei occhi dopo un po' gridavano pietà. E allora dovevo star li ad arrabattarmi ingrandendo io il browser. Però poi c'era il problema dei colori troppo scuri, che tutti dicono che non creino problemi... porca miseria, non dico di puntare a colori più chiari e più caldi, ma di cercare un compromesso. Io lo capisco che il nero sia ormai uno standard per alcuni generi ( sopratutto per le urban ), ma esistono anche altre palette. La gente non è tutta uguale, capisco pure che la maggior parte non ha magari problemi all'occhio ( parlo di malattie, o difetti) però esistono anche quelle persone che ne hanno. Mo' tutti quelli che ne hanno dovrebbero smettere di ruolare ? O giocare alla roulette russa, e scommettere quanto ci mettono gli occhi a stancarsi ?

Ci sarebbero altre cose, che in una land andrebbero evitate. Parlo ovviamente di grafica e co, per il resto non mi intendo.

05/04/2019 12:44:55

AMEN

05/04/2019 14:29:27

Io non mi sono mai potuto avvicinare al 90% delle land per questi motivi, le Urban Fantasy per fare un esempio, ma anche tutte quelle land che di contro hanno dei contrasti sparati... tipo rosso su nero e intendo proprio rosso-su-nero, non sfumato, non opacizzato, dopo mezz'ora vedo i draghi.

06/04/2019 01:18:45 e modificato da ghennadi72 il 06/04/2019 02:07:20

Sono d'accordo su tutto tranne su questo:

Il minimo sindacabile è 16px.

Decine di migliaia di giocatori hanno giocato per anni su lot con caratteri a corpo 11/12px che anche coi monitor contemporanei non risultano poi così piccoli, a meno di non avere monitor "esotici" ad altissima definizione ma fisicamente molto piccoli.

Qui usiamo quotidianamente font della stessa grandezza e (spero) Gianluca non ha ancora ricevuto alcuna denuncia per attentato all'oculistica.

L'ideale se si sta costruendo un gioco sarebbe optare per una delle seguenti soluzioni:

1) grandezza del font impostabile come preferenza dall'utente
2) font scalabili per grandezza in funzione delle dimensioni dello schermo (o meglio delle dimensioni dell'area di visualizzazione)

Entrambe le soluzioni hanno i loro pro e contro, ma sono entrambe preferibili a font corpo 9px. Cioè se ci devi fare un titoletto minore, passi, ma non i testi principali che costituiscono il nucleo del gioco (es. chat, forum, missive, documentazione, schede...) e i testi che gli utenti passeranno il 99% del loro tempo di gioco a leggere.

Per chi ha già land attive e non ha voglia di chiudere qualche settimana solo per ridisegnare l'interfaccia grafica, concordo sul darsi almeno dei font leggibili. Tanto la dimensione che accontenta tutti non la trovi e se intendi restare su font a dimensione fissa puoi solo andare a naso sperando di riuscire a scontentare il minor numero di persone possibile e dare qualcosa di decentemente leggibile a tutti gli altri: quindi è ovvio che non puoi prendere a riferimento dimensioni di caratteri che erano già considerate "piccole" su monitor 1024x768.
Almeno un'occhiata alle statistiche sulle definizioni più diffuse, per avere un riferimento su cui stabilire una grandezza dei font accettabile, devi darla ogni paio d'anni e aggiornare di conseguenza, se necessario.

16px (ad oggi) sono una buona soluzione per documentazione statica e wiki (o per la visualizzazione da cellulare). Ma io li troverei semplicemente disturbanti, specie con interlinea proporzionata di conseguenza, se utilizzati in una chat di gioco, per le quali non mi farei alcun problema a considerare l'utenza da dispositivo "fisso" come riferimento piuttosto che quella da dispositivo mobile e a sbattermene della "direttiva" mobile first.

16px per font "sans" come requisito minimo sindacale probabilmente sono troppi per una chat di gioco. 11/12 già mi sembra più ragionevole, a seconda del font (1 o 2 px in più per i font "serif" e qui si aprirebbe l'altro capitolo: evitare font troppo "esotici" per quanto possano essere belli a vedersi e per quanto google fonts rappresenti una tentazione irresistibile)

ps: Il consiglio di avvalersi delle comodissime funzioni di zoom in/out di pressochè qualunque browser moderno, è valido dal punto di vista pratico (salvo ricadute sul resto dell'interfaccia di gioco) e in certi casi la risposta "premi il f***uto Ctrl+!!" viene spontanea, ma non è molto professionale, specie se accompagnato da sfottò sull'essere ciecati.

07/04/2019 00:15:40 e modificato da urf il 07/04/2019 00:19:34

Mi spiace, non cedo neppure un metro. Le regole base sono quelle, come ho detto: 16px, se poi uno vuole si può fare 14px. Di base.

Per tutto il resto c'è la tipografia, che è una disciplina complessa e sofisticata, molto affascinante, ma di cui la mia conoscenza è estremamente limitata e su cui non voglio dibattere.
Se negli anni 90 lo standard era 14px o 12px oggi è 16px o 14px (come scritto su), per motivi che non ho scelto io, se funziona.
La personalizzazione, così come lo zoom, sono cose fantastiche che esulano dalle regole base.

Le regole base, come tutte le regole, possono essere violate con cognizione di causa, ma, come detto su:

c'è chi può

Verdana 13px. Che è paragonabile con un 14-15px degli altri font sans serif. Rientrerebbe nelle regole base.





Visto che ci sono, e che stasera non ho niente da fare anche perché una vescica mi si è aperta in una ferita che non si è ancora sanata da due settimane e mi da un fortissimo prurito:

Cenni di tipografia web

La tipografia è una disciplina, un arte o tecnica, quale sia il termine più opportuno secondo la vostra sensibilità, che si occupa di studiare, produrre ed usare le tecnologie per stampare dei testi su carta o altri materiali in ambito analogico o su schermo in ambito informatico. È molto vasta e la mia conoscenza è decisamente risicata, pertanto vado direttamente a ciò che interessa a noi.

Per produrre testi vengono usati insieme di caratteri accomunati da uno stile grafico e progettati per una funzione ben precisa.
Ognuno di questi insieme è chiamato tipo di carattere o font, termine inglese che deriva dal francese, essendo l'inglese la lingua dell'informatica tutti lo avranno già sentito nominare.

Famiglie di Font

Ci sono tantissime tipologie differenti di font che possono essere racchiusi in alcuni macro-insiemi detti famiglie, in css vengono attribuiti ad i vari elementi con l'istruzione:

font-family

Le famiglie più funzionali alla lettura via web, e quindi le più usate, sono due, e sono le famiglie dei caratteri con grazie e senza grazie, serif e sans serif. Tecnicamente questa terminologia indicherebbe esclusivamente la presenza o l'assenza delle grazie, che sono, detto alla carlona, degli abbellimenti, in ambiente informato comprendono solo alcuni font e non tutti quelli che potrebbero rientrare nella categorizzazione tecnica dei termini, ad esempio i tipi di carattere non graziati e non proporzionali rientrano nella famiglia dei monospaced, sono molto leggibili ma anche bruttini alla vista, vengono di solito utilizzati per dei manuali e documentazione tecnica dove è importante distinguere ogni singolo glifo.
Con font non proporzionale (o monospaced) si intendono i font dove i singoli glifi occupano il medesimo spazio.

Verdana, il font usato in questo sito, potete fare un paragone qui sopra dove è affiancato ai font che più gli somigliano Helvetica e Arial (clone di Helvetica) ed altri sans.
Come potete ben vedere Verdana è il più leggibile, ma occupa anche più spazio degli altri, il motivo è che pur essendo proporzionale (e questo lo rende gradevole alla vista) si avvicina molto alla non proporzionalità.

Curiosità: in inglese i tipi di carattere graziati venivano anche definiti Roman poiché le grazie derivano dallo stile delle targhe latine (ricordate il Times New Roman? tutti l'avrete utilizzato).

Altre famiglie da menzionare sono quelle informali: fantasy e cursive.
La prima riguarda i tipi di carattere più stravaganti o che ricalcano stili desueti (ad esempio i tipi di carattere in stile storico o medievale come gli stili gotici) la seconda quelli che ricorda la scrittura a mano.

Perché è importante sapere tutto ciò?
Perché la scelta errata di font può compromettere completamente l'esperienza di gioco, così come può rendere inefficace il significato di un testo.
Del resto sappiamo tutti che la Germania perse la seconda guerra mondiale perché ci fu un errore di stampa ed i manifesti vennero fatti con il font sbagliato:





Ciò comportò la diserzione di interi reparti dell'esercito tedesco.

Il Comic Sans, come dal nome potete immaginare fosse inizialmente identificato come sans serif oggi viene identificato come cursive, è il font più odiato dalla comunità dei design e del web. Sapete anche voi il perché, era un font molto simpatico, così simpatico che conquistò tutti negli anni '90 e venne usato ovunque a sproposito.
Quanti di voi hanno ricevuto l'invito ad un funerale in comic sans? Spero nessuno, purtroppo so che siete in parecchi.

Ma bando alle ciance.

Regole Base:
che valgono nel web

1: Titoli in Serif
2: Testo in Sans Serif

Cursive e Fantasy bruciateli. No, potete usarli, per carità, ma usateli con estrema morigeratezza. Potete usarli come titoli e sottotitoli di sezione e/o paragrafi, possono essere fastidiosi nella barra di navigazione ed in altre occasioni, usateli sempre con una dimensione del font molto alta. Usati in via eccezionale, come ad esempio per simulare lettere a mano (MAI nelle missive del gdrcd se non forse come firma, la messaggistica frequente deve essere leggibile, quindi in sans) potrebbero essere molto carini.
Bisogna avere l'occhio da grafico per usarli in modo adeguato, quindi per me sono la peste.

Monospace: senza dubbio efficacissimi, con assoluta certezza... orribili. Non c'è niente da fare, sono no-io-si. Utilissimi, ma noiosi, privano di dinamismo il testo. Da qui l'odio di alcuni fanatici di Helvetica per Verdana, che io invece apprezzo molto, in Helvetica le parole sembrano più raggruppate e danno una forma più elegante di Verdana, ma questo è comprensibilissimo.
In due battute: usatelo per la parte tecnica dei manuali se vi sembra il caso, ma c'è sempre Verdana e simili, un altro sans potrebbe fare il suo lavoro.

Tutto questo per dire...
Ghennadi, non ti sento lalalalà.

07/04/2019 03:53:53 e modificato da ghennadi72 il 07/04/2019 03:59:11

Tutto ciò è molto carino Urf, compreso lo screenshot, sul quale devo però farti notare un paio di cose. Questo è il codice della pagina:

<div class="cella" style="display: inline-block; vertical-align:top; width:85%;">
<p align=right><font size=1 color=gray><B>07/04/2019 00:15:40</B></font></P>
<P align="justify">
<font size=2>
Mi spiace, non cedo neppure un metro.
{varie}
Tutto questo per dire...<BR>Ghennadi, non ti sento lalalalà.<BR>
<BR><BR><BR>
</font><center>

Vedi quel "font size=2"?
La scelta della dimensione effettiva in px é lasciata al browser (e so). Diciamo pure che è un 13px sulla maggior parte dei browser, SO e monitor.

Lungi da me volerti convincere, come ti ho detto finchè il discorso é "guerra ai font corpo 9/10" ti sposo su tutta la linea. Ma tutto il discorso seguente fa acqua all'applicazione pratica. Se parliamo di differenze tra 12 e 13 é di questo che stiamo parlando:


Se davvero noti una grave perdita di leggibilità da 13 a 12 ti faccio i miei "complimenti" per l'occhio da lince :-D

Ora permettimi di saltare la dissertazione sul manifesto di reclutamento delle SS e di andare al pratico sull'applicazione in chat.

Ti faccio l'esempio con una azione relativamente breve, quasi da 10 anni fa, sui 900 caratteri (versione HTML qui: http://asktoghennadi.altervista.org/fontsize.html ↗):


NB: Cliccare sull'immagine per vedere l'originale, visto che ovviamente qui viene ridimensionato e rimpicciolito: https://i.imgur.com/dC7pUym.png ↗

Ora, suggerire 16px come dimensione minima, considerando che nella maggior parte delle land si fanno azioni, in media, da ben più di 900 caratteri... devo continuare?
Potrei già cedere sui 14px anche se a seconda dello stile utilizzato dal gioco potrebbe essere ugualmente un pugno in un occhio, oltre che una tortura per l'occhio dover seguire una chat con più di due o tre partecipanti che inviano azioni ben più lunghe di 900 caratteri e con lo scrolling che impazzisce occupando mezzo schermo ad ogni invio.

Tornando al nostro bravo "font size=2" usato da gdr-online, che corrisponde a 13px, davvero ravvisi una differenza tale da scatenare una guerra di ortodossia webgrafica sulla differenza di leggibilità tra 12 e 13px?

E su... ripeto... siamo perfettamente d'accordo sui font più piccoli, ma direi che la scelta tra 12/13/14 px non è una scelta di accessibilità ma di stile. Esempio fatto parlando di font come il verdana, l'arial è già renderizzato più piccolo, open-sans siamo lì... helvetica ormai si usa solo in DTP mac, ma proprio se c'è qualche amante del vintage a curare l'impaginazione. I font serif, amen, comunque fatte le debite proprorzioni è un discorso di ORDINI di grandezza più che di 1px in più o in meno a fare la differenza tra un gdr che ti ammazza le diottrie e uno che non ti affatica (e uno che non ti fa scorrere la chat a 3000 perchè usi caratter mostruosamente grandi, ottimi per un testo statico ma pessimi per applicazioni dinamiche).

07/04/2019 07:42:09

Buongiorno.

Altra lezione:

il tag html

<font size="x">

con x che va da 1 a 7 è un tag desueto non supportato da html5 ma che browser potenti (quelli che usate voi di solito, insomma, chrome, firefox e safari per dire) leggono senza problemi, quindi può essere tranquillamente usato.

<font size=1></font>
<font size=2></font>
<font size=3></font>
<font size=4></font>
<font size=5></font>
<font size=6></font>
<font size=7></font>

sono paragonabili a

font {
font-size: x-small;
font-size: small;
font-size: medium;
font-size: large;
font-size: x-large;
font-size: xx-large;
font-size: xxx-large;
}

Che avranno come resa, se non viene specificata la font-size del root (elemento html in caso di pagina web):

1 || x-small => 10px
2 || small => 13px
3 || medium => 16px
4 || large => 18px
5 || x-large => 24px
6 || xx-large => 32px
7 || xxx-large => 48px

Che magia, il medium è 16px... però il punto è che 16px è lo standard.
Non me lo sono inventato io, non l'ho deciso io e non ho pensato io al perché renderlo tale, né sono venuto a difenderlo.

Mi limito a dire le basi, ovvero che non si attraversa con il rosso e non si guida da ubriachi, se uno mi risponde che non si diverte nella serata senza essersi preso 2 birre, 1 mojito, 1 amaro e 5 shottini e che il semaforo gli fa perdere tempo... chi sono io per giudicarlo?

Sei liberissimo di trovare la soluzione ai tuoi problemi che preferisci Ghennadi, è il bello del web, io, al momento, sto ancora alle basi (e ci starò per tanto tempo ancora). Se invece vuoi contestare le basi sei liberissimo di diventare papa e rifondare l'inquisizione spagnola e mandarla contro il W3C, oppure, è più facile, ti converti all'Islam, ti dichiari Imam e proclami una bella fatwa di morte con annessa Jihad al W3C ed a tutti quelli che ci hanno partecipato.

07/04/2019 12:08:47

Evitate anche di creare land GoT.

Se lo fate, ecco, quello è un errore!