{"id":106,"date":"2013-01-29T11:31:50","date_gmt":"2013-01-29T10:31:50","guid":{"rendered":"http:\/\/www.neamesa.it\/blog\/?p=106"},"modified":"2024-05-24T14:49:25","modified_gmt":"2024-05-24T12:49:25","slug":"sito-internet-le-fasi-della-progettazione","status":"publish","type":"post","link":"http:\/\/www.neamesa.it\/blog\/sito-internet-le-fasi-della-progettazione\/","title":{"rendered":"Sito internet: le fasi della progettazione"},"content":{"rendered":"

Un sito web di qualit\u00e0, anche se di dimensioni contenute, \u00e8 un’applicazione dall’apparenza semplice, ma dalla costruzione abbastanza complessa<\/strong>  che mette in gioco tre aspetti strettamente correlati:<\/p>\n

    \n
  1. 1. la struttura logica<\/strong>,<\/li>\n
  2. 2. l’aspetto grafico<\/strong>,<\/li>\n
  3. 3. la componente tecnica<\/strong>.<\/li>\n<\/ol>\n

    <\/p>\n

    La progettazione logica<\/h2>\n

    Ottenuta chiarezza sui contenuti [Sito internet: l\u2019importanza di una buona progettazione<\/a>] si tratta di distribuirli in una struttura logica<\/strong> e soprattutto comprensibile<\/strong> a chi approder\u00e0 sul sito.
    \n\u00c8 una fase fondamentale, nella quale si disegnano le relazioni ipertestuali<\/strong> fra le varie parti (i link), si definiscono i menu<\/strong> e le modalit\u00e0 di navigazione<\/strong> fino a disegnare nel vero senso della parola gli spazi<\/strong> e le aree delle pagine<\/strong> a partire dalla home page.
    \n\u00c8 un momento cruciale, a costo si sembrare drammatici in un certo senso \u00e8 in questa fase che si decidono le sorti del prodotto<\/strong>. Se condotta con la dovuta attenzione render\u00e0 tutte le fasi successive, fino allo sviluppo, lineari, rapide ed economiche. Ma soprattutto render\u00e0 il sito navigabile<\/strong> ed intuitivo<\/strong>.
    \nPer usare un termine abusato: usabile<\/strong> (e chiedo scusa per il gioco di parole).<\/p>\n

    La progettazione grafica<\/h2>\n

    E’ la naturale prosecuzione della fase precedente. Non pu\u00f2 essere fatta prima. Anche se soddisfacente da un punto di vista estetico non avrebbe alcun senso, perch\u00e9 non potrebbe tenere conto delle effettive necessit\u00e0 del progetto. La grafica di una pagina web pu\u00f2 essere estremamente raffinata, ma \u00e8 innanzitutto la rappresentazione in termini di colore, scelta dei caratteri e degli equilibri fra le parti di una interfaccia informatica<\/strong>.
    \nUn oggetto cio\u00e8 che pu\u00f2 essere piacevole<\/strong> a vedersi fino ad essere bello, ma finalizzato ad un uso pratico<\/strong>. L’utente del sito pu\u00f2 essere colpito dalla bellezza della pagina, stupito da effetti speciali, ma se non comprende immediatamente le modalit\u00e0 di navigazione, le possibilit\u00e0 e le interazioni offerte dal sito se ne andr\u00e0 subito. Appagato esteticamente, forse, ma deluso nelle aspettative.<\/p>\n

    La progettazione tecnica<\/h2>\n

    Questo post non \u00e8 rivolto a tecnici. Quindi, senza entrare nel dettaglio, diciamo che in questo momento del progetto si scelgono le versioni di linguaggio<\/strong> adeguate alle necessit\u00e0, si individuano i componenti necessari (analizzando i contenuti abbiamo capito che dobbiamo prevedere  una galleria fotografica… Ok, ma quale?), si definiscono le parti da implementare ex-novo.
    \nE, ultimo ma non per importanza, si costruiscono<\/strong> i modelli in html \u2013 template – delle pagine.<\/p>\n

    Il progetto \u00e8 pronto<\/h2>\n

    Non resta che passare all’implementazione del sito<\/strong>, e non \u00e8 passato neanche tanto tempo da quando si \u00e8 iniziato. La produzione proceder\u00e0 spedita. Chi deve provvedere a completare il sito potr\u00e0 svolgere il suo compito senza doversi fermare ogni due per tre a chiedersi cosa fare… Risparmiando  tempo<\/strong>. Molto pi\u00f9 di quanto ne sia occorso per la progettazione.<\/p>\n

    In conclusione<\/h2>\n

    Che si tratti di comprare un tavolo o commissionare un sito web pare proprio che un po’ di progettazione condotta bene e ben documentata ci aiuti a risparmiare tempo<\/strong> e, soprattutto, a spendere bene<\/strong> il denaro.
    \nChiaramente il tempo e le risorse impiegate nella progettazione devono essere proporzionate alla dimensione del progetto stesso. E qui entra in gioco il buon senso (altra categoria un po’ vituperata). D’altra parte per acquistare il tavolo forse non chiamereste un architetto di grido per prendere le misure della sala da pranzo e neppure commissionereste un’indagine di mercato ad una multinazionale specializzata. Potreste sicuramente ottenere un ottimo risultato (non \u00e8 detto, in realt\u00e0…), ma ad un prezzo che eufemisticamente potremmo dire esagerato.
    \nNiente paura<\/strong>: internet e i nuovi media ci permettono di ottenere buoni risultati (a volte superiori alle aspettative) con investimenti non troppo impegnativi: a patto che vi rivolgiate a professionisti del settore. Quelli seri<\/strong>, e ce ne sono molti,  non dipingeranno scenari impossibili, ma opereranno scelte commisurate<\/strong> alla dimensione del progetto applicando le soluzioni giuste<\/strong> per ottenere un prodotto “su misura” e, soprattutto della “misura giusta”.<\/p>\n

    Fabio Bosso<\/em>
    \n    Nea Mesa Comunicazione<\/em><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

    Un sito web di qualit\u00e0, anche se di dimensioni contenute, \u00e8 un’applicazione dall’apparenza semplice, ma dalla costruzione abbastanza complessa  che mette in gioco tre aspetti strettamente correlati: 1. la struttura logica, 2. l’aspetto grafico, 3. la componente tecnica.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,39],"tags":[23,19,15,12,24,13,20],"class_list":["post-106","post","type-post","status-publish","format-standard","hentry","category-internet","category-progettazione-2","tag-analisi","tag-comunicazione-2","tag-grafica-2","tag-internet-2","tag-progettazione","tag-web","tag-web-design"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.neamesa.it\/blog\/wp-json\/wp\/v2\/posts\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.neamesa.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.neamesa.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.neamesa.it\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.neamesa.it\/blog\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":1,"href":"http:\/\/www.neamesa.it\/blog\/wp-json\/wp\/v2\/posts\/106\/revisions"}],"predecessor-version":[{"id":1579,"href":"http:\/\/www.neamesa.it\/blog\/wp-json\/wp\/v2\/posts\/106\/revisions\/1579"}],"wp:attachment":[{"href":"http:\/\/www.neamesa.it\/blog\/wp-json\/wp\/v2\/media?parent=106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.neamesa.it\/blog\/wp-json\/wp\/v2\/categories?post=106"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.neamesa.it\/blog\/wp-json\/wp\/v2\/tags?post=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}