martedì 28 giugno 2022

Ux Design - giorno 2

 Ho sviluppato l'idea del sito/libro per le classi

Grafica

Ho trovato un interessante generatore di Neumorphism (https://neumorphism.io/), mi ha aiuto a capire l'uso delle ombre per sviluppare una interfaccia "gommosa"

Sono ancora molto in dubbio sui colori

E bisogna scegliere un font adeguato

Devo verificare se è possibile fare delle ombre più circolari per i tasti premuti

Organizzazione

Creare dei post

Assegnarli ad una classe disponendoli in ordine

Bottoni per selezionare una classe

Tag cliccabili che mandano ad un elenco di tutti i documenti con la stessa tag



domenica 26 giugno 2022

Ux design - giorno 01

 Ok, in realtà si tratta del giorno 5 o giù di lì, ma nessuno inizia una serie con "Giorno 5, più o meno".

Ho iniziato un corso su Coursera di UX Design promosso da Google. In realtà credo stia raccogliendo informazioni su di me per conto del GGG, ma pazienza.

Scopo:

- Migliorare il mio approccio al design delle app, essere in grado di dare una mano a progettarle uscendo dalla mia confort zone "io butto dentro i componenti, poi qualcuno li sistemerà".

- Disegnare il nuovo libro/sito/PWA per i bambini a scuola.

Il sito

Cosa succede: i libri di religione fanno bestemmiare. Nel vero senso della parola: mentre i bambini leggono devo spesso fermarli per evitare che dicano eresie trinitarie, cristologiche oppure dirette bestemmie.

Quindi ho deciso di pubblicare un sito/PWA/libro che contenga i contenuti di cui ho bisogno, che fornisca loro i link agli approfondimenti, siti extra, attività, dove poter postare contenuti aggiuntivi, schede, ecc.

Potrei usare Classroom, ma:

- Non è assolutamente personalizzabile. Classroom va bene per le superiori, dove "Questo è il materiale, arrangiatevi", non per elementari

- Voglio poter offrire contenuti non solo per i bambini, ma anche per i genitori e i colleghi: spiegazioni più approfondite, contenuti extra, consigli para-scolastici

- E' ora di strappare il monopolio ai giganti dell'editoria, che buttano fuori solo ciofeche, e darlo in mano ai veri padroni della classe, cioè gli insegnanti. Bisogna spezzare questa idea "ah, se c'è nel libro va bene" e "ma lo dice lei!".

MVP

  • Cinque sezioni, una per classe, dove i bambini trovino il testo per le lezioni
    • Inserimento di link video e preview
    • Inserimento di immagini e preview
    • Inserimento di pdf e download
  • Backend access?
  • Modalità desktop e mobile

Desiderata

  • Strumenti di accessibilità: gestione dei font, della spaziatura, delle dimensioni, text-to-speech, 
  • Strumento di feedback: i bambini devono poter toccare una sezione o un paragrafo e mandare al volo una segnalazione di un problema, una domanda o un approfondimento richiesto
  • Sezione extra per adulti, con accesso controllato
    • Magari note ulteriori sulle lezioni visibili solo agli adulti?
  • Pagina home con ultimi articoli - suggerimenti - extra
Stack tecnologico
  • Javascript-React come base
  • Firebase per la gestione degli ingressi e il database degli articoli
  • Chakra ui per la grafica: non l'ho mai usato, ma sembra più personalizzabile di material ui, i componenti sono molto più semplici e pare avere tutte le funzioni minime necessarie
Primo grosso scoglio
Ovviamente il primo grosso scoglio è per me proprio il design della interfaccia di base, e aver scelto un sistema abbastanza agnostico come ChakraUI non aiuta.
Probabilmente comincierò a creare un sito molto spartano, lasciando il design grafico al mezzo.

Decisioni da prendere
  • Dove mettere gli articoli? Firebase con un backend? Scritti direttamente in html nei file? Contentful?
    • HTML mi sembra un passo indietro, e bloccherebbe qualsiasi possibilità di ampliare il sito ad altri collaboratori
    • Contentfull mi spaventa l'idea di supeare la soglia gratis
    • Firebase vorrebbe dire costruire da me tutto il backoffice per creare e mantenere gli articoli