KeyRush \u00e8 nato su iPhone e Android. Quando abbiamo deciso di portarlo su Chrome, ci siamo trovati di fronte a una scelta: avvolgere l\u2019app esistente in un livello multipiattaforma oppure riscriverla per il browser. Abbiamo optato per la riscrittura, effettuando il porting dalla versione Android. Solo JavaScript, Manifest V3, nessun framework e nessuna fase di compilazione. Ecco cosa abbiamo imparato da questa esperienza.<\/p>\n
Su uno smartphone, un programma per imparare a digitare \u00e8 una soluzione approssimativa. La tastiera su schermo \u00e8 allo stesso tempo il dispositivo di input e l\u2019oggetto dell\u2019apprendimento, il che crea una situazione un po\u2019 strana. Nel browser, invece, l\u2019utente ha sotto le dita una tastiera vera e propria \u2014 proprio ci\u00f2 che l\u2019app sta cercando di insegnare.<\/p>\n
La situazione si \u00e8 rivelata molto diversa da quanto ci aspettassimo. Le disposizioni dei tasti variano da un paese all\u2019altro e da una tastiera all\u2019altra. Esistono i tasti modificatori. Gli utenti tengono premuti i tasti, ne premono due contemporaneamente, cambiano disposizione durante la sessione. Su una tastiera fisica ogni minima imprecisione nel simulatore si avverte immediatamente, quindi abbiamo dovuto prestare molta pi\u00f9 attenzione a ci\u00f2 che viene considerato un tasto premuto correttamente.<\/p>\n
Abbiamo mantenuto la tastiera su schermo, ma la sua funzione \u00e8 cambiata. Su uno smartphone \u00e8 ci\u00f2 che si preme. Nell\u2019estensione funge da guida: evidenzia il tasto che si deve premere successivamente, cos\u00ec puoi tenere gli occhi sullo schermo invece che sulle mani. \u00c8 proprio questo il senso della digitazione cieca, e il browser ci ha permesso di prenderla sul serio.<\/p>\n
Gli schermi dei telefoni sono disponibili in poche forme diverse. Le finestre del browser, invece, possono assumere qualsiasi forma. Il popup di un'estensione \u00e8 stretto e corto; una scheda a schermo intero pu\u00f2 essere enorme. La stessa app doveva risultare intuitiva in entrambi i casi.<\/p>\n
Quindi offriamo entrambe le opzioni. KeyRush si apre come finestra pop-up per un test veloce e in una scheda a schermo intero quando serve pi\u00f9 spazio per le lezioni e le gare. La combinazione Alt+Shift+K permette di aprirlo senza dover usare il mouse \u2014 il che, per un\u2019app di digitazione, ci \u00e8 sembrata l\u2019impostazione predefinita pi\u00f9 appropriata.<\/p>\n
Un popup si chiude non appena si fa clic al di fuori di esso, e tutto ci\u00f2 che occupava in memoria viene eliminato. Su Android, un'app pu\u00f2 essere messa in secondo piano e riprendere esattamente da dove era stata interrotta. In un popup, bisogna partire dal presupposto che l'utente possa chiudere la finestra in qualsiasi momento.<\/p>\n
Quindi tutto ci\u00f2 che conta risiede nella memoria del browser piuttosto che nella finestra, e sia la finestra pop-up che la scheda a schermo intero leggono dallo stesso stato memorizzato. Una volta completato un test nella finestra pop-up, basta aprire la scheda a schermo intero e il risultato \u00e8 gi\u00e0 l\u00ec. \u00c8 una piccola scelta architettonica che ha reso l'intera estensione pi\u00f9 solida.<\/p>\n
Anche le app Android richiedono autorizzazioni, ma gli utenti le leggono raramente. Gli utenti delle estensioni, invece, lo fanno spesso, e il browser mostra gli avvisi direttamente nella finestra di installazione. KeyRush ne richiede esattamente una: l\u2019accesso alla memoria. Non ha bisogno di vedere le pagine che visiti, quindi non te lo chiede. Abbiamo scritto un post a parte sul motivo per cui questo \u00e8 importante per noi.<\/p>\n
Quasi tutto il contenuto del prodotto \u00e8 rimasto invariato: prove di velocit\u00e0 cronometrate da 15, 30, 60 e 120 secondi, lezioni di dattilografia organizzate per dito, gare contro avversari virtuali, statistiche, una mappa termica dei tasti sbagliati, la sfida quotidiana e tutti i 44 obiettivi. Chi passa dall\u2019app per smartphone alla versione desktop dovrebbe sentirsi a proprio agio nel giro di un minuto.<\/p>\n
Abbiamo mantenuto anche i principi fondamentali. Funziona completamente offline. I progressi vengono salvati esclusivamente nel browser. Non c'\u00e8 alcun account e non \u00e8 necessario effettuare alcun accesso.<\/p>\n
Riscrivere il codice sembrava costoso, e in un certo senso lo \u00e8 stato. Ma un programma per imparare a digitare non \u00e8 un\u2019app di grandi dimensioni, e la logica fondamentale \u2014 punteggio, lezioni, livelli, obiettivi raggiunti \u2014 \u00e8 abbastanza snella da poter essere trasferita con cura a mano dall\u2019originale Android. In cambio abbiamo ottenuto un'estensione che si carica all'istante, non presenta dipendenze da terze parti da mantenere aggiornate e si comporta come se fosse stata creata appositamente per il browser, perch\u00e9 \u00e8 proprio cos\u00ec.<\/p>","protected":false},"excerpt":{"rendered":"
Cosa \u00e8 cambiato quando KeyRush \u00e8 passato da Android a Chrome \u2014 e cosa ci siamo rifiutati di cambiare.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-730","post","type-post","status-publish","format-standard","hentry","category-journal"],"yoast_head":"\n