Il nuovo YIW: usabile, accessibile, responsive
Quattro restyling in due anni…una bella media, vero? Del resto si sa, sul web ogni cosa è in fermento, un’evoluzione continua in cui tutto ciò che fino a sei mesi fa andava più che bene d’un tratto diventa obsoleto e in qualche modo privo di efficacia.
Migliorare il nostro blog in modo da renderlo usabile e accattivante, e mantenerlo quanto più possibile al passo con i tempi e con le nuove tendenze è una sfida che ci siamo posti fin da quando abbiamo deciso di fondare questa community e di condividere articoli e risorse con voi.
Perciò, è con un certo orgoglio che vi presentiamo la versione autunno/inverno 2011 di Your Inspiration Web: un layout usabile, pulito e soprattutto responsive.
Ma vediamo le modifiche e le novità del nuovo YIW: non sono eccessive, perché in fin dei conti erano poche le cose che necessitavano di essere sistemate, ma nel complesso siamo sicuri che il miglioramento sia abbastanza evidente :)
I contenuti si adattano in base al dispositivo con cui consultate YIW
E’ stata una faticaccia ma ne è valsa la pena: il nuovo layout di Your Inspiration Web è completamente ‘responsive’, per cui i contenuti – sia quelli testuali che le immagini – si adattano in base al dispositivo con cui viene navigato il sito.
Ci è sembrato fondamentale agevolare la consultazione dei nostri articoli per tutti coloro che si connettono attraverso dispositivi come iPhone, iPad e simili. Adesso, quale che sia la vostra risoluzione video, non avrete alcun problema di visualizzazione dei contenuti..provare per credere! :)
La categoria ‘freelance’
Visto che la cricca dei freelance (o degli aspiranti tali) che legge il nostro blog sta crescendo vorticosamente, ci è sembrato carino aggiungere la categoria freelance tra le categorie dei post presenti nel menu. Abbiamo archiviato meticolosamente tutti gli articoli che possono essere in qualche modo utili ai freelance, in modo da rendere più agevole la consultazione degli stessi.
Le tab nella sidebar: I più commentati e i messaggi dal forum
Per evidenziare i contenuti nella sidebar in modo efficace e pulito abbiamo inserito delle tab. Nella prima verranno mostrati gli articoli in evidenza (una funzione che già avevamo) e gli articoli più commentati: abbiamo un sacco di articoli che hanno generato riflessioni e dibattiti veramente interessanti e ci è sembrato utile metterli in primo piano.
Nella seconda tab abbiamo inserito gli ultimi commenti e gli ultimi messaggi inseriti nel forum: il forum di YIW è come un’allegra combriccola in cui moltissime persone condividono idee, consigli o semplicemente chiacchierano tra un progetto e l’altro. Grazie a questa tab avrai sempre modo di vedere quali sono gli ultimi topic aperti, chi parla di cosa e magari intervenire per dire la tua :)
Le risorse gratuite di YIW: la lista completa
Adesso l’elenco delle risorse gratuite rilasciate da YIW è aggiornata: dai un’occhiata a tutto ciò che ti abbiamo regalato in questi due anni e mezzo, non si sa mai, potrebbe esserti sfuggito qualcosa!
Oltre a questo abbiamo ottimizzato il template, in modo da velocizzare il caricamento delle pagine e fatto un po’ di pulizia qua e là, eliminando il superfluo e migliorando l’aspetto generale del tema.
Bando alle ciance, vi lasciamo liberi di esplorare il nuovo YIW e vi invitiamo ad esprimerci liberamente le vostre opinioni :)
Ps. Anche se il grosso è fatto c’è ancora qualcosa da rifinire, ma sono le quattro del mattino e dobbiamo assolutamente staccare. Non preoccupatevi quindi se vedete qualche piccolo errore qua e là!
L'autore
Articoli correlati
Potresti essere interessato anche ai seguenti articoli:
68 commenti
Trackback e pingback
Non ci sono trackback e pingback disponibili per questo articolo
Grandi ragazzi, continuate così, non fate che migliorare di annio in anno, proprio cone il vino :)
wow :) grazie Tiz!
Ammetto di essere tra quelli rimasti un attimino spiazati dal precedente restyling, pur essendo un grande fan dello stile minimal. Ora però mi devo ricredere. I piccoli (si fa per dire) aggiustamenti che avete apportato migliorano tantissimo l’usabilità. Se posso permettermi, c’è secondo me un’altra modifica che potrebbe migliorare ulteriormente la semplicità d’utilizzo del sito: le risorse gratuite a mio avviso balzano troppo poco all’occhio per via di quelle icone tutte uguali, questo soprattutto in caso di future aggiunte che rischiano di mimetizzarsi tra loro. Perché allora non sostituirle con icone tematiche? La risorsa è una PSD? Ecco il simbolino di Photoshop. E’ un template gratuito? Ecco l’icona della “chiocciola”. E così via, giusto per spezzare un po’ la monotonia. Detto questo, ancora complimentoni :)
…è un suggerimento veramente interessante, mi piace l’idea delle icone diverse a seconda della risorsa…vedremo come metterla in atto :)
grazie!
ottimo direi!! bravi!! vorrei trovare il tempo anche io di diventare più responsive!! forse sotto Natale :D
a presto!!!
….e poi ora i link sono sottolineati….:D
ahahahah brava! :D
Bravi ragazzi, complimenti, siete riusciti ancora a migliorarvi! Ma come si vede bene ora dal mio iPhone… :)
Evviva :D
Adesso è tutta un’altra cosa leggere e commentare il blog dal cell :-D
Proprio vero :)
bello, funzionale e con identità marcata
continuità ma funzionalità notevolmente ampliata
gran bel lavoro
Grazie Aldo :)
Bello!!! Però Sarah mi devi togliere una curiosità, dai sondaggi su FB prevaleva il vecchio logo come mai alla fine avete scelto questo attuale?
L’esperienza insegna che le persone sono restie ai cambiamenti, quindi partivamo dal presupposto che una buona parte dei nostri lettori avrebbe rifiutato a priori l’idea di un logo diverso. Abbiamo tenuto conto del vostro primo parere – quello sul logo completamente diverso – e abbiamo mantenuto l’acronimo con il nostro font, a cui noi stessi siamo comunque affezionati. Nonostante anche noi fossimo un pò restii a cambiare immagine, il nuovo font è più ‘brand’, e rende l’acronimo yiw più simbolo che semplice testo. Contiamo sul fatto che presto vi affezionerete al logo attuale, e se tra sei mesi vi proporremo di cambiarlo vi rifiuterete categoricamente ;)
Io l’ho già detto ieri a Nando, preferivo il nuovo logo con l’altro font :)
Il vostro modo di Fare Web è strepitoso. Riuscite a trovare sempre una grafica piacevole, semplice ed efficace. Spero un giorno di fare bene almeno la metà di quanto fate voi.
Grazie.
Che bellissimo complimento Giuliano, grazie mille…:)
Amo il responsive web design, complimenti
Adoro il nuovo design mobile! Davvero ottimo.
Se qualcuno di voi ha la possibilità di testare su iPad ci faccia sapere se è tutto okay o se c’è ancora qualche cassetto da mettere a posto :)
Complimenti ottimo restyle
Ti ringraziamo :)
Solo una cosa non mi convince, lo spazio tra l’articolo e la sidebar.
In che senso?
Complimenti :)
Mi piace ancora di più YIW
Ed il piede del sito è sempre “minimal” , rispetto alla moda di oggi dove il piede contiene di tutto e di più :p
Ciao Matteo,
non ci dispiacciono i mega-footer, ma nel nostro caso abbiamo preferito mantenere lo stile minimal ed essenziale anche nel piè di pagina. Se poi avremo esigenza di sfruttare anche questo spazio, ci comporteremo di conseguenza :)
Ciao Nando, detto fatto ti sto commentando dall’ipad.
In generale bene ti segnalo due errori. Il primo è nel menu sviluppo quando apro la tendina le prime due voci di menu si accavallano e poi viene mangiucchiato il bordo destro del contatore di google+.
Se vuoi posso anche mandarti gli screenshot :)
Grazie della segnalazione Arianna, ci mettiamo subito al lavoro per correggere questi errori :)
Ottimo restyle complimenti! Mi piace anche come sono stati rinnovati il menu principale e le tab nella sidebar! Semplice, minimale, e accattivante. Ora pure responsive…difficile chiedere di più! ;)
Siamo felici che il nuovo YIW abbia riscosso tutto questo successo :)
Wella che lusso :) ……… alla fine ha vinto il logo 2 vedo :) ……non so se lo sai ma qui domani è S.Martino………il giorno dei traslochi secondo le vecchie usanze popolari………….ed ecco che anche voi mi avete “traslocato” casa :D
Complimentoni……..cmq……voglio anch’io il blog nuovo adesso uff :D
simpatica coincidenza vero? :)
Ostia com’è “responsive”! :D
Eh già, noi le cose o le facciamo in grande o niente :D
Complimenti..sempre più vicini alla perfezione. Uno stile che apprezzo sempre di più. Complimenti ancora! Troppo interessante questo discorso del responsive, ho iniziato da poco a leggere qualche post. Utilissimo direi.
Veramente interessante, il futuro del web design :)
Layout migliorato, usabilità migliorata, supporto mobile alle stelle. Sul discorso logo, anche se a me piaceva il primo, ha ragione sara sul fatto che sia più “brand”, quindi ottima scelta.
La categoria freelance è stata una bellissima idea, e cosa ancora più importante (per me :P ) è quella di aver messo in home gli ultimi messaggi del forum.
Bhè, che dire, voto 9. E’ sempre un piacere far parte della vostra famiglia (a parte il basilico di maurizio XD)
…cosi, con i messaggi del forum cosi in bella vista, tutti avranno modo di vedere che sei ricercatissimo e che sei diventato il genio della lampada nel forum di yiw :D
Io genio? Sono lusingato ma non credo che l’aggettivo si addice alle mie capacità eheh
Spero a breve di contribuire in maniera più corposa al forum. Visto che siete una mandria di “wordpressiani”, sto cercando di adeguarmi in modo sia da ampliare le mie capacità e di rendermi utile il più possibile.
Oppure posso convertire voi a Joomla :P
Complimenti, sarà stato un lavoro complesso!
Una domanda mi viene subito da fare:
Perchè l’uso di cufon invece di un semplice @font-face?
In realtà il Cufon è una scelta temporanea, il font che abbiamo usato per i titoli aveva qualche problema con il font-face, ma stiamo lavorando per correggerlo :)
mettete davanti a tutto per prima cosa la passione per il vostro lavoro…
al di là di qualsiasi moda o restyling sul vostro blog si respira sempre aria di innovazioni ;)
bravi ragazzuoli, continuate a stupire e a stupirci
p.s. il responsive design è una gran figata!
I agree, una vera figata :D
ottimo per me che vivo di MOBILE !! restando in argomento sto ideando un portfolio template full RESPONSIVE per restare al passo dei tempi. Ormai l’esperienza d’uso con accesso mobile è quotidianità pura !!
Ormai tutti viviamo di mobile, soprattutto nel nostro settore: proprio per questo non potevamo non adattarci a questa novità del layout ‘responsive’…:)
…Sinceramente, avendo partecipato al contest su Best creativity, mi aspettavo di trovare la versione originale del Logo vincente…avete fatto un po una simbiosi….
Complimenti per il restyling! siete sempre un passo avanti.
Si, ci piaceva l’idea della forma sferica, ma siamo troppo affezionati (e anche i nostri lettori hanno dimostrato di esserlo) all’acronimo yiw attuale, perciò abbiamo cercato un compromesso che faccia felici tutti :)
Cambierei solo i Titoli H1 e H2 in questo colore #811005
good job!
Prima i titoli degli articoli erano di un colore simile a questo, sul rosso/bordeaux, e l’effetto era troppo pesante. Alleggerire il layout dal punto di vista cromatico è stata una delle prime cose a cui abbiamo pensato, e credo che visivamente la pagina cosi sia molto meno ‘ingombrante’ :)
Concordo. A me non dispiace affatto, non lo ritengo pesante, più che altro il grigio non si intona al resto.
C’è poco da dire, a impatti mi ha subito colpito… Positivamente ovviamente.
Complimente
Grazie Sasà ;) ps. ma che fine hai fatto? non scendi più?
Ciao, il vostro sito (anzi, chiamiamolo portale) sta diventando sempre più “perfetto”. bella la nuova idea di usare una griglia per renderlo adattabile in orizzontale. Inoltre bello anche questo nuovo box dei commenti con gli elementi affinacati invece che in verticale. Insomma, una nuova gestione degli spazi molto usabile e comunque semplice.
Bravi!
I miei complimenti…Poche cose cambiate ma nei punti giusti. Continuate cosi.
Mi avete letto nel pensiero, proprio in questi giorni mi stavo documentando sul design responsive, e mi ero chiesto come mai non avevate fatto qualche guida e adattato il vostro layout aa tale scopo, data la vostra tendenza a stare sempre al passo con le tendenze…
Forse avrei ingrandito un poco il titolo degli articoli, ed evidenziati con un grigio più scuro, ma credo siano principalmente gusti personali.
Un ultima domanda, come avete realizzato la navigazione per i dispositivi mobili? avete usato un plugin o un script particolare?
Grazia mille, e continuate così che siete grandi!
Evvai, Grandi ^^
I miei complimentoni, ragazzi!
Confermo che il responsive design funziona (per ora ho testato su iOS iPhone e su Android).
Continuate così!
Complimentissimi!!!
Mi piace il design su Android, bravi bravi bravi!
Quando si brinda al successo? =)
Complimenti ragazzi sono un nuovo vostro “fun” :)
… e se i 2 menu orizzontali e il campo ricerche diventassero fixed?
Saluti.
Ebbravi! Complimenti!! ;)
Premesso che seguo YIM da anni ormai e sono estremamente soddisfatto, devo però evidenziare che ultimamente qui dentro viene difficile una lettura riposante.
Ad ogni refresh (anche se seleziono “non mostrare più” su ognuno) mi si apre una pop up, un footer e adesso anche un top statico. Praticamente tra browser e questi ostacoli, se non li chiudi, ti limiti a leggere in un buco :D
Per il resto complimenti, molto bello anche se semplice ;)
Ciao Ciro, intanto grazie per i complimenti.
Riguardo la popup e il footer se selezioni “non mostrare più” queste non vengono più mostrate perchè io su diversi PC non li vedo più da tempo e lo stesso vale anche per altri miei amici a cui ho chiesto di provare.
Ti invito a riprovare e farci sapere se riscontri ancora questo genere di problema.
Ciao Nando,
in realtà noto ora che dal PC al lavoro non riscontro problemi, il problema si limita sul notebook di casa. ( Utilizzo lo stesso browser/versione ma con SO diversi). Proverò a dare un occhiata/ fare pulizia dei cookie
Buon lavoro ;)
In android 2.3.5 (samsung galaxy y) con ingrandimento standard non mi permette di scrollare la pagina (ma quando ingrandisco la pagina posso navigare correttamente)
Bello ! Siete stati grandi.
Complimenti a tutti, ottimo lavoro!!