Italian Web Design si rifà il trucco: benvenuto 2011!
Per il suo quarto compleanno Italian Webdesign si rifà il trucco. Il logo, gentilmente offerto da W3B, ci piace molto, e non potevamo non creargli una casa adeguata, che ha gentilmente concesso un bel tema di Themeforest che abbiamo personalizzato.
Non possiamo rimanere troppo tempo offline per non perdere posizioni e indicizzazione conquistate con tanti anni di fatica, pertanto perdonate se qualcosa è ancora fuori posto, i lavori di rispolvero dureranno ancora qualche giorno.
In homepage come vedete ci sono 4 sezioni in evidenza (di cui una obbligatoriamente dedicata all’IWD Award), se avete suggerimenti per altre sezioni che vi piacerebbe risaltassero più all’occhio dite pure, ne possiamo mettere a iosa (ma senza esagerare!).
Vi sembra ci sia tutto?
Baci, e grazie a chi vorrà dire la sua!
L'Autore
Laura Gargiulo, webdesigner freelance. Web architect senior, esperta xhtml, css, usabilità, design, cms, webmarketing e Seo, Wordpress specialist. Membro del progetto Piperita Lab e dell'IWA Italy Visita il mio sito personale Lauryn.it e contattami pure per un preventivo gratuito.
Aggiungi a Google
30 Commenti
Sono capitato per caso nel portale …
Ho dato un occhiata ad alcuni articoli e credo sia doveroso dire questo:
COMPLIMENTI PER L’ELEVATO RANK DEL SITO.. CHE VI PERMETTE DI ESSERE AI PRIMI POSTI SUI MOTORI DI RICERCA…
MA COME POTETE RITENERVI UN RIFERIMENTO PER IL WEBDESIGN QUANDO MOLTI DEI VOSTRI ARTICOLI SONO COCONATI DI ADSENSE E MODULI PUBBLICITARI??
Mi ritengo un inesperto del settore Web Design… spero che la mia osservazione possa generare utili riflessioni, perchè no.. stimolanti, per la vostra creatività
Andrea
Grazie per i complimenti Andrea. Nessuno vuole però porsi come riferimento per il webdesign, è solo il mio blog personale in cui ospito molti autori. Adsense è un modo per monetizzare, e spesso in passato ho usato le entrate per fare dei regali ai lettori tramite dei contest. Uso un plugin che inserisce gli annunci solo dopo una settimana dall’uscita dell’articolo, così che i lettori più fedeli ne siano esenti. Gli sponsor come istock regalano credits per gli iwdaward e fanno sì che questo sito continui ad esistere. Senza di loro non avrei più il tempo per dedicarmi a IWD, che pure mi porta anche tanto lavoro, per cui il gioco vale la candela in ogni caso. Spero di averti spiegato bene la situazione
Ciao Laura,
Ho avuto modo di vedere il nuovo sito.
.
Innanzitutto ti faccio i complimenti per il restailynbg del blog
Solo un consiglio però. Proverei a definire lo spazio del div#container e staccarlo dal fondo della pagina. Così avresti uno spazio ben definito per quello che è il contenuto del blog. Per come è impostato adesso si ha la sensazione che manchi qualcosa .. si perde troppo. (troppo bianco)
Ovviamente il mio è solo un consiglio personale
Ciao, Luca.
ciao Luca! innanzitutto, grazie per il logo!
concordo con la tua opinione, ho cercato infatti di staccarlo dal fondo con altri colori, ma poi mi si va a sovrapporre alla parte “vuota” del logo andandolo a colorare troppo. come ovviare? un bordo?
Bé sicuramente un bordo aiuterebbe già a delimitare l’area. Oltre a questo puoi sempre creare un pattern, ma che incominci, partendo da sotto il menù.
Ad esempio così
http://www.w3b.it/download/screen_iwd.jpg
hai ragione! per ora ho messo un bel bordino, meglio vero?
Direi di sì
Ciao Laura, complimenti ed auguri al tuo sito…ovviamente col tempo vedrai pure tu qualche altro accorgimento, (ci sai fare col web) eheheh. Del resto la bozza di Luca non mi dispiaceva molto! Io comunque ho deciso che ripasso all’anno prossimo la versione del mio sito. Il logo mi piace sempre più. Una buona evoluzione!
p.s.: son arrivato al 300 esimo commentooo…cavolo come ti perseguito! ahahahah!!!
Brava Laura, come inizio non c’è male. Mi permetto di segnalarti alcune riflessioni. Prima le quisquiglie: il PDF dell’articolo da un errore in fase di generazione, probabilmente per lo screenshot inserito nel post.
Guardando poi le cose in maniera più generale, visto che hai più volte parlato dell’accessibilità del web, userei il nuovo tempo per predicare bene e… razzolare BENE, inserendo i testi alternativi nelle immagini, le descrizioni nei link esterni, e facendo in modo che i dropdown in cima funzionino anche con Javascript disabilitato (appaiono, ma su Firefox c’è un pixel di vuoto che li fa sparire quando si cerca di selezionare una voce dalla tendina).
Per il futuro, mi farebbe piacere vedere una versione che si adatti alle varie risoluzioni (responsive design) in maniera intelligente, evidenziando le cose importanti. Insomma, la strada da fare è tanta, ma chi ben comincia è a metà dell’opera!
dai tempo al tempo camu, sto facendo testare a chi di dovere
purtroppo non potevo lasciare offline il sito per troppo tempo e i lavori sono tuttora in corso d’opera, seppure molti siano “invisibili” ai più. sì il plugin del pdf dà quell’errore quando si inserisce una png. ne conosci di migliori? i testi alternativi li metto sempre, dove mancano? forse mi è sfuggito qualcosa nel template?
ps la versione si riadatta fino a 1024 minimo, poi c’è la versione mobile per le risoluzioni inferiori.
Beh, infatti ho detto che come inizio non c’è male
Premetto che le mie critiche sono più da pignolo rompiscatole che altro, quindi sentiti pure libera di ignorarle.
I testi alternativi a cui mi riferivo sono vari. Ad esempio nello stesso screenshot inserito nel post, non è descritto il contenuto della foto (come la legge richiederebbe) ma è semplicemente replicato il titolo del post e qualche informazione sulla risoluzione (che a un non vedente non è che importi troppo eheh). Gli avatar hanno un alt vuoto, che li rende poco riconoscibili nel contesto.
La versione mobile non usa gli stessi colori ed è parzialmente in inglese. L’approccio dei design “intelligenti” e responsivi potrebbe essere più in linea con la tendenza moderna ad usare media queries e quant’altro, e meno pesante per l’utente. Inoltre dal tema mobile non posso facilmente accedere al resto del sito, ed i link sono comunque molto piccoli per le mie ditona grosse sull’iPhone
Le parole in lingua straniera non sono marcate come tali, ed il tag hreflang non è usato quando serve, per i link che portano a siti in una lingua diversa dall’italiano.
Ma ripeto, sono solo pignolerie
migliorerò! so che posso
grazie
ah camu ora ho capito a cosa fai riferimento! per la legge stanca, o comunque per le wcag 2, il testo alternativo deve essere esplicativo di quanto rappresentato nell’immagine. se essa, come in questo caso, è uno screenshot, cos’altro avrei potuto scrivere?
viceversa trattandosi ad esempio dell’immagine di un grafico, di un banner o di un bottone, il testo alternativo deve avere la funzione di permetterne l’utilizzo.
Comunque ho chiesto cortesemente a Paolo Leonardi di Manualissimo .it di testare il sito con il suo screenreader per ovviare ad eventuali carenze di questo tipo. ammetto che nell’inserire i contenuti spesso per velocità dimentico di inserire title ai links o testi alternativi alle immagini (ho un plugin che di default mette il titolo della foto o dell’articolo, ora non ricordo, ai fini SEO)
Comunque torno alla carica sul plugin per iscriversi ai commenti: la pagina di gestione delle iscrizioni di quello che usi tu è inguardabile. Passa al mio Subscribe to Comments Reloaded, non te ne pentirai!
l’ho già provato camu, sono fedele alla versione pre-Reloaded XD
Beh, allora suggerirei di avere una pagina per gestire le iscrizioni un po’ meno spartana
Intanto grazie per la fiducia Laura
Ti rinnovo anche in pubblico i complimenti, se questo è il punto di partenza, come diceva Camu, io aggiungo che è davvero un gran punto di partenza. Quanto ad usabilità con lo screen reader direi che è davvero ottimale, ci sono alcune cose da migliorare che ti ho già scritto in privato, ma che con le capacità che hai potrai sistemare senza problemi, ne sono sicuro!
A disposizione. A presto!
Paolo Leonardi
grazie a te Paolo, corro a leggere!
Ciao Laura, e’ da poco che vi seguo, sono imbattuto nel tuo sito quando cercavo delle keywords per il mio sitoweb.
Che dirti un lavoro ben fatto, anche se di per se il design non mi cattura più di tanto, ma purtroppo un design di un sito rimarrà pur sempre una cosa soggettiva, chi piace chi no!
Buona Fortuna!
A presto!
Alessio Atzeni
Sicuramente hai guadagnato in termini di ordine e pulizia (se non fosse per i banner a dx che sono molto grandi e sembrano l’uno attaccato all’altro e quel footer un po da sistemare), ma manca quella nota femminile del passato iwd che mi piaceva molto.
Urca, vado via due giorni e mi ritrovo con un nuovo IWD!
)
L’impressione generale è più che positiva, molto chiaro e semplice. Due piccoli consigli:
- come ho già letto in altri commenti farei in modo di distanziare e dare più “aria” agli elementi della sidebar, volendo qualcosa si può spostare nel footer che mi sembra un po’vuotino (il modulo newsletter è larghissimissimo
- la banda grigia con le immagini in home ad una prima occhiata mi ha spiazzato, non essendoci testo se non su hover, mi sembrava una fila di banner o immagini buttate lì…mi pare che tolga spazio alla parte bassa senza aggiungere nulla al sito
Comunque Laura grazie ancora per il tuo lavoro, riesci ogni volta a stupirmi/ci!
Sono noiosissimo, lo so, ma riguardandolo mi sono venute in mente altre due cose: il logo mi pare un po’troppo attaccato alla barra di navigazione rossa, che ne dici di distanziarlo allo stesso modo sia sopra che sotto?
Lo spazio molto ampio che si ricava alla destra del logo può essere tranquillamente usato per banner magari di dimensioni diverse rispetto a quello attuale (es. 180×150 o 200×200) in modo che lo riempiano di più e allo stesso tempo possano “svuotare” la sidebar che può essere “farcita” di moduli utili per gli utenti.
Spero di esserti utile!
Utilissimo Paletta! alcune cose le ho notate anche io e le metterò presto a posto, così come il banner per facebook, che sarà più accattivanete. Grazie davvero
ps quelli nel banenr grigio sono a tutti gli effetti dei banner, seppur richiamino a degli articoli. il problema era che prendeva dimensioni sballate, ora li ho ricaricate e sono tutte uguali. più ordine
Indubbiamente un bel restyling! Bravi!
Ciao Laura!
Adesso si che sembra ITALIAN web design!
Bello stile pulito.
Laura, ti consiglio anche di dare un’occhiata al tuo sito con PageSpeed o YSlow. Al momento mi da un appena sufficiente 74/100
Scusa, ho dimenticato il link all’analizzatore
http://gtmetrix.com/reports/www.italianwebdesign.it/9zUTGqZt