Archivi tag: manuale

Web Style Guide – Second Edition

Pubblicato il da

La guida di stile per il web di Patrick Lynch e Sarah Horton è tra i primi manuali di design e usabilità dedicati ad Internet.

“Guida di stile”, come ci hanno confermato gli autori nel corso di un’intervista, è in realtà un termine un po’ ambiguo.

Il manuale, giunto di recente alla seconda edizione, è una guida introduttiva alla progettazione e al design web, che tocca ambiti quali l’interface design, l’information architecture, l’usabilità, l’accessibilità e il web writing.

E’ quindi un aiuto per chi si avvicina al mondo della progettazione in internet e cerca un’introduzione alle discipline coinvolte nella realizzazione di un’applicazione web.

Il testo è suddiviso in 8 capitoli:

  • Process – Una spiegazione del ciclo di vita di un sito web, dalle considerazioni preliminari alla manutenzione
  • Interface Design – Come rendere le pagine tra loro indipendenti e come consentire la navigazione tra le pagine
  • Site Design – Un po’ di Information Architecture: come organizzare ed etichettare le informazioni, come aiutare gli utenti nelle ricerche e nella navigazione
  • Page Design – I template di pagina: larghezza, altezza, design liquido e griglie, conformità delle pagine agli standard
  • Typography – Le caratteristiche della tipografia nel web, i tipi di caratteri e la leggibilità, la consistenza degli stili
  • Editorial Style – Come scrivere per il web
  • Web Graphics – Quale formato grafico per quale uso, come ridurre il peso della grafica, come ottenere il miglior compromesso peso / qualità
  • Multimedia – Come e quando integrare video e suono nelle pagine web

Rispetto alla precedente versione gli autori presentano in ogni capitolo alcune considerazioni relative alle tematiche dell’accessibilità web e della loro influenza nel ciclo di vita di un sito.

Si parla anche di Css, anche se i fautori dello standard rimarranno delusi dal sapere che vengono utilizzati principalmente nel capitolo dedicato alla tipografia.

Il testo è quindi un’ottima guida introduttiva per i principianti, e non cambia di molto rispetto all’edizione precedente.

E’ in ogni caso ammirevole lo sforzo degli autori che nel sito dedicato al libro ne rendono disponibile gratuitamente l’intero contenuto.

Informazioni

Web Style Guide – Second Edition ¤ di Patrick J. Lynch e Sarah Horton ¤ lingua inglese ¤ pagine 220 ¤ prezzo 18.95 dollari ¤ edito da Yale University Press

Submit Now – Designing Persuasive Web Sites

Pubblicato il da

Ci eravamo fatti una brutta impressione del libro guardando la sua copertina, e abbiamo sbagliato.

Abbiamo sbagliato per un errore di interpretazione del termine “persuasive“, che è facile associare all’immagine di imbinitori alle prese con clienti non troppo convinti.

In realtà il testo è un’ottima introduzione alla tecniche che consentono al vostro sito di mostrare tutta la professionalità di cui siete capaci, e ai vostri utenti di trovare velocemente ed efficacemente quello che cercano.

E’ una presentazione delle metodologie che aiutano l’utente ad avvicinarsi all’acquisto di un bene o alla registrazione di un servizio online.

I siti di cui si parla nel testo sono divisi in 6 categorie:

  • Retail: negozi che favoriscono l’aquisto di beni online
  • Professional services: per chi vende la propria professionalità (studi, dottori, consulenti)
  • Online services: servizi che vengono acquistati online
  • Financial services: siti di banche, istituti di credito, società finanziarie
  • Travel: prenotazione di vacanze e tutto quello che gira intorno al mondo del turismo
  • Marketplace: siti che mettono in contatto il compratore con il venditore, come ad esempio gli “head hunters“

Uno dei pregi del libro sta nel fatto che queste categorie non vengono introdotte nel primo capitolo e poi dimenticate. Ogni volta che l’autore dà qualche suggerimento, sono visualizzate delle icone che corrispondono ai siti a cui è applicabile quanto detto.

Il testo si snoda principalmente intorno al tipo di pubblico che frequenta i siti, e che l’autore raggruppa in 4 tipi fondamentali:

  • Browsers – Sono gli utenti finiti nel vostro sito per caso o perché ne hanno sentito parlare. Non hanno un’idea precisa di che cosa vogliono, navigano tra le sezioni e si fanno un’idea di chi siete e di cosa potete offrire loro
  • Evaluators – Hanno un problema da risolvere o una necessità e vogliono sapere se il vostro sito può fare al caso loro, confrontando quello che offrite con la concorrenza. Sono molto esigenti
  • Transactors – Questi utenti hanno deciso che vogliono acquistare da voi e sanno anche cosa comprare. Vogliono che la procedura di acquisto sia veloce, sicura e chiara. Pretendono sconti
  • Customers – Una volta effettuata la transazione, l’utente vuole essere informato sullo stato del processo e sui passi successivi. Inoltre, chi ha già acquistato ed è intenzionato a farlo ancora, vuole che vi prendiate cura di lui, che gli proponiate delle offerte convenienti basate sui gusti personali

Ad ogni figura è dedicato un capitolo, in cui sono evidenziate le mosse vincenti che vi consentiranno di avvicinare sempre di più l’utente al momento del pagamento o dell’iscrizione.

Il testo è prodigo di esempi concreti: sono presentate a modello decine di siti, di cui sono chiaramente commentate le schermate più significative.

Non si tratta quindi di forzare il vostro utente per farlo acquistare, ma di porre i suoi bisogni al centro del sito e strutturarlo di conseguenza.

Il manuale secondo noi usa un buon mix tra interaction design, information architecture e usabilità. Se non siete degli esperti in questi campi, leggendolo probabilmente non vi accorgerete neppure dove finisce l’una e inizia l’altra, perché sono state sapientemente fuse.

Che vendiate prodotti, servizi o che miriate semplicemente ad aumentare il numero di iscritti al vostro sito, questa guida può rappresentare un valido aiuto, tenendo in mente che, come dice l’autore: “questo non è un manuale di regole, ma una fonte di ispirazione”.

Informazioni

Submit Now – Designing Persuasive Web Sites ¤ di Andew Chak ¤ lingua inglese ¤ pagine 340 ¤ prezzo 35.00 dollari ¤ edito da New Riders

Sito del manuale [nuova finestra] (scheda, errata)

Cascading Style Sheet – Separating Content from Presentation

Pubblicato il da

Siamo in piena fase di passaggio tra il layout dei siti “tenuto insieme a colpi di tabelle e gif trasparenti” e l’uso attento dei Css per separare lo strato di presentazione dai contenuti.

Tra i molti libri già pubblicati o in fase di preparazione, questo edito da Glasshaus vuol essere una breve e diretta guida per chi fino ad oggi ha usato i Css solo per cambiare il colore di sfondo ed il tipo di font nella pagina.

Il manuale è sostanzialmente diviso in 3 sezioni.

Nella prima parte viene motivata l’importanza dell’uso avanzato dei Css e i vantaggi di un sito conforme agli standard, tra cui leggerezza del codice, elevata accessibilità delle pagine e le possibilità di riutilizzo del codice, nonché semplificazione nella manutenzione dei siti.

Un ottimo capitolo, dal titolo “Markup with Meaning“, affronta il complesso ma fondamentale compito del markup semantico, ovvero le tecniche di decomposizione e aggragazione in unità dei contenuti. Potete essere i massimi esperti dello standard Css, ma se non siete in grado di evidenziare le parti significative del contenuto, non farete molta strada.

Con i capitoli centrali del manuale gli autori entrano nel vivo e approfondiscono le tecniche a disposizione dello sviluppatore per l’uso dei Css. Imparerete come richiamare i Css dalle pagine, quali sono i diversi modi per comandare i font (e quali i più efficaci), ma capirete anche come cambia il vostro lavoro, cioè come fare per abbandonare l’uso delle tabelle. Sono capitoli dall’approccio molto pratico in cui semplici esempi aumentano sempre più di complessità, ma mai troppo.

Nell’ultima parte sono presentati i compromessi a cui (purtroppo) lo sviluppatore deve scendere quando è necessario garantire un discreto risultato su diversi browser, che a volte interpretano le specifiche Css in modo tutt’altro che impeccabile. Sono prentati esempi di come le cose dovrebbero funzionare, e di come intervenire per farle funzionare nella ben più complessa realtà.

Chiudono il testo alcuni casi di studio.

Il manuale è una chiara introduzione all’uso dei Css per comandare completamente il layout dei siti web. Sarà il primo, ma non l’unico testo di cui avete bisogno per apprendere ed apprezzare appieno queste tecniche. Quando lo avrete letto, sarete pronti per affrontare lo studio di qualcosa di più impegnativo, come l’ultima fatica di Eric Meyer.

Pro

  • Guida passo passo alle tecniche per padroneggiare i Css
  • Buona e fondamentale introduzione al web semantico

Contro

  • Non è da solo sufficiente per usare efficacemente i Css

Capitolo gratuito

Grazie ad un accordo con la casa editrice, i nostri lettori hanno la possibilità di leggere il primo capitolo del manuale, nel quale gli autori analizzano un esempio completo di pagina che utilizza i Css per il layout.

Informazioni

Cascading Style Sheets: Separating Content from Presentation ¤ di Owen Briggs, Steven Champeon, Eric Costello e Matt Patterson ¤ lingua inglese ¤ pagine 280 ¤ prezzo 34.99 dollari ¤ edito da Glasshaus

Sito del manuale [nuova finestra] (scheda, errata)