{"id":340,"date":"2013-02-12T14:38:29","date_gmt":"2013-02-12T13:38:29","guid":{"rendered":"https:\/\/alistapart.com\/it\/article\/a-list-apart-5-0\/"},"modified":"2013-02-12T14:38:29","modified_gmt":"2013-02-12T13:38:29","slug":"a-list-apart-5-0","status":"publish","type":"article","link":"https:\/\/alistapart.com\/it\/article\/a-list-apart-5-0\/","title":{"rendered":"A List Apart 5.0"},"content":{"rendered":"

Un design che si allontana dal nostro passato e una piattaforma su cui progettare il futuro: benvenuti al rilancio di A List Apart<\/cite>, per chi crea siti web! Per prima cosa, il contenuto: abbiamo aggiunto dei nuovi tipi di contenuto (e altri seguiranno), e pubblicheremo pi\u00f9 frequentemente, molto pi\u00f9 frequentemente. Non temete: continueremo a produrre gli importanti ed estesi articoli<\/a> che tutti si aspettano da A List Apart<\/cite> e continueranno le uscite ogni due settimane. Gli articoli pi\u00f9 lunghi e importanti e le uscite (quasi) ogni due settimane continueranno per sempre.<\/p>\n

Tra queste uscite, per\u00f2, troverete adesso dei link utili, dei blog<\/a> post provocatori e profondi su dei topic precisi e una rubrica di opinioni (columns)<\/a> tenuta dalle persone pi\u00f9 brillanti che noi conosciamo nel nostro settore. C’\u00e8 anche una rubrica tenuta dai nostri amici del W3C, che hanno bisogno del vostro aiuto per essere sicuri che gli standard web rimangano pratici, utilizzabili, avanzati e forward-thinking. (Leggete il Masthead<\/a> per una rapida occhiata ai nostri nuovi collaboratori).<\/p>\n

Nei mesi a venire, man mano che i contenuti pubblicati tra un’uscita e l’altra acquisteranno valore e solidit\u00e0 per voi al pari dei nostri articoli, abbiamo intenzione di introdurre nuovi contenuti in aggiunta a questi, egualmente utili, pensati per fornirvi ancora pi\u00f9 informazione di cui avete maggiormente bisogno, a volte ancora prima che sappiate di averne bisogno.<\/p>\n

\n

Il design<\/h2>\n

Mettendo al primo posto il contenuto e concependo la sua presentazione di default come una serie di cambiamenti a seconda del device, il designer Mike Pick<\/a> e lo sviluppatore Tim Murtaugh<\/a> hanno creato un’esperienza di lettura responsive di grande impatto con le virt\u00f9 (ma senza i vincoli) dell’ottimo design per la stampa.<\/p>\n

Come sempre, il nuovo design rovescia il suo predecessore a gambe all’aria e spinge oltre il nostro modo di concepire ALA<\/cite> come un prodotto e un brand. Laddove il mio design originale (del 1998) era mutuato da un look in stile “volantino da club underground” appropriato per i primi giorni del web design professionale e il pi\u00f9 recente design (del 2005) di Jason Santa Maria<\/a> aveva un look ispirato ai libri e sembrava indicativo della levatura di A List Apart<\/cite> che aveva resistito nel tempo, il nuovo design vede ALA<\/cite> come un magazine distintamente “art-directed”.<\/p>\n

\n <\/p>\n

Direttamente dagli anni ’90: ALA 1.0, illustrazioni di Jeffrey Zeldman.<\/p>\n<\/div>\n

Per rendere il loro compito ancora pi\u00f9 scoraggiante, ho sfidato Mike e Tim a pensare al design in maniera non canonica. Cosa intendo con questo? A volte, con il responsive design, un particolare layout (ad esempio, il layout per i browser desktop) sembra il design \u201cvero\u201d e le esperienze sugli schermi pi\u00f9 piccoli costituiscono degli adattamenti pensati in un secondo tempo, a malapena usabili. Non volevo che accadesse anche in questo caso. Al contrario, volevo che voi, i nostri lettori, sentiste di vivere la reale esperienza su qualunque device o in qualunque circostanza vi imbattiate nel nostro magazine. Ovviamente, questo dovrebbe essere l’obiettivo di ogni approccio maturo al responsive web design. In ogni caso, secondo me, Mike e Tim ci sono riusciti brillantemente.<\/p>\n

Quel che lega il nuovo design al suo predecessore \u00e8 lo sbalorditivamente magnifico lavoro di illustrazione di Kevin Cornell<\/a>, autore di Bearskinrug<\/a> e di numerosi altri libri e opere. In aggiunta, le illustrazioni di Kevin si possono ora vedere a risoluzione maggiore (includendo Retina dove appropriato), cos\u00ec come l’altra opera d’arte che adorna ALA<\/cite>.<\/p>\n

<\/p>\n

ALA 4.0: un layout del 2012 di Jason Santa Maria.<\/p>\n<\/div>\n

Feature divertenti: l\u00e0 dove ALA 4.0 utilizzava un sistema di link a due colori che cambiavano ad ogni uscita pubblicata, ALA 5.0 ritorna alla vecchia scuola con i link blu<\/a>. Sempre seguendo questo stile alla vecchia maniera, abbiamo impostato il font del body nel vecchio caro Georgia. (I nostri Georgia Pro<\/a> e ITC Franklin<\/a> sono entrambe gentile concessione dei maghi di Webtype<\/a>. Se \u00e8 sbagliato innamorarsi di due web font, allora non voglio aver ragione.)<\/p>\n

Mike e Tim parleranno di alcune interessanti decisioni estetiche e di alcune sfide tecniche del redesign in articoli e blog post futuri.<\/p>\n<\/div>\n

\n

La strategia<\/h2>\n

Abbiamo cominciato a pianificare A List Apart<\/cite> 5.0 nel Novembre del 2011. S\u00ec, quattordici mesi fa: tempo al tempo.<\/p>\n

Il team strategico che ha concepito le nuove feature di ALA<\/cite> era composto dal producer Tim Murtaugh, dal precedente creative director Jason Santa Maria, dalla precedente editor-in-chief Krista Stevens<\/a>, dalla precedente contributing editor Mandy Brown<\/a> e dal sottoscritto. Il lavoro \u00e8 proseguito sotto la direzione della nuova editor-in-chief Sara Wachter-Boettcher<\/a>, del designer Mike Pick, dello sviluppatore Tim Murtaugh e, ovviamente, del sottoscritto.<\/p>\n

<\/p>\n

ALA 5.0 meeting di pianificazione. Da sinistra a destra: Jason Santa Maria, Mandy Brown, Krista Stevens, Tim Murtaugh.<\/p>\n<\/div>\n

Tra i due insiemi di team leader, la paladina dell’UX Marcy Mayer<\/a> ha prodotto dei wireframe dettagliati che hanno concretizzato le idee degli strateghi (o hanno rivelato gap o pecche in tali idee) e ha pianificato le diverse fasi per il rollout di possibili feature. Come sempre accade, la IA ha continuato ad evolversi attraverso il progetto, man mano che la confrontavamo con il design, il contenuto e il workflow reali.<\/p>\n

Il sito gira su una build di Expression Engine 2.0 personalizzata da Tim Murtaugh (che insieme a Mike Pick ha anche lavorato sodo sul CSS e su HTML). In futuro, riveleremo altro su questo argomento.<\/p>\n<\/div>\n

\n

Nave pirata<\/h2>\n

Per lanciare in tempo, abbiamo deliberatamente deciso di tralasciare il perfezionamento di alcuni dettagli e (come fate voi) deciso di eliminare alcune sottigliezze fino a dopo il rilancio. Se trovate qualcosa di strano nella logica dell’UX, come inconsistenze nella gerarchia del design, o una pecca curiosa nel CSS, probabilmente ci stiamo gi\u00e0 lavorando.<\/p>\n

Se siete nuovi lettori di A List Apart<\/cite>, benvenuti! Potreste gradire \u201cThe ALA Primer: A Guide for New Readers<\/a>\u201d di Erin Lynch, la \u201cALA Summer Reading Issue<\/a>\u201d del 2012 (i nostri articoli preferiti tratti da 355 numeri di A List Apart<\/cite>) e i \u201cI Risultati della Web Design Survey 2011<\/a>\u201d, le nostre ultime valutazioni sulla professione estratte dai dati inviati dai nostri lettori.<\/p>\n

Per saperne di pi\u00f9 sui nostri design e sulla storia dei nostri contenuti, leggete \u201cTen Years<\/a>\u201d, la mia narrazione del primo decennio del nostro magazine.<\/p>\n

Nuovi visitatori o lettori fedeli, siete il motivo per cui noi siamo qui e vogliamo sapere cosa pensate. Diteci se vi piace il nuovo ALA<\/cite> e cosa sperate di vedere nelle (e tra) le prossime uscite.<\/p>\n

Illustrazioni: {carlok}<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Un design che si allontana dal nostro passato e una piattaforma su cui progettare il futuro. Benvenuti al rilancio di A List Apart, per le persone che creano siti web.<\/p>\n","protected":false},"author":818,"featured_media":7000686,"comment_status":"open","ping_status":"open","template":"","categories":[83,257],"tags":[],"coauthors":[346],"class_list":["post-340","article","type-article","status-publish","has-post-thumbnail","hentry","category-numero-68-12-febbraio-2013","category-stato-del-web"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/article\/340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/users\/818"}],"replies":[{"embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/comments?post=340"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/media\/7000686"}],"wp:attachment":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/media?parent=340"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/categories?post=340"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/tags?post=340"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/coauthors?post=340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}