![\"principi](\"https:\/\/mktfactory.com\/blog\/wp-content\/uploads\/2019\/04\/principi-di-web-design.jpg\")
<\/p>\nImmagina che attualmente ci sono miliardi di siti web.<\/p>\n
Quasi tutte le aziende occidentali ne hanno uno.<\/p>\n
E questo pu\u00f2 significare solo una cosa.<\/p>\n
E\u2019 difficile farsi notare con tutta questa concorrenza.<\/p>\n
Allora bisogna fare qualcosa in pi\u00f9.<\/p>\n
Fare qualcosa di diverso.<\/p>\n
Essere migliori.<\/p>\n
Ma per esserlo bisogna seguire il caso?<\/p>\n
La fortuna?<\/p>\n
Oppure forse \u00e8 meglio seguire delle linee guida che possono garantirti un risultato sicuro?<\/p>\n
Delle linee guida che funzionano ovviamente.<\/p>\n
<\/p>\n
Eccoti un elenco che pu\u00f2 funzionare.<\/p>\n
Dietro ad ogni progetto degno di nota c\u2019\u00e8 un perch\u00e9 come suggerisce un famoso libro di Simon Sinek –\u00a0Partire dal perch\u00e9<\/a>.<\/p>\n In sostanza ci sono delle cose fondamentali che devi conoscere.<\/p>\n E per conoscerle devi farti le domande giuste.<\/p>\n Ad esempio.<\/p>\n Conosco me stesso a fondo?<\/b><\/p>\n Come diceva Sun Tzu:<\/p>\n Se conosci il nemico e te stesso, la tua vittoria \u00e8 sicura. Se conosci te stesso ma non il nemico, le tue probabilit\u00e0 di vincere e perdere sono uguali. Se non conosci il nemico e nemmeno te stesso, soccomberai in ogni battaglia.<\/p>\n<\/blockquote>\n Fai pi\u00f9 domande possibili e dai delle risposte.<\/p>\n Insomma, cerca di conoscerti a fondo.<\/p>\n Scava.<\/p>\n Impara a leggere molto.<\/p>\n Non puoi andare in bagno se prima non hai mangiato.<\/p>\n Cos\u00ec funziona la comunicazione.<\/p>\n Devi prima nutrire la tua mente.<\/p>\n E leggere \u00e8 un\u2019ottima maniera per nutrirla.<\/p>\n Senza aver letto prima la tua comunicazione sar\u00e0 blanda.<\/p>\n Povera.<\/p>\n Senza sostanza.<\/p>\n A detta sua, Stephen King legge 80 libri all’anno.<\/p>\n Insomma, legge quasi sempre.<\/p>\n Ovunque.<\/p>\n E\u2019 proprio grazie a questo che ha scritto almeno 90 libri.<\/p>\n Beh… non solo grazie a questo ma ci siamo capiti.<\/p>\n \u201cI’m a slow reader, but I usually get through seventy or eighty books a year, most fiction. I don’t read in order to study the craft; I read because I like to read\u201d – Stephen King<\/p>\n<\/blockquote>\n In seguito cerca di ragionare molto.<\/strong><\/p>\n Per ragionare molto devi accumulare molto e dedicare del tempo alla digestione dei contenuti.<\/p>\n \u00a0<\/p>\n Se vuoi un output di qualit\u00e0 devi appunto fare attenzione a cosa immetti nel processo.<\/p>\n Dopo, comunica con le persone giuste.<\/strong><\/p>\n Non hai idea di quanta influenza hanno su di te le persone che ti circondano.<\/p>\n Sulla tua creativit\u00e0 e produttivit\u00e0. Sul tuo umore e sulla tua salute generale.<\/p>\n Comunicare le persone giuste \u00e8 fondamentale.\u00a0<\/p>\n Le due grandi macro aree pi\u00f9 importanti sono i font serif e sans serif.<\/p>\n I caratteri serif sono quelli con le grazie.<\/p>\n I caratteri Sans-Serif sono quelli senza le grazie.<\/p>\n Per intenderci la differenza \u00e8 questa.<\/p>\n I colori influenzano il tuo stato d\u2019animo.<\/p>\n Ogni donna lo sa perfettamente.<\/p>\n Un cambio di colore nel vestiario pu\u00f2 cambiare l\u2019umore della giornata.<\/p>\n Il rosso ad esempio stimola ed eccita la mente.<\/p>\n L\u2019arancione \u00e8 un colore giocoso.<\/p>\n Il verde invece \u00e8 calmante.<\/p>\n Il giallo \u00e8 ottimista.<\/p>\n Ma i colori devono rispecchiare il tuo brand.<\/strong><\/p>\n Quando hai concepito il tuo brand a cosa pensavi?<\/p>\n Da quali emozioni ti sei fatto guidare?<\/p>\n Passione? Avventura? Libert\u00e0? Minimalismo? Sensualit\u00e0? Dolcezza?<\/p>\n O tutte queste cose insieme?<\/p>\n I tuoi colori devono distinguersi dalla concorrenza.<\/strong><\/p>\n Tutto il tuo brand decade se diventi conformista o copione.<\/p>\n Il lusso non \u00e8 mai conformista.<\/p>\n L\u2019uomo libero non \u00e8 mai conformista.<\/p>\n L\u2019ideale non \u00e8 mai popolare.<\/p>\n Prima di tutto, non devono essere immagini “stock”.<\/p>\n Perch\u00e9 sappiamo che a Google non piacciono i copioni.<\/p>\n Come un testo copiato pu\u00f2 farti perdere posizioni sul ranking cos\u00ec un’immagine da Shutterstock che \u00e8 utilizzata da 10,000 siti web ti distrugger\u00e0 il SEO.<\/p>\n Non essere un copione come il 95% dei siti web.<\/p>\n Non essere uno di loro.<\/p>\n La mediocrit\u00e0 \u00e8 punita da Google e non la porta in prima pagina.<\/p>\n Anni fa s\u00ec, funzionava.\u00a0<\/p>\n Oggi no.<\/p>\n Domani neanche per sogno.<\/p>\n Usa immagini in alta risoluzione.<\/strong><\/p>\n Cosa intendo per alta risoluzione?<\/p>\n La risoluzione \u00e8 la quantit\u00e0 di dettagli che un’immagine possiede.<\/p>\n Un’alta risoluzione corrisponde quindi a pi\u00f9 dettagli visibili.<\/p>\n Non devono pesare tanto.<\/strong><\/p>\n Come ben saprai i fornitori di servizi internet ti fanno pagare il traffico dati sul tuo smartphone.<\/p>\n Se scarichi 10 mega di dati quanto dovrai pagare?<\/p>\n E quanto tempo impiegheranno i tuoi visitatori a caricare queste immagini?<\/p>\n Nessuno ama aspettare per vedere un immagine che si carica sullo schermo.<\/p>\n Devono essere nominate con cura.<\/strong><\/p>\n Come ben saprai dal punto di vista SEO il nome del file \u00e8 fondamentale per essere scoperto e indicizzato da Google e altri motori di ricerca.<\/p>\n nome_file.jpg<\/em><\/p>\n Devono avere un alt text ideale.<\/strong><\/p>\n E come deve essere un alt text ideale?<\/p>\n Questo dipende da te e dalla tua strategia.<\/p>\n Non devono essere fuori dal contesto.<\/strong><\/p>\n Ti \u00e8 mai capitato di parlare durante un funerale con i parenti del defunto delle cose divertenti che hai visto recentemente?<\/p>\n Probabilmente no.<\/p>\n Saresti decisamente fuori contesto.<\/p>\n Ecco, eppure sul web si vedono costantemente queste situazioni cosi imbarazzanti.<\/p>\n Situazioni in cui il mittente ignora del tutto il contesto del destinatario.<\/p>\n Non devono essere banali.<\/strong><\/p>\n Cio\u00e8, un contenuto privo di originalit\u00e0, distinzione o importanza.<\/p>\n Anche se il 90% dei contenuti su internet sono cosi, non significa che sono decenti.<\/p>\n Ci\u00f2 che \u00e8 popolare non \u00e8 sinonimo di qualit\u00e0 quando si parla di contenuti web.<\/p>\n La navigazione, come suggerisce la parola \u00e8 una guida.<\/p>\n E come tale deve guidare bene.<\/p>\n Perci\u00f2 necessita:<\/p>\n Della leggibilit\u00e0.<\/strong><\/p>\n Ti \u00e8 mai capitato di vedere un articolo web senza spazi tra un paragrafo ed un altro?<\/p>\n Ovviamente s\u00ec.<\/p>\n Come avrai notato \u00e8 illeggibile.<\/p>\n Avrai pensato, chi oserebbe leggere tutto quel blocco di testo?<\/p>\n E infatti, sappiamo dalle ricerche sulla usabilit\u00e0 che uccide la conversione.<\/p>\n Il testo ha bisogno di respirare per dare sollievo alla mente.<\/p>\n Della cliccabilit\u00e0.<\/strong><\/p>\n A cosa serve un menu di navigazione se non ti fa navigare?<\/p>\n O se provi a cliccare non succede niente.<\/p>\n O che non lo vedi quando cambi schermo perch\u00e9 hai bisogno di installare qualche dannato componente.<\/p>\n Don’t Make Me Think diceva un famoso libro.\u00a0<\/p>\n Della coerenza.<\/strong><\/p>\n Tra le cose pi\u00f9 frustranti nel web design \u00e8 vedere una cosa nota ma poi scoprire che in realt\u00e0 \u00e8 tutt’altro.<\/p>\n Ad esempio un link che non porta dove dovrebbe.<\/p>\n Un\u2019immagine che non c\u2019entra con il testo attorno.<\/p>\n Il layout determina la forma del tuo sito.<\/p>\n E la forma del tuo sito decisamente influenza le vendite.<\/p>\n Se \u00e8 la forma giusta ovviamente.<\/p>\n Ordunque come dobbiamo creare il layout giusto?<\/p>\n Definisci cosa significa un layout di successo come prima cosa.<\/strong><\/p>\n Il web design \u00e8 molto cambiato nel corso degli anni.<\/p>\n La ragione principale del cambiamento \u00e8 dovuta dalla tecnologia dei nuovi monitor e dalle sue dimensioni.<\/p>\n Pensa ad esempio alle dimensione di uno schermo di uno smartphone o a quello di un tablet.<\/p>\n \u00a0<\/p>\n Il web design perci\u00f2 ha dovuto seguire questa linea.<\/p>\n Poi, le connessioni sempre pi\u00f9 veloci hanno dato modo di usare immagini ad alta risoluzione, o video in background etc.<\/p>\n Crea uno sketch.<\/strong><\/p>\n Se stai creando un sito come hobby puoi scrivere il codice da subito ma se intendi creare un grande effetto per un cliente\u2026 beh, le cose cambiano.<\/p>\n Nessuno sano di mente si metterebbe a mettere gi\u00f9 del codice senza prima buttare gi\u00f9 delle idee, poi creare una bozza e in seguito mettere tutto in concreto.<\/p>\n Crea una grid.<\/strong><\/p>\n Una grid ( griglia ) svolge una funzione importantissima nel web e graphic design. Quella di dare una struttura ai contenuti che altrimenti sarebbero sparpagliati a casaccio.<\/p>\n O in parole povere, sono delle linee orizzontali e verticali ( 2d ) che ti aiutano a posizionare gli oggetti in modo ordinato.<\/p>\n Considera anche i fattori come:<\/p>\n Prossimit\u00e0<\/strong><\/p>\n In teoria \u00e8 l’utilizzo dello spazio visuale per mostrare una relazione tra i tuoi contenuti.<\/p>\n Le cose vicine trasmettono appartenenza.<\/p>\n Le cose lontane trasmettono il contrario.<\/p>\n Spazio bianco.<\/strong><\/p>\n Come dicevo prima, i tuoi contenuti devono respirare. Dagli spazio.<\/p>\n \u00a0<\/p>\n Respira.<\/p>\n RESPIRA.<\/p>\n R E S P I R A.<\/p>\n R\u00a0 \u00a0 E\u00a0 \u00a0 S\u00a0 \u00a0 P\u00a0 \u00a0 I\u00a0 \u00a0 R\u00a0 \u00a0 A.<\/p>\n \u00a0<\/p>\n Contrasto.<\/strong><\/p>\n Il contrasto \u00e8 fondamentale per dividere i concetti, gli oggetti etc.<\/p>\n Se vuoi evidenziare una differenza usa il contrasto.<\/p>\n Con i colori. Con le dimensioni.<\/p>\n \u00a0<\/p>\n Ti piace aspettare?<\/p>\n Suppongo di no.<\/p>\n Perch\u00e9 a nessuno piace aspettare che un sito web si carichi.<\/p>\n Non piace nemmeno a Google tra l\u2019altro che tende a punire i siti lenti.<\/p>\n Ho scritto diversi articoli sulla importanza di avere dei siti veloci e non sono l’unico.\u00a0<\/p>\n E’ veramente importante che il tuo sito sia veloce.<\/p>\n Che diavolo significa mobile friendly?<\/p>\n Significa, fare un sito che piaccia ai dispositivi mobili, tipo smartphone.<\/p>\n Quelli con le schermo piccolo per intenderci. O con la connessione lenta.<\/p>\n Per quali motivi bisogna piacere ai dispositivi mobili?<\/p>\n Perch\u00e9 la maggioranza del traffico web oggigiorno \u00e8 mobile.<\/p>\n E Google ha persino deciso di passare al Mobile First Index.<\/p>\n C\u2019\u00e8 una parola magica che bisogna sempre tenere in mente.<\/p>\n Nel bene e nel male.<\/p>\n La parola \u00e8 \u201cprossimo\u201d.<\/p>\n Ma cosa c\u2019entra con il web design e le vendite?<\/p>\n Perch\u00e9 qualunque sia la tua professione, per imparare devi sbagliare.<\/p>\n Continuamente.<\/p>\n Ma non bisogna mai fermarsi del tutto.<\/p>\n Bisogna sempre pensare al prossimo passo.<\/p>\n Per quanto minuscolo che sia.<\/p>\n Prossimo.<\/p>\n Probabilmente sai che gi\u00e0 che la maggior parte dei brand di lusso fanno leva sul design per trasmettere il loro valore.<\/p>\n In un mio articolo ho spiegato come vendere il lusso online<\/a>. E non \u00e8 come pensi.<\/p>\n E non \u00e8 nemmeno come te lo ha spiegato il tuo consulente di fiducia.<\/p>\n Il lusso segue regole diverse. Le regole che sono invisibili alla massa.<\/p>\n Il web design \u00e8 cambiato.<\/p>\n Decisamente cambiato da ci\u00f2 che era pochi anni fa.<\/p>\n Come per la SEO, i vecchi metodi non funzionano pi\u00f9.<\/p>\n Nessuno comprer\u00e0 qualcosa dal tuo sito se ti presenti malamente.<\/p>\n In aggiunta puoi ascoltare anche la puntata del podcast Il processo di creazione di un sito web in 5 passaggi<\/a><\/p>\n\n\n <\/p>\n","protected":false},"excerpt":{"rendered":" Immagina che attualmente ci sono miliardi di siti web.Quasi tutte le aziende occidentali ne hanno uno.E questo pu\u00f2 significare solo una cosa.E\u2019 difficile farsi notare con tutta questa concorrenza.Allora bisogna fare qualcosa in pi\u00f9.<\/p>\n","protected":false},"author":1,"featured_media":2863,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[31,125,8,85],"tags":[156,158,157,159,153,154,155,61],"class_list":{"0":"post-2710","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-content-marketing","8":"category-creativita","9":"category-usabilita","10":"category-user-experience","11":"tag-brand","12":"tag-css","13":"tag-html","14":"tag-layout","15":"tag-principi","16":"tag-processo","17":"tag-tipografia","18":"tag-web-design","19":"entry"},"featured_image_src":"https:\/\/mktfactory.com\/blog\/wp-content\/uploads\/2019\/04\/principi-di-web-design.jpg","featured_image_src_square":"https:\/\/mktfactory.com\/blog\/wp-content\/uploads\/2019\/04\/principi-di-web-design.jpg","author_info":{"display_name":"Dino Gojanovic","author_link":"https:\/\/mktfactory.com\/blog\/author\/mkt\/"},"_links":{"self":[{"href":"https:\/\/mktfactory.com\/blog\/wp-json\/wp\/v2\/posts\/2710","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mktfactory.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mktfactory.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mktfactory.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mktfactory.com\/blog\/wp-json\/wp\/v2\/comments?post=2710"}],"version-history":[{"count":135,"href":"https:\/\/mktfactory.com\/blog\/wp-json\/wp\/v2\/posts\/2710\/revisions"}],"predecessor-version":[{"id":2983,"href":"https:\/\/mktfactory.com\/blog\/wp-json\/wp\/v2\/posts\/2710\/revisions\/2983"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mktfactory.com\/blog\/wp-json\/wp\/v2\/media\/2863"}],"wp:attachment":[{"href":"https:\/\/mktfactory.com\/blog\/wp-json\/wp\/v2\/media?parent=2710"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mktfactory.com\/blog\/wp-json\/wp\/v2\/categories?post=2710"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mktfactory.com\/blog\/wp-json\/wp\/v2\/tags?post=2710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
\n
2. Migliora la comunicazione<\/h2>\n
\n
3. Usa la tipografia saggiamente<\/h2>\n
![\"\"](\"https:\/\/mktfactory.com\/blog\/wp-content\/uploads\/2019\/01\/Serif_and_sans-serif_02.svg\")
<\/p>\n![\"\"](\"https:\/\/mktfactory.com\/blog\/wp-content\/uploads\/2019\/01\/Serif_and_sans-serif_01.svg\")
<\/p>\n![\"\"](\"https:\/\/mktfactory.com\/blog\/wp-content\/uploads\/2019\/01\/Serif_and_sans-serif_03.svg\")
<\/p>\n4. Colori<\/h2>\n
5. Immagini<\/h2>\n
![\"Diventa](\"https:\/\/mktfactory.com\/blog\/wp-content\/uploads\/2017\/06\/1.png\")
<\/a><\/p>\n6. Navigazione<\/h2>\n
7. Layout<\/h2>\n
![](\"https:\/\/mktfactory.com\/blog\/wp-content\/uploads\/2019\/01\/grid-web-design.svg\")
<\/p>\n8. Tempi di caricamento<\/h2>\n
9. Mobile friendly<\/h2>\n
10. Prossimo<\/h2>\n
11. Lusso<\/h2>\n
CONCLUSIONE<\/h2>\n
![\"il](\"https:\/\/mktfactory.com\/podcast\/wp-content\/uploads\/2019\/09\/il-processo-di-creazione-del-sito-web-in-5-passaggi.jpg\")
<\/a>