Qbicweb.net » Showtime: Qbicweb.net 5.0

Showtime: Qbicweb.net 5.0

5 March 2006 - About the Blog, Design & Grafica -

Ve ne sarete accorti: qualcosa ? cambiato.
Finalmente si ? giunti al rilascio dell’attesissimo (ma dove) reboot, precisamente il quinto in poco pi? di un anno di vita.
Come potete vedere la struttura ? fondamentalmente semplice, ggi?vane e, almeno nelle intenzioni, Web2.0.

Scusate, ma non resisto. Il mio infantile orgoglio mi spinge a rendermi Cicerone per guidarvi nella comprensione di questa nuova dimensione estetica, e per spiegarvi un p? come funziona la baracca.

Approccio generale: radicale svolta nella colorazione. Come promesso, l’abbinamento ? nero-verde, finora campo inesplorato ma anche esperimento risultato poi molto interessante.

Qui sopra abbiamo una headline con un h1 dal font (Trebuchet MS, of course) particolarmente grande: sooo 2.0! Alla sua sinistra, un sistema di datazione molto stylish ed arguto che si sta ormai diffondendo a macchia d’olio. In calce a codesto articolo, una sfilza di links per tutta una serie di applicazioni volte al social bookmarking. In uno slancio patriottico ho dato spazio anche al nostrano Segnalo.
Prego notare l’audace scelta di mostrare solo l’ultimo articolo in home page.

L’header ? semplice: font arrotondato sans-serif con effetto glass mal riuscito. Il testo in alto a destra cambier? randomly, un giorno. Tutte le voci presenti nella vecchia versione sono sparite, attualmente ? in corso un brainstorming per decidere come riposizionarle.

Veniamo alla zona interessante: le due sidebar sinistre. La prima (la centrale delle tre colonne totali) ? dedicata al meta, e ci appare in tutto il suo splendore grazie all’effettismo grafico offertoci dal portentoso Valerio Proietti col suo moo.fx (che ? degradabile lato server, quindi chi ha disabilitato javascript vedr? una cagata, ma almeno vedr?). La seconda, offre una scelta casuale dal mio personale album fotografico su flickr.

Per il, chiamiamolo cos?, footer, ho voluto seguire i consigli del guru Derek Powazek, spostando in questa zona praticamente tutto ci? che ? “extra”, di fatto per? scremando la maggior parte dei contenuti presenti nella sidebar del vecchio layout. Delle 4 zone di cui ? formato, una ? impiegata per i crediti; l’altra per il linklogging ovvero “dimmi dove navighi e ti dir? chi sei”; l’altra ancora per gli antipixel a cui, in tutta sincerit?, non intendo rinunciare; l’ultima per il becero ritorno monetario.

E’ tutto.
Graditissimi, anzi praticamente indispensabili, feedback di qualsiasi tipo: email, commenti, telefonate, lettera minatoria, testa di cavallo nel letto.

Perfetto!
Quello che si pu? migliorare a mio avviso ?:
1) Inserire gli archivi mensili nella sidebar javascript.
2) Aumentare almeno a 5 il numero degli articoli recenti.
3) Aumentare l’interlinea nelle info sul blog che stanno sopra la ricerca nel footer.
4) “Stylishare” (?) meglio la sidebar con le foto di flickr.
5) Togliere quell’ad di google dal footer che non si intona con il motivo di background e magari metterlo appena sotto le foto di flickr (ovviamente dovrai riempire lo spazio nel footer, magari con qualche stats del blog o roba simile).

Questo ? quello che farei io, spero che siano consigli utili :)

Veramente complimenti per il lavoro, il tema ? fantastico!

ABCcletta — 5/3/2006 #

Ottimo lavoro, bellissima l’idea di come utilizzare il footer.

Andrea — 5/3/2006 #

Andrea: grazie!

ABCcletta: grazie anche a te, soprattutto per avermi dato dei consigli… andiamo per punti

1. Ovviamente ci avevo pensato, ed in effetti gli archivi vanno messi, per? per una questione di accessibilit? (lentezza nel caricamento) avevo preferito non inserirli. Vedremo, dai.

2. Questo invece lo vedo difficile. Perch? per come ? strutturato il tema, con pi? di un articolo ci sarebbe una lunghissima colonna laterale con il vuoto alla destra. Appunto per questo ho optato per la soluzione degli articoli recenti nella sidebar.

3. Uhm, ok certamente si pu? fare. L’ho fatto per una questione di ottimizzazione dello spazio.

4. Ah, bene, magari potresti darmi qualche consiglio pi? specifico a riguardo.

5. Qui ti spiego: per post un po’ pi? brevi di altri, l’ad nella seconda colonna provocherebbe un antiestetico dislivello tra la zona superiore e il footer. Pur di piazzare questo AdSense, ho deciso di metterlo l? nel footer con uno styling “canonico”, cio? sfondo e bordo visibili a causa del background “dinamico” del footer. Comunque il posizionamento dei banner ? una discussione sempre aperta, in questo blog.

Qbic — 5/3/2006 #

Molto bella la struttura…..mi piace tanto il footer., l’unica cosa che non mi garba sono i colori avrei utilizzato tonalit? + nuove.

Comunque complimenti.

G. Meroni — 5/3/2006 #

Tutto bene.
L’abbinamento di colore verde su nero lo avevo sperimentato anche io in passato, fa molto hax0r.

I menu a comparsa (e finalmente scomparsa) con effetto di dissolvenza sono belli da vedere e comodi per nascondere il testo non voluto.

Ottimo qbic =D

Asdrubale88 — 5/3/2006 #

Un po’ troppo forte il contrasto nero su bianco, rende abbastanza difficoltosa la lettura; magari diminuire un po’ la tonalita` di bianco del testo aiuterebbe (e magari farlo leggermente piu` grande, tipo 1 o 1.5 pt). Tralaltro i link dentro il testo sono praticamente dello stesso colore del testo stesso e non si riesce a distinguerli. Per il resto proprio nulla da eccepire, ottimo lavoro!

kratorius — 5/3/2006 #

A me mi gusta assai, verde e nero sempre piacevole. Trovo molto bello (devo ancora capire se funzionale) avere i commenti a destra. Il testo del post invece secondo me ? un po’ troppo fitto ma forse mi dice solo che devo adnare dall’oculista.
L’unico vero appunto da utente men che medio ? che sul fondo del post archiviazione, commenti e varie iconcine 2.0 si ammucchiano un po’ troppo con risoluzione alta (se apro un pannello, ad esempio vanno su due righe) come da immagine esplicativa.
Una cosa che a me piace sempre ? la preview del commento, nel caso volessi farmi contento…
comunque una piacevole scoperta domenicale, brav? brav?.

LG — 5/3/2006 #

Mi riferisco ai seguenti punti:

2) Non intendevo di aumentare gli articoli recenti visibili, bens? i recenti che stanno nella sidebar, dovre 3 mi sembrano pochini.

4) Non saprei, magari con anteprime pi? grandi e prossime al bordo (con distanza uguale tra i bordi superiore/inferiore e laterali) e magari inserendo qualche anteprima in pi? dato che lo spazio c’

kratorius: ok, inserito nei “to do”

LG: bene, c’? da sistemare il div “on air”, purtroppo lavoro a 1024 quindi non ho una visione d’insieme anche per le risoluzioni alte. Per l’anteprima commento, ? una buona idea, vediamo cosa si pu? fare.

ABCcletta: 2) Ah scusa avevo capito male. In quella sezione vengono richiamati i post degli ultimi 3 giorni, che ora aumenter? a 5.
4) La dimensione dei thumb dipende da flickr (infatti uso il “badge”, funzionalit? del servizio stesso e non dipendente da un plugin). Cominciamo col mettere tre immagini invece di due.

Bella li!

La zona commenti ? fantastica, complimenti!

Fuori dal coro. :|
Non trovo molto migliorativo.. trovo poco leggibile il nero su bianco ed a risoluzione molto larghe le righe del testo dell’articolo si allargano davvero troppo rendendo ancora pi? difficile la lettura.
I commenti a loro volta, non fosse per l’avatar che hanno alcuni, non si capisce a prima vista dove finisce uno e dove inizia l’altro.

Elementi positivi ce ne sono, effetti di dissolvenza, la barra inferiore anche se tui ha costretto a fare una dura selezione di tutti i link e antipixel che avevi. Nonostante questi dettagli migliorativi trovo che il peso della poca leggibilit? penso che sia maggiore.. visto che siti come il tuo devono avere come primo obbiettivo quello dell’accoglienza verso il lettore e non metterlo in difficolt? nel leggere i testi.
cmq vedo che per la maggiore piace..
Forse col tempo mi ci abbituer?.. ma non so.

DesMM — 5/3/2006 #

Ho apportato alcune modifiche in termini di leggibilit?, visto che ? stato un appunto comune. Vediamo se le cose migliorano…

Riguardo alla larghezza, questo ? il prezzo da pagare per un layout fluido che sia ben visitabile anche dalle basse risoluzioni. Sto valutando per? l’ipotesi di renderlo a larghezza fissa, se ? di cos? tanto fastidio.

Non funzionano n? la ricerca interna n? i link alle categorie.

Poligon — 6/3/2006 #

Anche a me piace molto, l’unica cosa che non mi piace molto ? il nero che secondo me fa poco web 2.0
Che font hai usato per il titolo?

mucio — 6/3/2006 #

Poligon: dammit.

mucio: il nero sta tornando di moda, invece. Per il font, ? Linotype VAG Rounded Bold, commerciale.

Qbic — 6/3/2006 #

Preferisco questo a quello precedente :ahsisi:
Good job qbico.

Francesco — 6/3/2006 #

Bel lavoro! MI piacciono molto i link per inserire automaticamente il post nelle applicazioni del viver sociale, l’ho visto da altre parti ma solo con digg e delicious. Hai usato un plugin come questo?

marcoros — 6/3/2006 #

Ne sei sicuro che torner? di moda? di certo non aiuta la leggibilit

Ciao Qbic!
Anch’io sto lavorando al redesign del sito web. Il layout liquido ? personalmente il punto forte del template. Mi piace molto. Adoro anche i form con modifiche css, veramente belli questo stile piatto con sfondo leggermente pi? chiaro del resto. Ottimo.
Mi piace il grigio e testo chiaro non adattissimo a leggere testi molto lunghi (e infatti non l’user?).

Cercher? peer? di usare qualche effetto glass/plastica qua e l?, magari nel footer :D

Vediamo se riesco a mettere qualche gingillo AJAX…

psicomante — 6/3/2006 #

concordo con mucio, ma fa molto stylish.

marcoros?: no no, tutto a manina =)

mucio: se bello vuoi apparire… beh scherzo, ma ? un buon motivo per cominciare a leggermi dai feed ;)

psicomante: grazie. Ma purtroppo son dovuto passare ad un layout “solido” perch?, come avrai letto, quello liquido causa problemi alle grandi risoluzioni.

Molto meglio! I commenti sono ora distinguibili ben fatto… ma non capisco il perch? del singolo articolo in home ? un test o ? voluto?

DesMM — 6/3/2006 #

Attenzione! ho appena visto uno strano bug sulla tua lista dei commenti vista con explorer.

DesMM(1): E’ voluto. Ho messo apposta gli articoli recenti. Diciamo che l’ho fatto per praticit?.

DesMM(2): Me ne sono accorto proprio poche ore fa. Non so da cosa dipenda, le ho provate tutte e ormai sono disperato. Qualcuno mi aiuti!

Edit. Come si pu? vedere, dopo ore di colpi in testa e altrove, sono riuscito a rattoppare le cose.

E sono sempre pi? convinto che IE sia stato programmato da babbuini ammaestrati.

Non comprendo la scelta del singolo articolo in home. Mi pare che tu stia ostacolando i tuoi nuovi lettori a scoprire il tuo blog (che non vuoi far sembrare blog).
Mettiamoci nei panni di uno di questi, entra vede una news manco gli piace, esce. Cmq questo ? un discorso molto ipotetico e potrebbe anche andare diversamente. Andiamo avanti con le osservazioni..

1) il nero, come ho gi? potuto sperimentare io, ? la tonalit? pi? bastarda! Perch? ? quello che soffre maggiormente il tipo di luminosit? usata sui monitor. Infatti ho provato a vedere questo template su 3 monitor diversi, e ti assicuro che lo sfondo del footer e lo sfondo schiarito in alternanza sui commenti non si vedono affatto.
Prova a fare anche tu dei test.. su vari tipi di monitor compresi i classici col tubo catodico

2) forse te l’avranno gi? segnalato.. tutte le categorie non funzionano.

ciao!

Non voglio assicurare niente, ma forse in futuro ceder? al compromesso dell’ultimo post completo e grande in home con sotto gli excerpt dei post precedenti simil-aside. Ma non voglio riprendere una “struttura classica”. Ho cambiato tema (facendone uno ex-novo) perch? mi ero stufato della canonicit? del vecchio, ho quindi cercato qualcosa di originale, sperimentando inoltre anche il nero.
Che sar? anche antileggibile su schermi poco illuminati (mica ? colpa mia se la gente non sa regolare i monitor), ma ? tremendamente cool.

Tieni anche presente che i temi pi? “rinomati” per WordPress (e mi riferisco, ad esempio, a Squible o Hemingway) cos? come altri molti siti leader nel webdesign presentano solo uno o due post in homepage.

Non prenderla per una sterile adesione a qualche moda, ? che oggettivamente in questo modo la navigazione ? pi? veloce e pratica e i tempi di caricamento sono radicalmente ridotti.

Prima di essere un webmaster (o pseudo-tale) io sono un navigatore, e ti assicuro che nei siti con tale struttura ci vado eccome a spulciare gli archivi, se il primo approccio mi pare interessante.

(Per le categorie, ci stiamo attrezzando. Purtroppo riconosco di aver lanciato il tema prima del dovuto.)

Devo dire che il nuovo layout non mi dispiace affatto!
Non sono grande amante del background nero perch? alla lunga affatica gli occhi (o magari sono solo che sono mezza ciecata che lo soffro :P) per? ? decisamente ben fatto!
Il footer usato come menu alternativo (soluzione che vedo in giro sempre pi? spesso) sta intrippando pure me come idea ultimamente…tanto che sto gi? pensando come organizzare il mio di sito utilizzando questa soluzione, avendo molti contenuti di vario genere potrebbe essermi utile per rendere pi? ordinato il sito….mhhh (devil @ work!).
Comunque veramente GG! (per usare un termine da netgamer!)

Pannasmontata — 8/3/2006 #

Volevo chiederti una piccola informazione, su Wordpress come fai a visualizzare gli ultimi commenti ed articoli ?

Andrea — 15/3/2006 #

Showtime: Qbicweb.net 5.0

5 March 2006 - About the Blog, Design & Grafica -

29 commenti

Lascia un commento