{"id":2158,"date":"2017-11-25T12:00:38","date_gmt":"2017-11-25T11:00:38","guid":{"rendered":"https:\/\/www.addlance.com\/blog\/?p=2158"},"modified":"2021-02-17T23:35:33","modified_gmt":"2021-02-17T22:35:33","slug":"web-designer-competenze","status":"publish","type":"post","link":"https:\/\/seven.addlance.com\/beta\/blog\/web-designer-competenze\/","title":{"rendered":"Competenze di un Web Designer (oggi)"},"content":{"rendered":"<p><img decoding=\"async\" class=\"al-passpartout alignright wp-image-2173 size-medium\" title=\"Come scegliere il miglior web designer\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2017\/11\/web-design-1-300x200.jpg\" alt=\"Come scegliere il miglior web designer\" width=\"300\" height=\"200\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2017\/11\/web-design-1-300x200.jpg 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2017\/11\/web-design-1-610x407.jpg 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2017\/11\/web-design-1.jpg 700w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><strong>Come scegliere il miglior web designer?<\/strong> Il web designer \u00e8 un professionista indispensabile per la presenza online delle aziende e degli altri soggetti con una visibilit\u00e0 pubblica.<\/p>\n<p>\u00c8 colui che si occupa del progetto e dello sviluppo artistico e tecnico di un sito web.<\/p>\n<p>Opera scelte sullo stile, sulla struttura di navigazione per rendere ottimale l\u2019esperienza di navigazione degli utenti.<\/p>\n<p>In questo articolo scoprirai che cos&#8217;\u00e8 un Web Designer e cosa aspettarti da lui.<\/p>\n<p>Imparerai anche a capire che ci sono abilit\u00e0 comuni a tutti e altre variabili da professionista a professionista, quali sono e come orientarti in questo mare di possibilit\u00e0.<!--more--><\/p>\n<p>I<strong> compiti principali di un Web Designer<\/strong> sono due:<\/p>\n<ul>\n<li>progettare la comunicazione visiva del nostro sito internet<\/li>\n<li>codificare in linguaggio web (con codice HTML) creando le singole pagine di un sito<\/li>\n<\/ul>\n<p>Il primo \u00e8 un requisito fondamentale, il secondo non sempre. O meglio, dipende da cosa si ha bisogno.<\/p>\n<h3>Ma allora, cosa deve saper fare un web designer veramente?<\/h3>\n<p>Le vere prerogative di base di un web designer sono quelle di conoscere i principi di <strong>UX (User<\/strong> <strong>Experience)<\/strong>, di <strong>Accessibilit\u00e0<\/strong> (segnatamente se lavori per le PA), di progettazione grafica (che in fondo \u00e8 difficilmente separabile dalla UX), dei software grafici per il disegno delle interfacce e la produzione dei &#8220;pezzi&#8221; grafici che servono.<\/p>\n<p>Poi, solo poi, deve possedere le competenze di programmazione.<\/p>\n<p>Questo, ovviamente, a livello teorico di massima.<\/p>\n<p>Il discorso pu\u00f2 essere diverso se parliamo di <strong>freelance<\/strong>.<\/p>\n<p>Un freelance si trova spesso a lavorare da solo ed \u00e8 pi\u00f9 naturalmente portato a ibridare le sue competenze.<\/p>\n<p>Quindi potremmo dire che un <strong>web<\/strong> <strong>designer freelance<\/strong>, in linea di principio, dovrebbe essere in grado di seguire un progetto dall&#8217;inizio alla fine, nelle sue specifiche competenze.<\/p>\n<p>Perch\u00e9 <em>nelle sue specifiche competenze<\/em>?<\/p>\n<p>Te lo spieghiamo con un esempio:<\/p>\n<p>Immaginiamo un Web Designer che viene contattato dall&#8217;avvocato che lavora al piano di sotto per fargli il sito web.<\/p>\n<p>In questo caso \u00e8 probabile che il web designer non faccia &#8220;solo&#8221; il design del sito.<\/p>\n<p>Si occuper\u00e0 bens\u00ec anche di tutta una serie di servizi: dalla <strong>registrazione del dominio<\/strong> alla creazione delle <strong>caselle email<\/strong>, dalla scelta dell&#8217;<strong>hosting<\/strong> all&#8217;installazione &#8211; ad esempio &#8211; di <a href=\"https:\/\/www.addlance.com\/s\/wordpress\"><strong>WordPress<\/strong><\/a>, dalla struttura del sito alla grafica, al trattamento delle foto eccetera.<\/p>\n<p>Ecco, supponiamo che per qualche ragione il suo cliente gli chieda di utilizzare non WordPress ma un&#8217;altra piattaforma: non \u00e8 mica detto che il freelance lo sappia fare.<\/p>\n<p>Ma non per questo si pu\u00f2 dire che non sia preparato!<\/p>\n<p>&nbsp;<\/p>\n<h3>Come scegliere il Web Designer migliore per la propria attivit\u00e0<\/h3>\n<p>Il primo consiglio, prima ancora di creare un annuncio per la ricerca di un <a href=\"https:\/\/www.addlance.com\/web-designer\"><strong>Web Designer Freelance<\/strong><\/a>, \u00e8 porsi la domanda: cosa voglio realizzare?<\/p>\n<p>Non ha alcun senso programmare una piattaforma da zero, spendendo tempo e denaro, se con un tema pronto si pu\u00f2 avere un sito ugualmente professionale: quella spesa in pi\u00f9 \u00e8 nient&#8217;altro che spreco.<\/p>\n<p>Quindi a meno che tu non abbia particolari richieste o automatismi da creare, cerca un Web Designer che possa metterti online, garantendoti con un tema gi\u00e0 esistente opportunamente modificato, <strong>visibilit\u00e0, SEO e Newsletter<\/strong>.<\/p>\n<p>Non c\u2019\u00e8 nulla di male ad usare, per un cliente senza particolari necessit\u00e0 tecniche, un tema gi\u00e0 esistente per approntare un nuovo sito internet.<\/p>\n<p>Pu\u00f2 invece essere opportuno ingaggiare insieme al web designer anche un <strong>Web Developer<\/strong> qualora fosse necessario approntare delle scelte informatiche oltre che di design.<\/p>\n<p>Questo perch\u00e9, lo dicevamo prima, un Web Designer non \u00e8 un programmatore.<\/p>\n<p>Non chiedergli di conoscere linguaggi server-side (PHP, .net, java, c++), di avere competenze nel 3D o di saper configurare correttamente un Server.<\/p>\n<p>Questi sono compiti che spettano al <strong>programmatore<\/strong>, in questo caso un<strong>\u00a0Web Developer o Sviluppatore Web<\/strong>.<\/p>\n<p>Il quale, a sua volta, non \u00e8 un Web Designer.<\/p>\n<p>Lo sviluppatore cio\u00e8 non si occupa del layout grafico di un sito, non \u00e8 necessariamente un creativo, n\u00e9 un esperto di comunicazione visiva.<\/p>\n<p>Ma allora, quale <strong>professionista freelance<\/strong> dobbiamo scegliere se vogliamo un sito internet per la nostra presenza online? Come dicevamo, dipende.<\/p>\n<p>Dipende da cosa?<\/p>\n<p>Essenzialmente dalle necessit\u00e0, dagli obiettivi, dai punti di partenza.<\/p>\n<p>Proviamo qui di seguito a elencare un paio di scenari e le rispettive soluzioni, senza la pretesa di essere perfetti ed esaustivi. Essenzialmente abbiamo individuato tre casi limite:<\/p>\n<h4>CERCA UN WEB DESIGNER QUANDO&#8230;<\/h4>\n<p>Hai bisogno di presentare la tua attivit\u00e0 attraverso un Sito Web. Quasi tutti i Web Designer freelance sono in grado di darti quello che ti serve: aiutarti nella scelta di un Hosting, farti registrare un Dominio, configurarti le Email, creare un Sito Web professionale con una tecnologia CMS standard come WordPress.<\/p>\n<h4>CERCA UN WEB DESIGNER E UN WEB DEVELOPER QUANDO&#8230;<\/h4>\n<p>Hai bisogno di un nuovo sito web le cui funzionalit\u00e0 non sono standard e vanno costruite su misura per la tua specifica attivit\u00e0. Ad esempio vuoi che il sito dialoghi con il tuo gestionale per fornire un&#8217;area riservata ai clienti o ai dipendenti.<\/p>\n<h4>CERCA UNO SVILUPPATORE QUANDO&#8230;<\/h4>\n<p>Vuoi aggiungere nuove funzionalit\u00e0 al tuo Sito Web, oppure il progetto Web che vuoi realizzare non ha per il momento bisogno di un particolare <em>appeal<\/em>\u00a0grafico.<\/p>\n<p>&nbsp;<\/p>\n<h3>Un universo molto vario<\/h3>\n<p>Prima di scendere nel dettaglio delle varie specializzazioni \u00e8 meglio chiarire un punto fondamentale.<\/p>\n<p>\u00c8 molto facile trovare Web Designer ibridi, che stanno a met\u00e0 strada tra il Web Design e altre discipline.<\/p>\n<p>Questo \u00e8 naturale, perch\u00e9 il Web Designer entra normalmente in contatto con altre discipline e, se non ne diventa un esperto, quantomeno deve capirne il linguaggio.<\/p>\n<p>Cos\u00ec capita che a un Web Designer possa\u00a0<em>prendere un po&#8217; la mano\u00a0<\/em>(lo diciamo affettuosamente) e finisca con lo specializzarsi talmente tanto che a un certo punto non sa pi\u00f9 dire se \u00e8 pi\u00f9 un Web Designer o pi\u00f9 qualcos&#8217;altro.<\/p>\n<p>Ecco uno schema per darti l&#8217;idea di quali siano i settori in cui un Web Designer pu\u00f2 finire con il contaminarsi. Naturalmente questo ti pu\u00f2 tornare utile, perch\u00e9 per il tuo progetto, o per la tua idea, tu potresti avere bisogno di un professionista che si trovi a proprio agio con il Web Design e&#8230;<\/p>\n<div id=\"attachment_2184\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" aria-describedby=\"caption-attachment-2184\" class=\"wp-image-2184 size-full\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2017\/11\/web-designer-ibridazione-1.jpg\" alt=\"Possibili ibridazioni dei Web Designer\" width=\"600\" height=\"600\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2017\/11\/web-designer-ibridazione-1.jpg 600w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2017\/11\/web-designer-ibridazione-1-300x300.jpg 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2017\/11\/web-designer-ibridazione-1-150x150.jpg 150w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2017\/11\/web-designer-ibridazione-1-440x440.jpg 440w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-2184\" class=\"wp-caption-text\">Un Web Designer \u00e8 spesso &#8220;ibrido&#8221;. Le specialit\u00e0 che potrebbe coprire sono: Codice e Sviluppo, Search Engine Optimization, Identit\u00e0 del Brand, Ottimizzazione delle Conversioni, Strategia Digitale, Social Media Marketing. Ma anche Sistemi, Marketing di Affiliazione&#8230;<\/p><\/div>\n<p>Se \u00e8 vero che un Web Designer freelance\u00a0 \u00e8 spesso &#8220;contaminato&#8221; con altre discipline, \u00e8 anche vero che alcuni di loro possono essere &#8220;puri al 100%&#8221;. Stiamo parlando dei Web Designer che fanno &#8220;solo&#8221; il progetto, il disegno del sito Web, senza azzardarsi a toccare nemmeno una linea di codice.<\/p>\n<p>Quindi la prima domanda che devi porti quando stai cercando aiuto per la tua idea, per il tuo progetto Web, \u00e8: &#8220;Ho bisogno di una figura <em>pura<\/em> o di una <em>ibrida<\/em>?&#8221;. E poi, nel secondo caso: &#8220;Quale tipo di ibrido mi serve?&#8221;.<\/p>\n<p>Detto questo passiamo alle varie specialit\u00e0. Il Web Designer ibrido pi\u00f9 comune \u00e8 quello che non disdegna di mettere le mani nel codice. Cominciamo da questo&#8230;<\/p>\n<p>&nbsp;<\/p>\n<h3>Il Web Designer pu\u00f2 saper scrivere del codice di programmazione, ma non \u00e8 un programmatore<\/h3>\n<p>Non spaventarti, non andiamo esattamente sul tecnico. Ma questo fatto del codice, s\u00ec, devi saperlo.<\/p>\n<p>I siti web, forse prima lo abbiamo dato per scontato, si scrivono seguendo un codice in uno dei<strong> linguaggi di markup<\/strong>.<\/p>\n<p>Il codice deve essere il pi\u00f9 possibile pulito e logico, per poter intervenire con eventuali modifiche senza dover affrontare un vero e proprio rompicapo.<\/p>\n<p>Perch\u00e9 \u00e8 vero: il committente difficilmente andr\u00e0 a vedere il lavoro \u201cdietro le quinte\u201d perch\u00e9 poco ne capirebbe.<\/p>\n<p>Per\u00f2 potrebbe richiedere ad esempio una versione stagionale diversa (natalizia o pasquale) del layout.<\/p>\n<p>Per\u00f2 potrebbe essere necessario intervenire direttamente sul codice, per qualunque ragione.<\/p>\n<p>E un codice logico e pulito permette di farlo rapidamente e con risultato finale garantito.<\/p>\n<p>In alcuni casi \u00e8 quindi necessario cercare un web designer che abbia anche competenze in linguaggi di markup (X)HTML, CSS, HTML5, CSS3, JavaScript, jQuery.<\/p>\n<p>In breve, un linguaggio di markup \u00e8 un insieme di regole che descrivono come rappresentare un testo. Seguono convenzioni standard e sono utilizzabili su diversi supporti.<\/p>\n<p>Oppure, come suggerivamo prima, si pu\u00f2 scegliere di far lavorare in tandem il <strong>web designer<\/strong> con il <strong>web developer<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<h3>Il web designer oggi: una professione che deve essere al passo con i tempi<\/h3>\n<p>Tra le competenze che deve avere un web designer oggi ci sono sicuramente il <strong>Responsive Web<\/strong> <strong>Design<\/strong>, elementi di <strong>graphic design<\/strong>, di comunicazione e la conoscenza delle regole standard del W3C.<\/p>\n<p>Ma andiamo con ordine, per sapere esattamente cosa chiedere al professionista freelance prima di ingaggiarlo per un nostro progetto.<\/p>\n<p>Il responsive web design \u00e8 l\u2019ottimizzazione del sito internet per i dispositivi mobili.<\/p>\n<p>O, per meglio dire, \u00e8 l\u2019insieme di tecniche che consente di realizzare siti web in grado di adattarsi automaticamente al dispositivo sul quale vengono visualizzati.<\/p>\n<p>Che siano computer, cellulari, tablet, Tv, grazie al design responsivo viene ridotto al minimo l\u2019intervento manuale dell\u2019utente per ridimensionare o scorrere i contenuti.<\/p>\n<p>Conoscere il RWD (<strong>Responsive Web Design<\/strong>) \u00e8 quindi molto importante da qualche anno a questa parte: nel giorno medio sono 21,1 milioni gli italiani che si collegano a internet con un dispositivo mobile (dati giugno 2017, fonte Audiweb).<\/p>\n<p>Affinch\u00e9 il nostro sito sia fruibile agevolmente da smartphone e tablet oltre che da PC, il web designer che ingaggiamo deve conoscere il responsive design.<\/p>\n<p>Pensiamo al danno di immagine o anche economico che potremmo avere oggi con un sito non ottimizzato per i diversi dispositivi!<\/p>\n<p>Quindi beh, molti web designer sorrideranno e lo daranno per scontato, ma non sempre il cliente sa che deve crearsi un sito <strong>responsive<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<h3>Il web designer deve saper progettare siti usabili e accessibili e capire il business del cliente<\/h3>\n<p>La grammatica standard del W3C \u00e8 una competenza importante e sicuramente necessaria per la realizzazione di tutta una categoria di siti (pensiamo ad esempio alle Pubbliche Amministrazioni).<\/p>\n<p>A cosa serve?<\/p>\n<p>Costruire siti internet basati su questi standard consente di renderli compatibili e navigabili nel modo pi\u00f9 uniforme possibile, indipendentemente dal browser utilizzato o dal sistema informatico.<\/p>\n<p>La sigla W3C sta per <a href=\"https:\/\/it.wikipedia.org\/wiki\/World_Wide_Web_Consortium\" target=\"_blank\" rel=\"noopener\"><strong>World Wide Web Consortium<\/strong><\/a> ed \u00e8 una organizzazione internazionale fondata nel 1994 allo scopo di sviluppare tutte le potenzialit\u00e0 del web e, soprattutto, di stabilirne degli standard tecnici.<\/p>\n<p>Standard che il Web Designer deve conoscere molto bene se si rivolge alle Pubbliche Amministrazioni, ma fa bene a conoscere anche se i suoi clienti sono privati.<\/p>\n<p><strong>Usabilit\u00e0<\/strong> e <strong>accessibilit\u00e0<\/strong> sono pertanto due parole chiave nel campo della progettazione di siti web.<\/p>\n<p>Quando scegliamo il nostro <a href=\"https:\/\/www.addlance.com\/web-designer\" target=\"_blank\" rel=\"noopener\"><strong>Web Designer Freelance<\/strong><\/a>, assicuriamoci che sappia realmente l\u2019importanza di creare un Sito Web usabile e il pi\u00f9 possibile accessibile.<\/p>\n<p>Un Sito Web \u00e8 <strong>accessibile<\/strong> se lo riesce a fruire il maggior numero di persone.<\/p>\n<p>Persone normodotate e persone con disabilit\u00e0 fisiche (ipovedenti, ad esempio) o cognitive.<\/p>\n<p>Per creare un sito accessibile esistono delle regole standard e delle linee guida definite dal WAI, il gruppo di lavoro del W3C che abbiamo citato prima.<\/p>\n<p>Un sito si definisce <strong>usabile<\/strong> se \u00e8 facile interagire con le sue pagine e con la sua struttura.<\/p>\n<p>I contenuti del nostro sito devono essere pensati in modo da essere visualizzabili e comprensibili facilmente.<\/p>\n<p>Nel privato, soprattutto per piccole realt\u00e0 di business, pu\u00f2 non essere richiesto creare un sito accessibile (mentre \u00e8 d\u2019obbligo, ad esempio, per la Pubblica Amministrazione).<\/p>\n<p>\u00c8 sicuramente necessario, invece, creare un sito <strong>usabile<\/strong> o user friendly.<\/p>\n<p>E questo un Web Designer lo sa.<\/p>\n<p>Cos\u00ec, se la user experience e la responsivit\u00e0 sono concetti scontati, non sono scontate cose ben pi\u00f9 importanti per il cliente.<\/p>\n<p>Il Web Designer di oggi deve:<\/p>\n<ul>\n<li>saper capire innanzitutto i valori e il modello di business del proprio cliente<\/li>\n<li>parlare con lui con lo stesso linguaggio per capire coerentemente gli obiettivi<\/li>\n<li>progettare il sito web facendo le scelte tecniche, strutturali e di comunicazione pi\u00f9 appropriate.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Conclusioni<\/h3>\n<p>Nel campo del Web Design le competenze di base e quelle &#8220;accessorie&#8221; sono tante e difficilmente inquadrabili in standard universalmente riconosciuti.<\/p>\n<p>Per la tua idea, comincia con individuare gli obiettivi e le priorit\u00e0 di sviluppo. Successivamente, capite queste &#8220;parole chiave&#8221;, cerca un Web Designer con gli attributi giusti.<\/p>\n<p>Sar\u00e0 lui a consigliarti su come proseguire.<\/p>\n<p>Pronto a cominciare?<\/p>\n<p>&nbsp;    \t<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Come scegliere il miglior web designer? Il web designer \u00e8 un professionista indispensabile per la presenza online delle aziende e degli altri soggetti con una visibilit\u00e0 pubblica. \u00c8 colui che si occupa del progetto e dello sviluppo artistico e tecnico di un sito web. Opera scelte sullo stile, sulla struttura di navigazione per rendere ottimale [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":2173,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":""},"categories":[16],"tags":[31],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/2158"}],"collection":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/comments?post=2158"}],"version-history":[{"count":1,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/2158\/revisions"}],"predecessor-version":[{"id":11010,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/2158\/revisions\/11010"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/media\/2173"}],"wp:attachment":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/media?parent=2158"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/categories?post=2158"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/tags?post=2158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}