Articoli con Tag ‘layout’

Anteprima gratuita per il cross-browser testing made in Adobe

giugno 9th, 2009 di: info
Adobe Labs - Adobe BrowserLab

Adobe Labs - Adobe BrowserLab

Cresce la famiglia di servizi web offerti online dalla Adobe, a questi si unisce BrowserLab, una applicazione online utile soprattutto agli sviluppatori web per testare la compatibilità del layout del proprio sito con i browser più diffusi.

La visualizzazione del sito nei vari browser viene generata producendo rendering in tempo reale con più opzioni di visualizzazione, utulissimo per scorgere problemi di impaginazione e css.

Il servizio consente attualmente di effettuare un test di prova gratuito continua »

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Crossbrowsing ed IE, IETester lo strumento indispensabile

settembre 16th, 2008 di: info
Crossbrowsing ed IE, IETester strumento indispensabile

Crossbrowsing ed IE, IETester strumento indispensabile

E’ un aspetto fondamentale del web design testare il layout grafico dei siti web realizzati sul maggior numero di browser prima della loro definitiva pubblicazione.

Per questo scopo sono un ottimo supporto i tanti servizi online che consentono di realizzare screenshot delle pagine web. Basta indicare la URL e con un pò di attesa saranno restituiti gli screenshot della pagina sui diversi browser.  Questi alcuni siti per il cross browser gratuiti: BrowserShots,  iCapture,  browsrcamp, iecapture

Personalmente preferisco per una maggiore comprensione di eventuali bug visualizzare direttamente la pagina web sul browser. Questo è possibile avendo a disposizione almeno un pc ed un mac su cui istallare i principali browser ma sappiamo benissimo che sono incompatibili versioni differenti di IE sulla stesso sistema operativo. Ed eccovi spuntare la soluzione anche a questo inconveniente grazie alla segnalazione di Lauryn di ItalianWebDesign.

Si tratta di IETester continua »

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

CssGlace, il made in italy dei migliori siti css

giugno 19th, 2007 di: info

CssGlance Showcase Gallery

Avete bisogno di ispirazione per i vostri progetti di web design sviluppati con css? Siete arrivati nel posto giusto!

Questo è il messaggio pubblicitario di CssGlance il nuovo portale tutto italiano con una gallery ricca dei migliori siti sviluppati con i css.
I siti segnalati (gratuitamente) sono classificati in base a diversi parametri continua »

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

CSS e verifica dei layout con Filler Text

aprile 11th, 2007 di: info

generatori di Filler TextNella progettazione di siti web spesso mi capitano periodi in cui mi occupo prevalentemente di realizzare bozze e di dover passare molto tempo ad effettuare test di validità del codice CSS e relativa compatibilità sui vari browser. Mi agevolano le operazioni alcuni espedienti e qualche applicazione. Le ultime due che segnalo qui sono generatori di testi di riempimento, in inglese, Filler Text continua »

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Nuovo logo dei Pummarola Sound

gennaio 30th, 2007 di: info

Logo Pummarola Sound BandFinalmente…
è sempre difficile soddifare le richieste del committente riguardo la progettazione di un logo, ancor più difficile se gli interlocutori sono più personaggi e se poi questi sono artisti musicisti, allora diventa una missione impossibile.

La richiesta era precisa, il logo da progettare avrebbe dovuto continua »

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Interfacce & usabilità

settembre 6th, 2006 di: info

Usability – Introduzione all’usabilità

La Usability è la disciplina che si frappone tra l’utente e il sito stesso. Applicando principi di usabilità  e l’esperienza acquisita sul capo, l’esperto cerca di eliminare tutti quei problemi che l’utente può incontrare interagendo con il sito migliorando quindi l’esperienza di chi naviga.

Usability è un termine sempre più in voga tra i realizzatori di siti web.

Una valida definizione del termine usability è “ciò che chiede all’utente di un sito di pensare il meno possibile”, fornendogli un ambiente nel quale può muoversi a suo agio, trovando senza sforzo ciò che gli serve.

Quindi l’usabilità è un insieme di chiarezza, qualità  estetiche, capacità  comunicativa e interattiva, velocità  della fruizione e della consultazione. Il web editor, che scrive e organizza i contenuti dei siti, è uno dei massimi responsabili della “web usability”

(+) Usabilità  = (-) Design?

In molti sono convinti che maggiore è l’usabilità  di una applicazione multimediale peggiore è il risultato estetico dello stesso. Molti dibattiti nelle mailing-list di settore sono orientati su questo scontro tra esperti di usability e designer. Probabilmente Jakob Nielsen, con lo stile di useit.com (http://www.useit.com/), ha influito sulla creazione di questa leggenda metropolitana…ma appunto…stiamo parlando di una leggenda metropolitana.

Lo stesso web designer dovrebbe essere un esperto di usabilità  e costruire siti web pensando agli utenti che dovranno effettivamente utilizzare quelle pagine.

L’usabilità  non penalizza l’aspetto grafico e non pone limiti alla creatività.

Accessibilità 

L’Accessibilità  (Accessibility) propone soluzioni per permettere agli utenti disabili di accedere ai contenuti e ai servizi in Internet aggirando o rimuovendo ostacoli che spesso invisibili agli occhi e al mouse degli utenti normodotati.

Gli utenti non vedenti avranno problemi con la comprensione delle immagini del sito; gli ipovedenti con caratteri troppo piccoli, i daltonici con alcune combinazioni di colori; gli utenti dotati di vecchi computer/software problemi con alcune tecnologie non standard (Java, Flash, etc.).

Sono questi alcuni problemi da risolvere per rendere Internet un Media Universale. Ignorarli significa progettare siti senza considerare il proprio target.

La “Legge Stanca” per l’accessibilità  alle nuove tecnologie

Il Parlamento ha definitivamente approvato all’unanimità  la “Legge Stanca” (link al sito), che consente ai disabili l’accessibilità  alle nuove tecnologie digitali ed informatiche, Internet compreso, superando l’attuale divario digitale. Dopo la Camera anche al Senato, infatti, le forze politiche hanno espresso pieno consenso al provvedimento che pone l’Italia al primo posto in Europa su questo fronte, con la normativa più completa, proprio mentre si sta concludendo “l’Anno Europeo del Disabile”. tratto da: MIT sito del Ministro per l’Innovazione e le Tecnologie.

Macromedia Web Classes www.macromedia.com/
Idearium.org http://www.idearium.org/
Flashabilityhttp://www.flashability.it/
Nousab.org http://www.nousab.org/
Web Accessibility Initiative (WAI)http://www.w3.org/WAI/
pro.html.it accessibilità 
pro.html.it usabilità 
Validatore di Accessibilità  Bobby
Validatore di Accessibilità  Cynthia Says
Jakob Nielsen’s Website http://www.useit.com/
Nielsen Norman Group http://www.nngroup.com/
Usability Professionals Ass. http://www.upassoc.org/
Webusabile.it http://www.webusabile.it/

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...