Come consuetudine la novità è stata pubblicata come preview per gli utenti, che possono decidere se mantenere la vecchia versione per qualche tempo o utilizzare la nuova: questa pratica è ormai consolidata e concede ad una buona fetta di utenti di abituarsi al cambiamento, senza imposizioni da un giorno all’altro. Le critiche non mancheranno comunque, ma sarebbe un’utopia pensare di fare felici tutti con un redesign di un’interfaccia.

Per l’elenco delle novità in dettaglio vi rimando al post ufficiale sul blog di Flickr: io preferisco soffermarmi solo su alcuni aspetti del cambiamento, e su come certi dettagli siano stati molto apprezzati dagli utenti abituali. E’ stata una sorpresa infatti leggere molti pareri positivi, cosa che non era successa con altri redesign (vedi il caso di Facebook).

I dettagli più interessanti

Foto più grandi

In un sito che ha nelle immagini la sua ragione di esistere, aumentare la dimensione di default delle stesse è una mossa vincente. Le foto iniziavano infatti ad essere troppo piccole per le risoluzioni sempre più elevate dei nuovi monitor: adesso arrivano ad una larghezza di 640 pixel, sicuramente più accettabile.

Ingrandimento con un clic

Questa è una delle novità più interessanti: molti utenti infatti inserivano nella descrizione delle foto un link alla stessa immagine più grande su sfondo nero. Sono nati anche servizi esterni per questo, e Yahoo! ha deciso di assecondare gli utenti offrendo la feature direttamente su Flickr. Adesso con un clic sull’immagine questa viene visualizzata a schermo intero su sfondo nero, e la resa è ottima:

Geotagging in evidenza

Mettere in evidenza le informazioni geografiche collegate ad una foto qualche anno fa sarebbe stata una follia. Adesso non lo è più. Con smartphone e fotocamere dotate di GPS, geolocalizzare le foto è automatico, e comunque è sempre possibile farlo anche manualmente dopo aver importato gli scatti.

Inserire questa feature al primo posto sulla sidebar destra fa capire la sua importanza. In questo modo diventa ancora più facile ritrovare tutti gli scatti di una certa località e scoprire le foto più popolari di un luogo.

I difetti

Nonostante il redesign sia positivo, alcune cose potrebbero essere ulteriormente migliorate.

Avrei apprezzato molto uno spazio dedicato ai dati EXIF delle immagini: Flickr è una community ricca di fotografi, e certe feature sarebbero sicuramente apprezzate. In questo redesign invece i metadati rimangono su una pagina separata: sarebbe stato interessante vedere almeno apertura, tempo di esposizione ed ISO.

Per quanto invece riguarda il codice e l’accessibilità delle pagine, non mi è mai piaciuta (e continua a non piacermi) l’eccessiva dipendenza da JavaScript di alcune funzioni. E’ comprensibile che certe azioni siano impossibili senza appoggiarsi a degli script, ma si potrebbe fare di meglio anche solo per quanto riguarda i menu di navigazione: con JavaScript disabilitato infatti la maggior parte dei link non funzionano ed i menu non possono essere aperti (cosa che sarebbe facile da implementare con qualche riga di CSS).

Sono invece funzionanti i nuovi link di zoom e di navigazione (foto successiva / precedente): è possibile che per alcuni nuovi elementi dell’interfaccia sia stata prestata più attenzione, ed altre parti del sito come il menu generale siano rimaste invece con i vecchi difetti. Questo redesign infatti riguarda solo la pagina foto di Flickr, tutto il resto è rimasto inalterato.

In conclusione

Il nuovo design è piacevole e più funzionale: il parere complessivo è decisamente positivo. Ci sono alcuni elementi che potrebbero essere ulteriormente migliorati, ma riguardano più la piattaforma intera di Flickr che la pagina delle singole foto. Per il momento fa piacere vedere qualcosa di nuovo in un sito che era rimasto fermo da anni: le modifiche faranno contenti i molti utenti pro che decidono ogni anno di rinnovare il proprio abbonamento.

Quando viene pubblicata la nuova versione di un sito le critiche non mancano mai: ogni cambiamento spaventa. Basti pensare a quello che successe con il redesign di Facebook. In questo caso però il contenuto dei commenti non lascia dubbi: c’è qualcosa che non va, e molti di questi pareri sono ben motivati.

Scelte grafiche sbagliate

L’obiettivo dichiarato dal proprietario è quello di avere una grafica più professionale, pagine più leggere ed una nuova navigazione. Se per gli ultimi due punti l’obiettivo è stato raggiunto, le scelte di design si sono rivelate decisamente sbagliate.

Essendo un sito frequentato in buona parte da web designer, basta scorrere i commenti per trovare alcune critiche sensate, come:

• colori male abbinati (testo blu su sfondo nero)
• design troppo piatto
• header vuoto
• ombreggiature usate senza criterio

Il confronto con il passato è impietoso: pur non essendo straordinario, il precedente layout era gradevole e chiaro. Inserire un vecchio screenshot nel post che annunciava la nuova versione è stata decisamente una mossa suicida.

L’errore più grave è stato commesso cercando di utilizzare ovunque proprietà dei CSS3 solo perché sono l’argomento del sito. Avere la possibilità di utilizzare una feature non significa che questa debba essere per forza introdotta, anzi.

Versione beta sì, ma senza esagerare

Un altro problema, che evidenzia una gestione decisamente poco seria, è dato dalla prematura messa online di un layout dove mancano totalmente alcuni elementi fondamentali.

Nel momento in cui scrivo manca un box di ricerca, il footer del sito è vuoto, e diverse pagine hanno ancora un aspetto approssimativo.

Non c’è niente di male nel pubblicare un sito nella sua versione beta, magari facendo delle correzioni anche grazie alle segnalazioni dei visitatori, ma c’è comunque una bella differenza tra un design perfezionabile ed uno approssimativo.

Quali sono i vostri pareri sul nuovo CSS3.info? Nonostante tutto, questo caso può servire come insegnamento per il futuro: sicuramente ricorderò esempi come questo per evitare di commettere gli stessi errori.

GelaSkins

Cover di tutti i tipi, realizzate da più di 100 artisti, per computer portatili, iPhone, Blackberry ed iPod. Alcune sono più vistose, e sinceramente non so se sarei disposto a coprire un MacBook con una pellicola così appariscente, ma quelle per smartphone sono veramente belle.

Sito web: GelaSkins

T-Shirt: Binary Tree e Dexter

Ho scelto due magliette tra le tante disponibili online: Binary Tree e Dexter. I siti di riferimento spediscono anche in Italia, ed hanno diversi altri modelli interessanti.

• Binary Tree T-Shirt
• Dexter T-Shirt

Retro Floppy Disk Notebook

Il nome dice tutto: un semplice blocco note con la forma di un vecchio floppy da 3.5”. Per nostalgici.

Retro Floppy Disk Notebook

Drobo

Drobo è una soluzione interessante (ma non altrettanto economica) per il backup dei propri dati. E’ un hub in cui possono essere inseriti fino a quattro hard disk SATA da 3.5”: grazie ad una soluzione proprietaria chiamata BeyondRAID garantisce la sicurezza dei dati anche in caso uno dei dischi interni si rompa. Può essere collegato ad un computer tramite Usb 2.0 o Firewire 800.

Data Robotics: Drobo

My Book World Edition

Questo è stato un mio recente acquisto: il Western Digital My Book World Edition è un hard disk di rete, che collegato tramite cavo ethernet al router permette di essere letto e scritto da tutti i computer della casa. Lo consiglio come soluzione alternativa per chi ha bisogno di un disco di backup. Ha anche alcune funzioni supplementari interessanti, come la possibilità di programmare dei download gestiti automaticamente dal disco: basta fornirgli l’url del download e scaricherà il file senza bisogno di lasciare il computer acceso. I file possono essere letti anche in remoto grazie al servizio MioNET di Western Digital.

Western Digital My Book World Edition

Sony Reader Pocket Edition

Questo Natale gli eBook reader sono tra gli oggetti tecnologici più chiacchierati: basta seguire le discussioni su Friendfeed per notare l’attenzione del mondo geek a riguardo. Uno dei più compatti è il PRS-300 della Sony, che però in questo momento non è ancora disponibile in Italia. Se andate all’estero, dategli un’occhiata: permette la lettura di praticamente tutti i formati conosciuti, compresi i .pdf, che possono essere caricati direttamente sul dispositivo.

PRS-300: Sony Reader Pocket Edition

Kindle DX

Parlando di eBook Reader, non poteva mancare il Kindle di Amazon. E’ sicuramente una soluzione più costosa, che ha dalla sua alcuni vantaggi come il grande schermo, ma anche dei difetti. Non è infatti possibile caricare file direttamente sul lettore, ma è necessario convertirli passando per Amazon.

Amazon Kindle DX

Videogames su Play.com

Per chi ha una console, play.com è il sito da tenere sempre presente. In questo periodo le offerte prenatalizie non mancano: ci sono titoli in vendita a meno di 20€, ma anche le ultime novità intorno ai 50€. Batman: Arkham Asylum, Mass Effect, Dead Space, ed i più recenti Modern Warfare 2, Assassin’s Creed 2 e Dragon Age: Origins.

Sito web: play.com

Se avete altri regali da suggerire lasciate un commento, potreste aiutare qualcuno nella scelta. Trovate anche altre idee nei post dedicati ai regali natalizi del 2008 e del 2007.

Here!

Idea originale disponibile sul sito Fred, dove troverete molti altri oggetti fuori dal comune. Questo è un attaccapanni a forma di freccia, che ovviamente indica il punto dove appendere la vostra giacca.

Help!

Un semplice tappo per lavandino, che ha una forma decisamente fuori dal comune. Anche questo disponibile su Fred.

T-Shirt su 10tees.com

Se siete in cerca di una maglietta originale, in rete ci sono innumerevoli siti da esplorare. 10tees raccoglie le migliori magliette disponibili su questi siti in diverse categorie, passando dalla tipografia a Star Wars. Se non vi bastassero questi suggerimenti e cercate un regalo per un web designer, potete sempre acquistare la maglietta di Carsonified come ho fatto io.

On/Off Mug

La tazza On/Off disponibile su Charles & Marie cambia stato quando vengono versate delle bevande calde al suo interno. Decisamente geek.

Lego Poster

Mike Stimpson è un fotografo professionista che si diverte a ricreare ambientazioni con i mattoncini Lego. Sul suo sito trovate delle fantastiche composizioni in formato poster che possono essere acquistate, ispirate da famosi scatti fotografici.

Se avete altri suggerimenti scriveteli nei commenti, qualcuno in cerca di ispirazione per i regali natalizi potrebbe ringraziarvi!

In questa nuova versione è sparita la mela del logo Apple, sostituita da un nuovo dettaglio grafico: l’ispirazione mi è venuta direttamente dallo shop online di A List Apart. Ho anche modificato il gradiente e l’effetto mouseover sul logo, che era fin troppo marcato. Spero che i nuovi ritocchi vi piacciano, come sempre sono aperto a critiche e suggerimenti.

Se mi seguite tramite il Feed RSS, collegatevi al sito per vedere il cambiamento!

Tra tutte le convenzioni utilizzate però, una sta ormai diventando obsoleta: quella del floppy disk per indicare il salvataggio di un documento. In questi giorni Positive Space ha sollevato la questione, affermando che è ormai ora di trovare una nuova soluzione: i dischi floppy stanno sparendo, e le nuove generazioni di utenti non avranno modo di capire a cosa faccia riferimento l’icona.

Premettendo che trovare una soluzione soddisfacente non è cosa facile, la stessa decisione di sostituire il floppy non è scontata. L’icona del salvataggio è ormai diventata un concetto astratto, al di là del significato materiale dell’oggetto rappresentato. La convenzione floppy = salva è ben radicata, e sostituirla con un altro tipo di supporto porterebbe ad affrontare lo stesso problema tra una decina di anni.

Voi cosa ne pensate? Avete delle proposte per cambiarla o preferireste mantenerla?

Ho fatto una ricerca su diversi set di icone esistenti, e spesso l’icona del salvataggio è assente, probabilmente perchè per le pagine web il download è più che sufficiente. Tutti i set che la possiedono però non osano utilizzare una simbologia differente, proprio ad indicare quanto sia forte l’attuale convenzione.

Nell’immagine è possibile vedere alcuni degli esempi che ho trovato, direttamente dai set di icone Milky, Oxygen, Function, Fugue e Diagona.

Se è vero che il floppy ormai è un oggetto obsoleto, cambiare l’icona di salvataggio non è detto che sia una scelta saggia nel design di un’interfaccia. Dite la vostra nei commenti, nuove proposte sono benvenute: la discussione può servire anche a rendersi conto se davvero esista un’alternativa valida.

Proprio tra questi c’è il Grunge style: il termine è difficilmente traducibile, ma è possibile riconoscerlo facilmente.

Cos’è lo stile Grunge

E’ caratterizzato da un look sporco, con irregolarità nelle illustrazioni e negli elementi che compongono le pagine. Spesso i colori sono scuri, ma ci sono anche delle eccezioni. In realtà non nasce oggi, ma diversi siti lo utilizzano già da tempo: basti pensare che questo post di Jason Santa Maria è del 2004.

Per un web designer, nonostante l’apparenza disordinata questo stile implica molto più lavoro ed attenzione ai dettagli. Servono ottime doti di fotoritocco e soprattutto equilibrio per non esagerare e rendere un sito caotico.

L’irregolarità va bene, ma non deve diventare un problema per l’utente: il primo obiettivo deve sempre essere una facile lettura ed una navigazione intuitiva.

Proprio questa difficoltà probabilmente impedirà allo stile grunge di diventare una vera e propria tendenza. Niente comunque vi impedisce di usarlo per ottenere un risultato originale e differente dagli altri.

Galleria Grunge

Ecco alcuni esempi. Cliccate sugli screenshot per andare ai siti relativi.

Download e Risorse esterne

Senza dubbio uno dei punti fondamentali per questo stile è l’attenzione alla tipografia: da non perdere questa collezione di 63 font gratuiti in stile grunge.

Un’ottima guida, anche questa risalente a diverso tempo fa, è quella di Cameron Moll. Divisa in quattro parti, spiega anche come sfruttare al meglio Photoshop.

Immancabile la segnalazione di Smashing Magazine, che ha dedicato ben 2 articoli allo stile Grunge:

• Grunge Style In Modern Web Design
• The Secrets Of Grunge Design

Infine se siete alla ricerca di altre icone, texture ed elementi grafici, vi segnalo questo sito.

Sembrerebbe interessante, se non fosse che la maggior parte dei lavori (soprattutto attività di logo design, ma anche layout per siti web) hanno compensi tra i 100$ ed i 200$, cifre veramente irrisorie soprattutto se pensate al cambio euro-dollaro.

A volte si incontrano clienti che per la realizzazione di un sito affermano “lo faccio fare a mio nipote.. se la cava con i computer e risparmio”, ma in quel caso il risultato sarà logicamente amatoriale. A questo target di clienti non interessa il lavoro di un professionista. Qui però il problema passa ad un livello diverso, perchè i risultati finali spesso sono buoni, ma ricevono un compenso non adatto.

Il punto cruciale è uno: il mercato è cambiato, non servono innovazione e grandi investimenti, ma nella maggior parte dei casi si scelgono le soluzioni più economiche. Ovviamente anche i gestori di 99designs ne sono consapevoli, ma finchè avranno partecipanti ai contest non ci sarà motivo per cambiare politica.

Proprio pochi giorni fa sulle pagine di questo sito è stato sollevato indirettamente il problema, nei commenti del contest per il logo di Kublai, che aveva un premio di 1000€. Se pensate che nel caso di 99designs ci sono lavori di buon livello realizzati anche per 100$, gli spunti di riflessione non mancano.

Ci sono stati diversi articoli sui problemi del mercato IT anche su Punto Informatico: uno dei più interessanti è del Novembre scorso, di Giuseppe Cubasia, che dice:

Per semplificare, il mercato dell’IT è diventato come l’IKEA.
Ne aprono sempre di più e sono sempre di più affollate perché la gente vuole soluzioni economiche, talmente economiche che se le monta da sola, magari male, consapevole che non è proprio quello che voleva, consapevole che tra pochi anni dovrà ricomprarle, però sono soluzioni economiche e che fanno (quasi) al caso loro.

Personalmente credo che il problema esista, ma debba essere valutato senza rassegnarsi. Se si hanno le qualità, trovare lavoro nel settore non è impossibile, l’importante è cercare negli ambiti giusti. Il sito amatoriale può essere fatto da più o meno chiunque, ma ci sono determinati progetti che necessitano di figure specializzate, ed è lì che si può fare la differenza.

Ci sarà sempre chi avrà bisogno di consulenti di accessibilità ed usabilità, che dovrà affidarsi ad un professionista per evitare problemi ed avere garanzie sia di qualità che di assistenza.

Voi cosa ne pensate? Aspetto i vostri pareri a riguardo, l’argomento è rilevante sia per chi lavora nell’ambito del web design, che più in generale nel mercato IT.

E’ un’iniziativa che si propone di aiutare lo sviluppo locale, visto che nasce proprio da un gruppo interno al Ministero dello Sviluppo Economico.

Chi vorrà partecipare dovrà realizzare un logo, il vincitore verrà menzionato nel futuro sito dell’iniziativa e come già anticipato riceverà un interessante premio di 1000€.

L’unico problema è la scadenza, visto che è fissata per il 30 Marzo. Poco tempo a disposizione quindi, ma se avete le capacità ed il tempo per partecipare non fatevi sfuggire l’occasione!

Molto spesso vengono lanciati concorsi al risparmio, sfruttando l’abilità di chi ha bisogno di farsi conoscere. In un contesto dove la ricompensa più comune è un semplice link o un iPod shuffle, un’iniziativa del genere non può che essere lodata.

Trovate tutte le informazioni necessarie ed i contatti sul blog di Alberto Cottica.

Cos’è il Layer Tennis?

E’ una sfida tra due designer in tempo reale: inizialmente l’evento riguardava solamente Photoshop, ma poi sono stati utilizzati anche altri software come Flash e After Effects. I due partecipanti si scambiano un file ripetutamente, ed ognuno ha 15 minuti di tempo per realizzare la sua parte e passarla all’altro, per 10 turni.

La cosa fantastica è poter seguire l’evento in diretta, con tanto di commento di un “presentatore”. A tempo scaduto viene aperta una discussione dove si decide il vincitore. E’ poi disponibile tutto l’archivio degli scontri avvenuti, ognuno con il dettaglio dei 10 turni.

Per farvi un esempio, ecco le prime due immagini dal match tra Kevin Cornell e Shaun Inman:

Dalle passate competizioni ci si rende conto della bravura di certi personaggi, soprattutto considerando il poco tempo a disposizione.

Se siete interessati a dare un’occhiata, andate sul sito ufficiale del Layer Tennis. Gli scontri avvengono di Venerdì, alle 9pm ora italiana, e stasera la competizione è tutta al femminile: Veerle Pieters vs. Cindy Li.