User Tag List

Risultati da 1 a 7 di 7

Discussione: La semplicità Zen come chiave per il successo (+ 43 errori di web design da evitare)

  1. #1
    Data Registrazione
    Feb 2009
    Messaggi
    317
    Ringraziamenti ricevuti
    210
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Downloads
    0
    Uploads
    0

    Predefinito La semplicità Zen come chiave per il successo (+ 43 errori di web design da evitare)


    Photo Credit: Clearly Ambiguous

    Ti sei mai soffermato alcuni istanti a pensare cosa abbiano in comune i migliori blog, servizi web, libri e più in generale tutti i prodotti di successo?

    Se non sai dare una risposta a questo quesito ti consiglio di prenderti 10 minuti di relax e proseguire nella lettura di questo thread nato dalla fusione di due fra i migliori post di DailyBlogTips.com (Simplicity Is Essential e 43 Web Design Mistakes You Should Avoid).

    Due fra le principali caratteristiche che nel web design devono essere prese in considerazione, sono il layout del sito e la sua struttura di navigazione.
    Cosa accade se un certo sito web opta per semplificare al massimo questi aspetti? Quale sarà il risultato finale?
    • Google, il pilastro delle ricerche web; sfondo bianco, nessun fastidioso widget, solo un paio di link funzionali e nient'altro. Più semplice di così!
    • TechCrunch, layout sobrio senza tanti fronzoli, va dritto al sodo.
    • Twitter, molto semplice. E la lista può proseguire anche al di fuori del web...
    • iPod, la semplicità è il suo punto di forza.
    • Lo stesso vale per McDonald (anche se poi il cibo che rifilano è tutt'altro che semplice!).
    Come puoi notare, l'unica vera cosa che accomuna la precedente lista è proprio la semplicità che viene offerta all'utenza finale.

    A questo punto ti chiederai, che cosa c'entra lo Zen con tutto questo?
    Bene, applicare la filosofia Zen alla vita di tutti i giorni diciamo che si può riassumere brevemente con il motto “Less is more”, ovvero, ottenere il massimo dei risultati con il massimo della semplicità.
    Questa filosofia che si sta sempre più diffondendo nei Paesi occidentali, viene applicata in tutti i campi; dalla scrittura al disegno, passando per l'architettura, per il design degli interni (arredamento) fino ad arrivare persino al blogging.

    Ora voglio tagliare corto con le parole e mostrarti un blog che potrà lasciarti a bocca aperta per il numero di Subscriber agli RSS e il numero di commenti presenti in ogni post. Il blog in questione è uno fra i miei preferiti oltre che essere la fonte d'ispirazione di innumerevoli blogger di successo. Si chiama ZenHabits.net.

    Sorpreso? Pagina a sfondo bianco, background pressoché inesistente, nessun widget, un solo post nella Home, una bella immagine per rafforzare i concetti espressi, un solo Ad pubblicitario (che non da nemmeno molto nell'occhio) e massima attenzione esclusivamente per i contenuti.
    C'è chi potrà pensare che Leo (il blogger ideatore di ZenHabits) sia un tipo pigro e non abbia mai avuto la voglia di elaborare un bel template o cose di questo genere, ma non è assolutamente così. Il layout, il design minimalist e la struttura di navigazione del blog sono stati studiati appositamente e sono proprio i principali artefici del suo successo, oltre naturalmente ai contenuti.

    Questo blog ci insegna un'unica lezione, quella di dare la massima importanza allo studio del design a seconda di ciò che vogliamo intraprendere ed evitare di commettere gravi errori proprio in fase di realizzazione del layout del blog.

    Già, errori! Su internet vi sono molte liste di errori di web design da evitare a tutti i costi, ma la maggior parte di queste sono “Gli errori più comuni” oppure “La top 10 degli errori”. A distinguersi da queste liste abbastanza restrittive arriva quella che troverai qui di seguito fornita di un gran numero di punti, alcuni dei quali anche abbastanza “polemici”, che toccano il web design e altri argomenti affini.


    Bonus Tips: 43 errori di Web Desing & Co. da evitare

    L'elenco si riferisce ad ogni sorta di sito che sia esso un sito commerciale, un blog e così via.
    1. L'utente deve capire di cosa tratta il sito nel giro di pochi secondi. Se un visitatore non riesce a capire con chiarezza di cosa parla il tuo sito in una manciata di secondi, molto probabilmente deciderà di abbandonarlo per visitare altro. Il tuo sito deve comunicare al volo il perché, io visitatore, dovrei trascorrervi parte del mio tempo.
    2. Fai si che il contenuto sia facilmente “scannerizzabile”. Qui siamo su internet, non su un libro, perciò dimenticati lunghissimi paragrafi di testo. Probabilmente io visiterò il tuo sito mentre sono a lavoro o ho altre cose da fare, quindi devi assicurarti che possa “scannerizzare” velocemente il contenuto. Elenchi puntati, titoli, sottotitoli, liste e quant'altro possa aiutare il lettore a filtrare facilmente quello che sta cercando.
    3. Non usare strani font che risultino poco leggibili. Si, ci sono alcuni tipi di font che potrebbero dare un look sofisticato ed esclusivo al tuo sito, ma sono leggibili? Se il tuo obbiettivo principale è quello di scrivere post e far si che vengano letti, allora dovrai assicurarti che questo processo sia il più comodo possibile per i visitatori.
    4. Non usare font piccoli. Il punto precedente si applica pure in questo caso. Vorrai che i lettori riescano comodamente a leggere i tuoi contenuti. Il mio Firefox ha la funzione di zoom, ma se devo utilizzarla proprio sul tuo sito internet probabilmente sarà anche l'ultima volta che lo visiterò.
    5. Non far aprire nuove finestre al browser. Ero solito far questo sul mio primo sito internet. La logica era semplice, se io apro una nuova finestra per i link esterni, il visitatore non abbandonerà mai il mio sito. Sbagliato! Lascia che sia l'utente a decidere dove vuole aprire i link. Questa è una delle ragioni per cui i browser hanno un gran bel pulsante con scritto “Indietro”. Non preoccuparti se manderai i tuoi visitatori su un altro sito internet, torneranno indietro di loro spontanea volontà se lo vorranno (anche i siti porno alla fine si sono iniziati a rendere conto di questa cosa...).
    6. Non ridimensionare la finestra di navigazione dell'utente. L'utente deve avere completo controllo del suo browser. Se gli ridimensioni una finestra rischierai di complicargli la vita e, cosa ancor peggiore, perderai di credibilità.
    7. Non richiedere la registrazione se non strettamente necessaria. Quando io navigo su internet è perché voglio ottenere informazioni, non per perdere tempo in altre cose futili. Non obbligarmi ad effettuare una registrazione, a lasciare la mia mail o altri dettagli privati se non necessario (es. Fin quando ciò che offri non è così buono da giustificare la registrazione).
    8. Non sottoscrivere mai i visitatori a un qualcosa senza il loro consenso. Non sottoscrivere automaticamente a newsletter chi si è registrato al tuo sito. Inviare email non richieste equivale a fare spam e non è il miglior modo per farsi amici.
    9. Non usare Flash in maniera eccessiva. A parte incrementare il tempo di caricamento del tuo sito, un utilizzo eccessivo di Flash potrebbe anche stancare i visitatori. Utilizzalo solo in caso tu debba offrire caratteristiche che non sono supportate dalle pagine statiche.
    10. Non implementare brani musicali. Nei primi anni della diffusione di internet, i webmaster spesso provavano ad integrare con successo la musica nei siti web. Ti immaginerai già perché il loro tentativo fallì miseramente, evita di emularli.
    11. Se devi inserire un file audio, lascia che sia l'utente ad avviarne la riproduzione. Alcune situazioni possono richiedere l'ausilio di un file audio. Potresti aver bisogno di far ascoltare un tuo discorso all'utente, oppure il tuo tour guidato essere più efficace con l'aggiunta di un componente audio. Ok, perfetto, ma assicurati che sia l'utente ad averne il controllo. Lasciagli decidere quando è il momento di premere il pulsante “Play” piuttosto di sbattergli della musica in faccia non appena entra sul tuo sito internet.
    12. Non sovraccaricare il tuo sito di badge. Prima di tutto, badge di network e community, fanno sembrare un sito veramente poco professionale. Anche se parliamo di badge raffiguranti awards, premi o riconoscimenti, faresti meglio se non altro a piazzarli nella pagina “About”.
    13. Non usare una Homepage per lanciare il sito vero e proprio. Meno saranno i passi che l'utente dovrà compiere per aver accesso ai contenuti, meglio sarà sia per lui che soprattutto per te.
    14. Assicurati di inserire le informazioni per essere contattato. Non c'è niente di peggio di un sito in cui non sono presenti dettagli per il contatto. Questo non graverà solo sui visitatori ma pure su te stesso. Potresti infatti perdere importanti feedback e richieste di partnership lungo il tuo cammino.
    15. Non interrompere la funzionalità del pulsante “Indietro”. Questo è uno dei principi base di usabilità del browser. Non privare all'utente l'utilizzo del pulsante “Indietro” in nessuna circostanza. Far apparire nuove finestre nel browser oppure utilizzare alcuni link in Javascript ad esempio potrebbe comprometterne la sua funzionalità sul momento.
    16. Non utilizzare testo lampeggiante. A meno che i tuoi visitatori non provengano direttamente dal 1996.
    17. Evita url complessi. Un semplice url basato sulle parole chiave, non solo migliora il tuo posizionamento sui motori di ricerca, ma facilita anche l'identificazione dei contenuti della pagina che il lettore si sta accingendo a visitare.
    18. Utilizza CSS piuttosto che tabelle HTML. Le tabelle Html venivano usate per la creazione del layout delle pagine web. Con l'avvento del CSS però non vi è alcuna ragione per continuare a fossilizzarsi su di esse. Il CSS è più veloce, affidabile e offre molte più caratteristiche.
    19. Assicurati che gli utenti possano effettuare ricerche all'interno di tutto il sito web. Questa è una delle ragioni per cui i motori di ricerca hanno rivoluzionato internet. Probabilmente te lo stai gia immaginando, facilitano di non poco la ricerca delle informazioni; non omettere tale possibilità quindi nel tuo sito, implementa un modulo per la ricerca interna.
    20. Evita menù a discesa. L'utente dovrà essere in grado di visualizzare tutte le opzioni di navigazione in modo chiaro. Utilizzare menù a cascata potrebbe confondere le idee e rendere più difficile il reperimento delle informazioni che il lettore sta cercando in quel momento.
    21. Utilizza la navigazione testuale. Questo tipo di navigazione non è solo più veloce ma anche più affidabile. Considera poi che alcuni utenti navigano per il web con il visualizzatore di immagini disabilitato
    22. Se stai linkando a Pdf, notificalo. Hai mai cliccato su un link che ti ha mandato in crash il browser mentre Acrobat Reader tentava di aprire un file in Pdf? E' una situazione alquanto sgradevole, quindi assicurati di rendere espliciti i link che eventualmente punteranno a Pdf. In questo modo gli utenti interessati potranno gestire l'apertura del file come meglio credono.
    23. Non confondere i visitatori con troppe versioni del sito. Evita di confondere I visitatori con troppe versioni del tuo sito. Quale larghezza di banda preferisci? 56Kbps? 128Kbps? Flash o Html? Hei a me interessano i contenuti!
    24. Non implementare Ads nei contenuti. Implementare pubblicità come adsenseicon direttamente nei contenuti può incrementare la percentuale di click ricevuti nel breve periodo. Di contro, a lungo termine, ciò ridurrà il tuo numero di lettori. Ricorda, un visitatore stancato è un visitatore perso.
    25. Usufruisci di una struttura di navigazione semplice. Come ti ho detto all'inizio del post, “Less is more”. Assicurati che il tuo sito abbia un'unica, chiara struttura di navigazione. L'ultima cosa che vuoi è confondere il lettore su dove dovrebbe andare per trovare le informazioni che sta cercando.
    26. Evita introduzioni. Non obbligare l'utente a vedere o leggere qualcosa prima che possa accedere ai veri contenuti. Ciò è abbastanza stancante e in quel caso lui rimarrà solo se quello che hai da offrire è veramente unico.
    27. Non utilizzare Front Page. Questa non è una pubblicità anti-Microsoft, questo punto si applica pure per tutti gli altri editor Html economici. Mentre all'apparenza ti rendono più facile alcune operazioni di web design, l'output sarà un codice abbastanza “raw” (grezzo) incompatibile con diversi browser e contenente vari bug.
    28. Assicurati che il tuo sito sia compatibile con tutti i browser. Non tutti i browser interpretano CSS e altri linguaggi alla stessa maniera. Assicurati quindi di far si che il tuo sito sia compatibile almeno con i browser più diffusi, altrimenti finirai per perdere lettori nel lungo termine.
    29. Assicurati di includere anchor text nei link. Confesso che ero solito commettere questo errore fino a qualche tempo fa. E' tanto facile quanto poco efficiente dire alle persone solamente “Clicca qui”. Assicurati perciò di ancorare bene i tuoi link. Questo ti garantirà che i lettori vengano a sapere dove stanno per essere redirezionati mentre stanno per cliccare sul link, inoltre se ben applicato un anchor apporterà benefici in termini di Seo per il sito a cui il link sta puntando.
    30. Non camuffare i link. Oltre ad avere una chiara ancora, l'utente dovrà essere in grado di vedere dove il link sta puntando attraverso la barra di stato del suo browser. Se camuffi i tuoi link (sia perché sono link di affiliazioni che per altre ragioni) il tuo sito perderà credibilità.
    31. Fai si che i link siano ben visibili. Il visitatore dovrà essere in grado di riconoscere facilmente cosa è cliccabile o meno. Assicurati che i tuoi link siano di un colore contrastante con il resto del testo (il blu che viene usato la maggior parte delle volte è perfetto). Possibilmente fai si che i link siano pure sottolineati.
    32. Non sottolineare o colorare il testo normale. Non sottolineare il testo normale a meno che non sia strettamente necessario. Così come gli utenti hanno bisogno di riconoscere i link facilmente, non dovranno nemmeno immaginarsi che qualcosa sia cliccabile quando in realtà non lo è.
    33. Fai si che i link già cliccati assumano un colore diverso dagli altri. Questo punto è molto importante per l'usabilità del tuo sito. Link già cliccati che assumono un colore diverso dagli altri aiutano l'utente a localizzarli più facilmente in giro per il sito, assicurandogli di non visitare le stesse pagine inavvertitamente.
    34. Non usare Gif animate. A meno che tu non abbia banner pubblicitari che richiedono animazioni, evita le Gif animate. Fanno sembrare il sito poco professionale e distraggono l'attenzione del lettore.
    35. Assicurati di utilizzare i Tag Alt e Title per le immagini. Oltre ad avere benefici in termini di Seo, gli attributi Alt e Title nelle immagini giocano un ruolo importante per gli utenti che navigano con il visualizzatore di immagini del browser disabilitato.
    36. Non utilizzare colori troppo accesi. Se all'utente è preso un mal di testa dopo aver visitato il tuo sito per appena dieci minuti, probabilmente dovrai scegliere un miglior schema di colori. Progetta lo schema colori attorno ai tuoi obbiettivi (es. Per infondere un certo stato d'animo, per far si che gli utenti si focalizzino sul contenuto ecc...).
    37. Non utilizzare Pop-Up. Questo punto si riferisce a Pop-Up di qualsiasi tipo. Anche finestre Pop-Up esclusivamente informative e aperte di spontanea volontà dal visitatore sono una cattiva idea, dato il sempre più crescente numero di utility atte ad impedire l'apertura di tali finestre.
    38. Evita link in Javascript. Cliccando su questo tipo di link viene eseguito del codice Javascript. Evita di usarli nel tuo sito se non vuoi creare possibili problemi al browser dell'utente.
    39. Includi link funzionali nel tuo Footer. Le persone in genere se non trovano le informazioni che vanno cercando, scorrono giù la pagina fino al Footer. Per evitare di perdere subito un tuo potenziale lettore, come ultimo tentativo inserisci quindi a piè di pagina un link alla Home Page e possibilimente un link alla pagina “Contattaci”.
    40. Evita pagine eccessivamente lunghe. Immaginati cosa accadrebbe se l'utente fosse costretto a scorrere giù la pagina per un'eternità nell'intento di leggere i tuoi contenuti, probabilmente salterebbe tutto di netto. Se questo punto ti riguarda, cerca di tagliare ed eliminare il superfluo in modo da migliorare la navigabilità del tuo sito.
    41. Evita lo scorrimento orizzontale. Mentre una barra di scorrimento verticale può essere tollerata, non si può dire lo stesso per la barra orizzontale. La risoluzione video ad oggi più usata è di 1024 x 768 pixel, assicurati quindi che il tuo sito rientri in queste misure.
    42. Non commettere errori grammaticali. Questo punto non rientra propriamente negli errori di web design, ma è uno fra i fattori più importanti che determinano la qualità di un sito web. Assicurati che i tuoi link e il resto dei contenuti non contengano errori grammaticali.
    43. Se utilizzi Captcha assicurati che i caratteri siano leggibili. Diversi siti si servono di filtri Captcha come metodo per ridurre lo spam nei commenti o nei form di registrazione. Attenzione però al problema che spesso potrebbe presentarsi, difatti la maggior parte delle volte l'utente è costretto a chiamare tutta la sua famiglia per riuscire a decifrare le lettere da copiare.
    Sei d'accordo con questa lista? Hai altri consigli da aggiungere?

    Ps:
    Se hai trovato interessante questo post, non perdere l'occasione per iscriverti ai >feed RSS di questa sezione<.
    Replica con @Catchme utilizzando il bottone "Rispondi alla Discussione"

  2. The Following 11 Users Say Thank You to Catchme For This Useful Post:

    3xtr3m3 (27-09-09), dany21 (05-09-09), decomm (18-06-09), Enrico.Vignali (22-06-09), Giramondo (09-11-09), juza (22-09-09), Luciferian (18-06-09), mayhem (27-09-09), paolo.moro (17-06-09), RiodaV (18-06-09), Rogar (28-08-10)

  3. #2
    Data Registrazione
    Mar 2009
    Messaggi
    95
    Ringraziamenti ricevuti
    21
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Downloads
    4
    Uploads
    0

    Predefinito Riferimento: La semplicità Zen come chiave per il successo (+ 43 errori di web design

    Per quanto mi sia sforzato di cercarlo, non mi sembra che sia riportato niente riguardo all'eccesso di pubblicità all'interno della pagina.

    Forse Darren lo da per sottinteso, ma in certi siti è presente 80% banner pubbliitari e 20% testo: di certo non sono siti che possono fare molta strada.
    Replica con @Enrico.Vignali utilizzando il bottone "Rispondi alla Discussione"

  4. #3
    Data Registrazione
    Feb 2009
    Messaggi
    317
    Ringraziamenti ricevuti
    210
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Downloads
    0
    Uploads
    0

    Predefinito Riferimento: La semplicità Zen come chiave per il successo (+ 43 errori di web design

    Giusto Enrico, anche se quello dei 43 errori non è un post di Darren ma è tratto da un altro blog. In ogni caso molti lo considerano come sottinteso ma in giro se ne vedono a centinaia di blog pieni stracolmi di Ads quindi evidentemente non è poi così scontata la cosa.
    Replica con @Catchme utilizzando il bottone "Rispondi alla Discussione"

  5. #4
    Data Registrazione
    Jun 2009
    Messaggi
    18
    Ringraziamenti ricevuti
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Downloads
    0
    Uploads
    0

    Predefinito Riferimento: La semplicità Zen come chiave per il successo (+ 43 errori di web design

    altro che zen, ci vuole una pazienza d'oro per evitare questi errori
    Replica con @orygamy utilizzando il bottone "Rispondi alla Discussione"

  6. #5
    Data Registrazione
    Sep 2008
    Messaggi
    238
    Ringraziamenti ricevuti
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Downloads
    1
    Uploads
    0

    Predefinito Riferimento: La semplicità Zen come chiave per il successo (+ 43 errori di web design

    molti errori penso che non li commetti più mano a mano che procedi con la tua "carriera" di blogger... alcune sono deduzioni che seppur minime aiutano molto. In ignu caso è molto utile averle presenti. Poi ognuno può azzardare e scegliere. A me personalmente piace molto l'uso delle immagini cliccabili. Hanno seri problemi a livello SEO, però sono molto immediate come messaggio. Il giusto trade-off come sempre. Saluti
    Replica con @DoMiNoAv utilizzando il bottone "Rispondi alla Discussione"

  7. #6
    Data Registrazione
    May 2005
    Località
    .
    Messaggi
    37
    Ringraziamenti ricevuti
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Downloads
    6
    Uploads
    0

    Predefinito Riferimento: La semplicità Zen come chiave per il successo (+ 43 errori di web design

    E' molto interessante Leo Babauta, i suoi consigli sono sempre illuminanti. E Zen To Done è un must!
    Replica con @ecavalli utilizzando il bottone "Rispondi alla Discussione"

  8. #7
    Data Registrazione
    May 2010
    Messaggi
    15
    Ringraziamenti ricevuti
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Downloads
    0
    Uploads
    0

    Predefinito Riferimento: La semplicità Zen come chiave per il successo (+ 43 errori di web design

    Ottimo articolo.
    Io aggiungerei anche un "non tentar di fregare gli utenti" con stratagemmi per fargli visualizzare la pubblicità (vedi quei siti dove trovi un bel "download" ed in realtà se non guardi bene clicchi su un adsenseicon).
    In quel caso magari ci guadagni un click, ma molto probabilmente non riceverai più visite da quell'utente.
    Replica con @veriotech utilizzando il bottone "Rispondi alla Discussione"

Discussioni Simili

  1. [vendo] design - web design - illustrazioni - painting - brochure.. a partire da € 10
    Di kajin` nel forum COMPRAVENDITA DI APPLICATIVI E GRAFICA PER IL WEB
    Risposte: 3
    Ultimo Messaggio: 14-02-10, 10:43 PM
  2. Semplicità rinnovata: AdSense Notifier per Firefox 3.5
    Di ginofelino nel forum PUBBLICIZZA IL TUO SITO E PROPONI SCAMBI LINK
    Risposte: 1
    Ultimo Messaggio: 27-11-09, 10:36 AM
  3. Errori nei link di tradedoubler
    Di cocciagialla nel forum COME GUADAGNARE CON IL PROPRIO SITO WEB
    Risposte: 6
    Ultimo Messaggio: 27-09-05, 12:38 AM
  4. Errori TradeDoubler
    Di smaini62 nel forum COME GUADAGNARE CON IL PROPRIO SITO WEB
    Risposte: 1
    Ultimo Messaggio: 03-05-05, 11:42 AM
  5. TD: errori nei link
    Di Martin_fly nel forum COME GUADAGNARE CON IL PROPRIO SITO WEB
    Risposte: 4
    Ultimo Messaggio: 07-04-04, 12:41 PM

Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •