Blog di Delta Marketing su siti internet e comunicazione
Posts tagged web design
L’archivio di internet
Dec 27th
Il sito che ha memorizzato la storia dei siti web www.archive.org. Inserito l’indirizzo del sito di interesse cliccate il tasto “Take me back”, sarete riportati indietro nel tempo, tramite un calendario potrete scegliere in quale data desiderate visualizzare il vostro sito scelto e il gioco è fatto. Molto carino da usare per vedere l’evoluzione nel tempo di un progetto web non voglio nemmeno pensare alle risorse utilizzate in termini di spazio macchina!
Scrivere per il web
Dec 14th
Buona regola per la realizzazione di testi di un sito internet è non copiare testi scritti per la carta stampata; capita spesso che i clienti per pigrizia o scarso tempo a disposizione forniscano testi già utilizzati per brochure o cataloghi, non cadete nel tranello, sono sicuramente da riprogettare da capo!
E’ errato pensare che testi progettati per una lettura su carta possano andar bene anche per i siti internet, davanti al monitor infatti si legge in maniera differente, in particolare si tende a leggere poco e velocemente.
Dobbiamo allora adattarci alle abitudini dei visitatori e fornire testi brevi e attentamente progettati, dotati di titoli che possano attrarre l’attenzione, sottotitoli o indici che possano fornire rapidamente informazioni sui contenuti e link che consentano di approfondire, senza appesantire inutilmente la pagina.
Il portale per le case vacanza
Dec 4th
Tra i siti da visitare oggi una nostra realizzazione: www.holidayplusrentals.it ,un portale dedicato agli annunci di case vacanza tra privati.
Cominciamo col dire che il sito è moto complesso disponendo di tre livelli di accesso ossia: un’area dedicata ai visitatori, un back-office per gli inserzionisti proprietari di case ed uno riservato agli amministratori del sito stesso.
Il progetto è interamente sviluppato in PHP basandosi su database MySQL, con alcune funzioni sviluppate in Ayax.
Visitando il sito i turisti possono ricercare le case per area geografica, caratteristiche, periodo di interesse, accedere ad una scheda di dettaglio, consultare la galleria fotografica. Inviare una richiesta ai proprietari o lasciare un commento.
I proprietari dopo una semplice registrazione, potranno inserire le proprie case compilando un’apposita scheda descrittiva, uplodare le fotografie, i prezzi, promozioni, scegliere i pacchetto di pubblicazione, effettuare il pagamento tramite PayPal e stampare direttamente la propria fattura.
Siti internet, date ciò che gli utenti cercano
Dec 1st
Una buona regola per un sito efficace è non cercare di stupire gli utenti con “effetti speciali” inutili quali video, animazioni o musiche di sottofondo non desiderate. Ancora peggio è inserire animazioni di benvenuto o elementi che non centrano con il contenuti del sito.
Cercate invece di fornire quello che i visitatori stanno cercando, in maniera chiara e facilmente reperibile, non appesantite la navigazione dei visitatori con effetti non richiesti, rispettateli, stanno visitando il vostro sito alla ricerca di informazioni!
Studiate piuttosto una grafica piacevole e coerente che li guidi verso il reperimento delle informazioni di loro interesse, mettendo in evidenza i vostri servizi e prodotti.
Come i motori di ricerca vedono il vostro sito!!
Nov 29th
Vi siete mai chiesti come un motore di ricerca vede il vostro sito? Spesso crediamo infatti di avere un sito internet ben realizzato perchè accattivante e piacevole ma apparirà allo stesso modo ad un motore di ricerca?
Pare una domanda futile eppure se il motore di ricerca potrebbe non “vedere” i contenuti delle nostre pagine nel nostro stesso modo, andando quindi incontro ad errori nell’indicizzazione del sito stesso.
Ho quindi cercato di sviluppare un algoritmo, che sebbene molto semplice permette di avere un’idea di come i motori di ricerca vedono le nostre pagine. L’algoritmo scansiona la pagina in esame, verifica testi e parole chiave presenti in essa e dopo qualche operazione matematica crea una Clout Tag rappresentativa del risultato ottenuto, un pò come quella sopra riportata. Presenta inoltre alcuni grafici (generati tramite apposita API di Google) sulla base di elaborazioni effettuate sui caratteri presenti nella pagina.
Provate il sistema inserendo l’indirizzo della pagina del vostro sito che desiderate analizzare form su www.deltamarket.com.
Oltre 1000 i siti già testati!
Progettare un sito sulla carta
Nov 28th
Una buona regola nella progettazione di un sito, spesso ignorata, è di progettare su carta prima di mettersi al computer!
Tante volte capita che clienti chiedano di realizzare per loro una bozza di un layout gradevole che possa piacere alla propria clientela, per poi procedere con l’implementazione del sito e la selezione dei contenuti, sbagliato!
Così facendo tenteremo di modellare i contenuti su di un layout che molto probabilmente non sarà adatto a contenerli o ad ottenere gli obbiettivi di vendita o promozione che ci prefissiamo.
Sfondi che si adattano in CSS
Nov 21st
Una selezione di CSS che consentono di adattare le immagini di sfondo delle nostre pagine internet in modo che riempiano completamente il fondo del browser e seguano la moda attuale, che utilizza questo strumento per compensare la differente dimensione dei monitor dei visitatori.
Seguendo i link sotto riportati troverete esempi, codice da scaricare e istruzioni per l’implementazione.
1 - adapt.960.gs
2 - srobbin.com
3 - www.quackit.com
Buona visione!
Crare una pagina 404 utile
Sep 21st
A tutti noi è capitato di finere su una pagina di errore 404 ossia visualizzare il classico messaggio del browser recitante “pagina non disponibile”, che rabbia! Non è certo piacevole.
Tuttavia chiunque sviluppa siti internet sa che appena il sito acquista dimensioni rispettabili e viene costantemente aggiornato l’errore può capitare per diversi motivi tra cui:
- link interno interrotto
- pagina rimossa
- URL errato
- segnalibri non aggiornati
Cerchiamo quindi di rendere l’esperienza meno traumatica ai nostri visitatori creando una pagina di errore personalizzata che contenga:
- sistema di ricerca nel sito
- link alla homepage
- link lle pagine delle aree principali del nostro sito
Protremo anche rendere ancora più gradevole l’aspetto di tale pagina tramite la personalizzazione della stessa usando un layout coerente con il resto del sito.
Dimenticavo il fatto di utilizzare una pagina e non un redirect che rimandi alla homepage del sito aiuterà sicuramente il motore di ricerca a capire che tale risorsa non è più disponibile e a rimuoverla dal proprio indice.
Personalizzare menu di blogger
Feb 23rd
Blogger, l’ormai conosciutissimo blog offerto gratuitamente da Google offre moltissime funzioni, peraltro integrate con altri servizi di Google tra cui grandi possibilità di personalizzazioni grafiche.
A tal proposito sono già presenti svariati modelli interamente personalizzabili online tramite l’apposita interfaccia messa a disposizione, ma per i più esigenti è anche possibile creare o elaborare manualmente il codice delle pagine in modo da consentire personalizzazioni grafiche più spinte. E’ stato dando una mano da un amico, che necessitava di rendere l’interfaccia di Blogger il più possibile simile al proprio sito, che ho così potuto cimentarmi in questa attività.
Tralasciando il problema della personalizzazione di colori e grafica in gelerale, cosa pittosto semplice il problema iù grosso è stato inserire un menù orizzontale coerente con quello giù utilizzato dal sito.
Semplificazione dei siti internet e del linguaggio comunicativo
Nov 20th
Osservare siti internet di ultima generazione spesso mi porta a riflettere sul fatto che sia in atto una semplificazione dello strumento web, una sorta di appiattimento creativo dei siti guidato dalla necessità di rendere il web più usabile.
Usabilità, è una parola che ricorre sempre più spesso nella fase di progettazione e realizzazione di siti internet, sappiamo tutti a cosa ci riferiamo, ma forse la definizione data dai grandi e professionisti del media può aiutarci a spiegarlo e a farcene un’idea chiara:
Michele Visciola
“Un sito Web deve cercare di soddisfare al meglio uno o più bisogni mettendo l’utente in posizione dominante e preferenziale”.
http://www.webusabile.it
J. Nielsen
“l’obiettivo principale della maggioranza dei progetti Web dovrebbe essere il rendere semplice per le persone o svolgimento di attività che hanno un qualche fine pratico”
(Web Usability, Apogeo).
Daniele Zigotto
“L’utente tipico mostra, nell’uso del Web, impazienza e desiderio di soddisfazione immediata. Se non viene messo nelle condizioni di interpretarne con facilità il contenuto, l’utente abbandona rapidamente il sito, e difficilmente vi fa ritorno. L’usabilità diventa quindi il primo obiettivo di un sito Web e vede nel processo di valutazione il momento fondamentale della progettazione centrata sull’utente…”.
http://www.hyperlabs.net/ergonomia/ziggiotto/introduzione.html
Permettendomi di fare un breve sunto definirei da parte mia “usabilità” è la capacità che un sito deve possedere di soddisfare in maniera immediata le richieste di informazione degli utenti. Nella progettazione di un sito è quindi necessario dporci le seguenti domande: Cosa offre il sito? A chi è diretto? Cosa l’utente si aspetta di trovarci? Come può il visitatore interagire con esso?
Rispondere a queste domande ci porta a dover prendere in considerazione i contenuti del sito, il modo di veicolarli, la struttura dell’informazione e i sistemi di navigazione che il sito dovrà avere.
Il mio problema ora è il seguente, ritengo che tramite studi scientifici sia identificabile una struttura ideale che i siti debbano avere, si pensi ad esempio al modo in cui l’occhio scorre la pagina, o alla posizione di certi elementi quali logo, menu, payoff che ormai andiamo a cercare in determinati punti della pagina (non si vede mai lil logo o il menu in baso a destra), oppure alle forme di tasti, moduli, gallerie fotografiche, frecce di scorrimento, ecc.
L’uso di grafiche o interfacce particolari può, a mio avviso, rentere più criptica la comprensione dell’utilizzo del sito, complicandone l’usabilità. (consiglio la lettura di “Don’k make me think” libro scritto da Steve Krug ed edito da Hops) – http://www.deltablog.it/dblog/articolo.asp?articolo=46
L’idea che mi viene quindi pensando a determinati processi di web-usability è che vi siano delle linee guida che tutti siamo pbbligati a seguire, atte a soddisfare delle linee guida che gli utenti assuefatti a determinate strutture web seguano con più facilità di altre.
La mia paura è proprio che la ricerca estrema di usabilità porti ad una uniformazione, semplificazione e standarizzazione e delle strutture web, causando un appiattimento nella ricerca creativa, nella definizione di nuove strutture, creando una sorta di linguaggio standardizzato ritrovabile in tutti i siti internet.
Così come l’immagine della caffettiera all’inizio di questo articolo avremo la definizione di una struttura standard che definisca l’usabilità ottimale anche per un sito internet?
Avremo quindi siti internet sempre più simili tra loro?
L’espansione di internet, la presenza di nuovi utenti, magari non ancora avvezzi all’uso di strutture web complesse non farà altro che enfatizzare questo processo?
