MasterNewMedia Italia
Scopri i migliori tool per comunicare,
collaborare e fare marketing
   
Curated by: Luigi Canali De Rossi
 


7 agosto 2005

Interface Design: Progettazione Interfacce Grafiche Con Ajax

Interface Design e Progettazione Interfacce Grafiche: Quali sono le migliori soluzioni ?
Negli ultimi anni gli sviluppatori, per creare un'applicazione per il web, potevano scegliere tra due tipi di approcci.

black_and_white_by_zela.jpg
Photo credit: Marja Flick

Il primo approccio era quello di creare un sistema basato sullo schermo contenente interazioni molto ricche, tramite sofisticate e potenti tecnologie come Java o Flash.

La seconda alternativa era quella di creare un sistema basato sulla pagina, utilizzando standard web facili da imparare come XHTML e CSS le cui varie funzioni basilari riducono la ricchezza delle interazioni.

Un nuovo approccio si è fatto strada - Ajax - e si posiziona esattamente in mezzo ai primi due.

 

Una scelta sofisticata: gli approcci basati sullo schermo
Questo tipo di applicazioni offre all'utente la possibilità di entrare e manipolare le informazioni su di un basso numero di schermi che si aggiornano e cambiano istantaneamente.

Solitamente gli sviluppatori creano questo tipo di applicazioni che imitano la sofisticazione delle applicazioni per il desktop, utilizzando Java, Flash od altre tecnologie del genere. Ecco alcuni tra i migliori esempi di applicazioni sviluppate in questo modo: l'interfaccia dell'hotel Broadmoor per le prenotazioni, la caratteristica Gameday di MLB.com e Nike.com.

Una scelta non sofisticata: approcci basati sulla pagina
Gli sviluppatori che utilizzano le tecnologie web standard sono costretti a dover caricare e ricaricare le pagine web. Il risultato è che per vedere le modifiche applicate, è necessario aggiornare la pagina (refresh). Alcuni esempi tipici di questo tipo di approccio sono: la pagina di Amazon.com, la pagina di ricerca di Google e la pagine delle vendite su eBay

Sebbene entrambi gli approcci abbiano dimostrato di funzionare positivamente, essi presentano comunque degli svantaggi. L'approccio basato sullo schermo, ad esempio, richiede molto tempo ed energie, perchè spesso utilizza strumenti di programmazione proprietari e difficili da imparare. D'altra parte, sebbene l'approccio basato sulla pagina sia d'impiego più facile, esso dà dei risultati meno naturali.

Ajax: la terza via
Ajax è una nuova tecnologia basata sul web che unisce sia l'approccio basato sullo schermo che quello basato sulla pagina. Permettendo funzioni più sofisticate usando un'implementazione più facile degli standard, Ajax rappresenta un'efficace alternativa nella creazione di applicazioni web potenti.

Il termine Ajax è stato coniato da Jesse James Garrett di Adaptive Path nel febbraio 2005 ma la sua tecnologia non è nuova.

Gli sviluppatori che costruiscono le interfacce con Ajax potenziano gli stessi strumenti degli approcci basati sulla pagina: XHTML, CSS e Java; ma allora perchè Ajax è improvvisamente diventato così famoso?

Uno dei motivi è che molte grandi società, tra cui Google, hanno creato, con questa tecnologia, applicazioni strabilianti, come: Mappe di Google, Google Gmail e Google Suggest.

Un altro motivo è la continua adozione dei browser standard che supportano la tecnologia Ajax, tra cui: Firefox, Safari, Opera ed Internet Explorer 6.

Libertà dall'aggiornamento pagine
Di solito, quando gli utenti immettono informazioni all'interno di un campo di un'applicazione per le pagine pubblicate sul web, la pagina non viene modificata fino a che non si conferma utilizzando il comando "submit". Solo dopo questa conferma, le informazioni vengono mandate al server che a sua volta invia una risposta, informando l'utente se l'operazione è andata a buon fine o meno.

In questo lasso di tempo, che varia a seconda della velocità di connessione e dalla quantità di dati immessi, l'utente non può che aspettare che la pagina venga aggiornata.

Mentre sappiamo che il tempo impiegato per il download non crea frustrazione nell'utente, sappiamo anche che gli utenti vogliono e si aspettano una risposta immediata al loro inserimento dati, diversamente, si può creare confusione. Ad esempio, gli utenti fanno fatica a trovare le pagine contenenti i messaggi d'errore, soprattutto se non riescono a vedere tali messaggi di errore senza fare scorrere la pagina.

D'altra parte, le applicazioni Ajax non hanno bisogno di aggiornamenti della pagina per visualizzare le ultime modifiche inserite. Sono in grado, invece, di aggiornare semplicemente le parti della pagina in qualsiasi momento, dando agli utenti una risposta istantanea ai loro input. Questo permette agli utenti di vedere continuamente quello a cui stanno lavorando, e reagire in caso di modifiche, errori o aggiornamenti notificati tramite l'interfaccia.

Campo Istantaneo Di Modifica E Salvataggio
Una delle principali caratteristiche che spesso diamo per scontate, nelle applicazioni per il desktop, è la capacità di controllare immediatamente i dati che digitiamo. Nelle applicazioni di fogli elettronici, ad esempio, il nostro nome immesso in un campo numerico genererebbe immediatamente un errore che possiamo correggere subito.

Sul web è facile controllare i campi dal lato della macchina client, utilizzando il linguaggio Javascript. Questo produce un effetto immediato, imitando il comportamento di un'applicazione per il desktop. Comunque, per motivi di sicurezza, è necessario controllare tutti i campi anche sulla macchina server finale. Fortunatamente, Ajax permette di fare anche questo.

Interfaccia a schermo unico
Una delle principali ragioni per cui usare l'approccio basato sullo schermo è la semplicità dell'interfaccia a schermo unico. Nei rapporti sull'interfaccia Utente di Flash, abbiamo scoperto che quello schermo unico ha dimostrato essere molto utile per le persone, dando molti vantaggi rispetto alle applicazioni basate sulla pagina.

Uno di questi vantaggi è che gli utenti possono vedere sia l'immagine grande dell'applicazione, che tutte le fasi necessarie al completamento dell'operazione. Questo fornisce all'utente un'idea chiara sulla sequenza da seguire.

Con un'applicazione basate sulla pagina, essi potrebbero cliccare su varie pagine senza sapere quello che c'è davanti a loro.

Le interfacce a schermo unico permettono agli utenti anche di modificare e cambiare le informazioni nell'ordine da loro stabilito. Per esempio, se vogliono aggiungere le loro informazioni per i pagamenti all'inizio, devono poter essere in grado di farlo. Oppure, potrebbero volere tornare indietro e cambiare qualcosa che avevano già modificato. Questo risulta facile grazie all'interfaccia a schermo unico. Del resto, la maggior parte delle applicazioni basate sulla pagina costringono l'utente ad una sequenza specifica.

Implementazione relativamente semplice
La maggior parte dei benefici di Ajax rispecchiano quelle delle sofisticate applicazioni basate sullo schermo. Comunque, c'è un grande ostacolo nel creare queste applicazioni: si tratta di ambienti di programmazione completamente sviluppati che richiedono elevate capacità di programmazione ed un vincolo a lungo termine con la tecnologia proprietaria. Questo rende la creazione di interfacce molto dispendiosa sia in termini di denaro che di tempo.

Siccome le applicazioni Ajax sono costruite semplicemente con gli attuali standard per il web, esse sono abbastanza facili da creare.

La maggior parte dei web designer familiari con la costruzione di approcci basati sulle pagine, possono passare ad un'interfaccia Ajax piuttosto velocemente.

Inoltre, gli intraprendenti sviluppatori Ajax hanno creato un'interfaccia "prefabbricata" facile, che permette agli sviluppatori di cambiare la loro applicazione senza dover scrivere i codici da zero.

Ajax un'alternativa solida
Combinando i due approcci originari, Ajax è un'alternativa solida per lo sviluppo di nuove interfacce.

Sebbene nulla fatto con Ajax sarà mai immediatamente pronto all'uso, con interfacce accurate possiamo sfruttare ciò che sappiamo ed amiamo sulle applicazioni per il desktop, mantenendo la sensazione di usare il meraviglioso web.

Articolo originale pubblicato il 14 Luglio da Joshua Porter: "Using Ajax for creating Web Applications"
UIE

Per saperne di più:
http://www.uie.com/events/uiconf/sessions/spool/

http://www.uie.com/events/uiconf/articles/ajax/

 
 
 
 
 
Commenti    
blog comments powered by Disqus

 

 

 

 

3725
 




 

I Toolkit di Robin


 









 

 

 

 

  • RSS Feed

          Mail
    Nome:
    Email:
     



     
     

     

    Web Analytics