Nokia Web Browser Design Guide
Scritto da Andrea | 28.06.2007
Ideale complemento del messaggio precedente, sull’area del sito Nokia dedicata agli sviluppatori ho scovato questa guida alla realizzazione di siti web per il microbrowser presente come predefinito su i cellulari della serie S60.
Resource information: Nokia Web Browser Design Guide
Al di là di molti consigli utili, per altro derivati esplicitamente dalle Mobile Web Best Practices 1.0 (si legga come introduzione il mio articolo su HTML.it), sono davvero interessanti alcuni aspetti.
In primo luogo una descrizione precisa delle caratteristiche tecniche del browser in questione, informazioni utilissime e spesso difficili da scovare. Apprendo in tal senso che il Nokia Web Browser possiede un supporto per HTML 4.01, XHTML 1.0 comprese le immagini mappa, i frame, le immagini di background, il tag <meta> e il tag <object>; per CSS 1, 2 e (in parte) 3 compresa la possibilità di includere fogli di stile esterni; DOM 1 e 2; SVG-Tiny; JavaScript 1.5. Inoltre è garantito il supporto per la piattaforma Flash Lite.
Secondariamente si forniscono alcuni brani di codice molto utili per riconoscere le dimensioni dello schermo e quindi selezionare di conseguenza un CSS più adatto.
In terzo luogo si pone l’accento sull’adozione di una strategia orientata al progressive enhancement anziché ragionare in termini di una rinuncia di caratteristiche e contenuti che potrebbero andare incontro al miglioramento dell’esperienza d’uso.
Infine, una considerazione importante relativa al modo in cui Nokia intende il mobile web. Affrontando il problema dell’adattamento, la guida afferma che:
In general, implementing server-side solutions requires more initial work and assumes a level of server access and expertise that goes beyond the simple Web design skill set. For many smaller site owners, server-side scripting is something to be avoided, and many hosting companies charge additional fees for providing this service.
Adopting a client-side solution involves a different approach. The requested page is sent “as is” to the mobile device, and any possible tailoring of the content is done in the browser rendering engine. The Web developer can include JavaScript™ and alternative CSS styles to reorganize the content that is actually processed on the browser.
The Nokia Web Browser aims to deliver a full, desktop-like browsing experience. Web developer can be sure that the user will see the page as it is designed, without external reorganizing of the content. From the user’s point of view, this approach is quite simple and natural: a Web site has the same look and feel on all browsers. Branding and “sense of location” — both important elements to the success of a Web space — are properly maintained.
Riassumo per chi ha difficoltà con l’inglese: considerando che i processi di adattamento lato server sono spesso onerosi per gli sviluppatori, se vogliamo rendere davvero facile la pubblicazione di contenuti e servizi per il canale mobile dobbiamo far cadere quest’onere sul client. Piuttosto adottiamo tecniche, del resto molto semplici, che consentano al browser di adattarsi meglio alla pagina. Inoltre si favorisce la percezione dell’utente che il sito web sia uno solo: l’identità del sito e l’orientamento su di esso caratteristiche preservate.
Considerando anche le precedenti riflessioni su Opera Mini e Safari per
Opera e Safari privilegiano la sequenza overview -> zoom, lasciando libero l’utente di posizionarsi dove meglio crede dopo aver acquisito una panoramica della pagina. Nokia browser, invece, fa il percorso inverso: la finestra è collocata nella parte in alto a sinistra della pagina e, solo a seguito di un movimento, viene mostrata l’overview.
Resto pertanto dell’idea che forse va rivisto il concetto di CSS diverso per canale diverso. Forse non i differenti CSS non vanno considerati come alternativi, piuttosto come complementari.
Argomenti: Messaggi personali |