Santiago Bustelo

Gli anni dello ZX Spectrum

Nel 1986, il Timex Sinclair 1000 (16 KB di RAM, senza grafica) con cui avevo iniziato a programmare tre anni prima era diventato troppo piccolo per me. Poiché ero già formato in Sinclair Basic e Assembler Z80, il passo logico fu passare a un CZ‑Spectrum, un clone nazionale dello ZX Spectrum: 48 KB di RAM, risoluzione 256 × 192 px e colore!

Fu in quel periodo che scoprii un programma di disegno, "Art Studio". Offriva un'interfaccia grafica e persino una funzione annulla! (l'unico programma dello Spectrum ad averla).

Passai centinaia di ore con questo programma a disegnare schermate, personaggi e scenari per videogiochi che progettavo di sviluppare. Art Studio era un clone di MacPaint, ma io non lo sapevo. Non sapevo nemmeno cosa fosse un Mac. Non avevo mai visto un'interfaccia grafica. Ma il sistema di menu e la funzione "annulla" mi sembravano brillanti, e mi chiedevo come sarebbe stato Tasword, il word processor che usavo sullo Spectrum, se avesse avuto menu e una funzione annulla.

Poco dopo, in una fiera di informatica, finalmente conobbi un Mac. Vidi un sistema in cui tutto funzionava come volevo. Mi dissi che da grande mi sarei dedicato a fare in modo che le cose fossero così.

Dissi molte cose da bambino, ma questa l'ho mantenuta.

Caratteri in 8 × 8 pixel

Il carattere standard dello ZX Spectrum era molto poco elegante per i testi. Volevo che i miei documenti avessero la qualità di un testo stampato, o almeno di una macchina da scrivere.

Tasword utilizzava il carattere di sistema, che era piuttosto brutto. Allora mi misi al lavoro:

• Art Studio aveva un editor di caratteri.
• Con un paio di POKE, i caratteri di Art Studio potevano funzionare nel word processor.
• Iniziai a copiare e adattare pixel per pixel, sulla griglia 8 × 8 offerta dallo Spectrum, diversi caratteri dai cataloghi tipografici che mia madre possedeva (allora lavorava in pubblicità, quando gli annunci venivano realizzati a mano e con fotomeccanica).

Poiché i caratteri che potevo creare con Art Studio erano a spaziatura fissa, quello che funzionava meglio per i testi era un adattamento dell'American Typewriter. Aggiunsi routine in assembler per generare versioni in grassetto e in corsivo (stili combinabili tra loro) e alcune utility essenziali, come segni per tagliare la carta continua della micro-stampante termica. Il risultato era abbastanza accettabile.

Consegnai alcuni lavori pratici di Letteratura con la mia versione modificata di Tasword. Mentre gli altri portavano fogli di quaderno, io consegnavo foglietti formato A5. Ne ero abbastanza orgoglioso.

Costruire un editor WYSIWYG da zero

Avanziamo fino al 2005. A quel tempo mi ero già laureato in design grafico alla FADU‑UBA. Scelsi quel corso perché, per creare prodotti come Art Studio, mi interessavano sia la programmazione che il design. Come autodidatta sapevo che seguendo quella strada potevo essere un programmatore medio. Ma per imparare a progettare avevo bisogno di mentori. E l'unico modo per ottenere quella formazione era l'esperienza del laboratorio che solo l'università poteva offrire.

Nel 2005, il Center of Subsurface Modeling della University of Texas at Austin ci incaricò di sviluppare quello che oggi conosciamo come un CMS. Le opzioni dell'epoca erano molto limitate. Noi avevamo già sviluppato una piattaforma che copriva le loro esigenze.

L'innovazione che introdussi fu l'utilizzo della nascente tecnologia WYSIWYG in un editor web, invece di tag HTML o BBCode. Gli editor esistenti erano molto complessi, pieni di patch per le diverse versioni di Internet Explorer… un browser che il nostro cliente non utilizzava. Il che mi permise di costruire da zero l'editor HTML WYSIWYG di cui avevamo bisogno. La parte più difficile fu gestire le incongruenze introdotte dal copia‑incolla da Word e i tag fantasma delle prime versioni di Firefox.

Passai circa tre mesi a scrivere espressioni regolari; so che per molti è l'equivalente di una punizione biblica. Ma così come c'è chi ama i puzzle, normalizzare i tag con un /<span\b(?=[^>]*\bbold\b)(?=[^>]*\bitalic\b)[^>]*>(.*?)<\/span>/is, per me è stato molto divertente.

La mia visione era integrare tutti gli strumenti all'interno dell'editor, in modo simile a quello che vediamo oggi con gli editor a blocchi. Era ambizioso per l'epoca. Ma la versione che siamo riusciti a costruire, spingendo al limite le possibilità dei browser di allora, era infinitamente meglio che inserire tag a mano.

Reinventare il word processor, 40 anni dopo

Passarono circa 20 anni. Mentre scrivo queste righe, ho già accumulato più di 1000 progetti di design e sviluppo.

All'inizio del 2026, stufo del lavoro di muratore che comportava il copia‑incolla di testo dai generatori Unicode per dare gerarchia ai miei post su LinkedIn, iniziai a cercare se esistesse un modo migliore. E mentre risolvevo quel problema, mi resi conto che mi stavo preparando da 40 anni a farlo.

La soluzione era prendere la logica di un vero word processor (dove scrivere, formattare e correggere sono azioni libere che non ti impongono un ordine) e applicarla agli stili Unicode.

In altre parole, fare un clone di MacWrite: quello che sognavo di fare negli anni '80, senza sapere che esistesse.

Costruii un prototipo rapido che risolse il mio problema. Mi chiesi se avesse senso trasformarlo in un side project perché altri potessero usarlo: la risposta fu positiva. Costruirlo e renderlo pubblico valeva la pena. Sarà un grande business? Pagherà almeno le ore investite? Chissà. Non è mai stata questa la domanda.

Usai il mio stesso strumento tutti i giorni e rifinii ogni dettaglio. L'obiettivo era individuare ogni punto di attrito ed eliminarlo. Perché quando uno strumento ti obbliga a lavorare in un certo ordine (e se salti quell'ordine, perdi il lavoro o devi rifare tutto), il modello di interazione ti condiziona. La mia premessa era esattamente l'opposto: che lo strumento si adattasse al mio modo di scrivere, e non il contrario.

Il primo word processor per stili Unicode

Da tutto questo processo sono emerse le caratteristiche distintive di FlowStyler:

• Stili in tempo reale: l'editor deduce lo stile in base alla posizione del cursore, in modo che correggere o continuare a scrivere non interrompa il flusso. Smetti di lottare contro lo strumento e puoi iterare in pace.
• Stili combinabili: nei casi supportati, puoi usare grassetto, corsivo, sottolineato e anche barrato. Tutti insieme, senza che uno stile sovrascriva l'altro.
• Regolare maiuscole/minuscole: durante la modifica, puoi regolare le maiuscole e le minuscole senza perdere gli stili già applicati.
• Elenchi avanzati: elenchi puntati, numerati, numeri romani, alfabetici, numeri Unicode cerchiati e lettere in quadrati. E soprattutto: puoi modificarli, ordinarli e rinumerarli senza uscire dall'app né toccare Word o Excel.
• Contatore di caratteri in tempo reale, sempre visibile mentre scrivi.

Più che un elenco di funzionalità, sono gli attributi distintivi di una categoria che non esisteva: il primo word processor per stili Unicode.

40 anni fa pensavo che, da grande, mi sarebbe piaciuto essere un inventore. Credo che se il mio io del passato incontrasse me oggi, sarebbe molto felice.

Oggi sono Direttore UX presso Kambrica, consulente e mentor in UX, strategia e prodotto. Puoi trovarmi su bustelo.com.ar o scrivermi su LinkedIn.