{"id":7164,"date":"2017-07-14T12:00:05","date_gmt":"2017-07-14T10:00:05","guid":{"rendered":"https:\/\/www.itschool.it\/?p=7164"},"modified":"2017-07-14T12:02:52","modified_gmt":"2017-07-14T10:02:52","slug":"user-experience-design","status":"publish","type":"post","link":"https:\/\/www.itschool.it\/user-experience-design\/","title":{"rendered":"Web designer, UX designer, UI designer: chi cura la User Experience?"},"content":{"rendered":"

Parole come User Experience<\/strong> (UX<\/em>), User Interface<\/strong> (UI<\/em>) o, pi\u00f9 semplicemente,\u00a0Usabilit\u00e0<\/strong>\u00a0di un sito web si sono diffuse rapidamente e spesso indiscriminatamente nei discorsi di tutti i giorni legati alla realizzazione di siti internet o app per smartphone e tablet. Ma in quanti conoscono realmente la differenza tra Web Design, UX e UI?<\/p>\n

Chi sono il web designer e il web developer?<\/h2>\n

La maggior parte delle aziende italiane conoscono a stento la differenza tra un web designer e un web developer<\/strong>\u00a0(figure decisamente poco sovrapponibili, a conti fatti); questo genera\u00a0confusione gi\u00e0 a partire dalla stesura delle offerte di lavoro, che gettano nello stesso calderone le competenze di grafica e design con quelle di programmazione per il web, dando per scontato che chi si occupa di una cosa abbia conoscenze di eguale livello nell’altra.
\nTanto pi\u00f9 difficile sar\u00e0 dunque riconoscere la differenza tra UX design, UI design e Web design<\/strong>, che condividono di fatto non poche competenze e metodologie.<\/p>\n

Iniziamo dicendo che il web design<\/strong>\u00a0riguarda l\u2019estetica di un sito web<\/strong>: il professionista che se ne occupa \u00e8 dunque un creativo, un artista esperto di grafica, con un occhio attento all\u2019accostamento di colori, forme e font utilizzati per la scrittura. L\u2019emisfero destro del cervello<\/strong>, quello associato alla creativit\u00e0, all’intuizione e all’immaginazione, \u00e8 nella maggior parte dei casi quello pi\u00f9 sviluppato in un web designer.
\nLa padronanza della suite Adobe<\/strong> (il pacchetto di programmi per la grafica che include Photoshop<\/em> e Illustrator<\/em>) \u00e8 indispensabile per creare interfacce e contenuti adatti al web, tuttavia assume un’importanza non trascurabile la conoscenza di linguaggi di programmazione come l’HTML<\/em> e il CSS<\/em>, che influenzano direttamente la struttura e l\u2019aspetto estetico di qualunque sito.<\/p>\n

Diversamente, il web developer<\/strong> si occupa della scrittura del codice che verr\u00e0 eseguito dai server che ospitano i siti e dai browser dei visitatori. \u00c8 un professionista che provvede all’integrazione di tutte le infrastrutture digitali che permettono a una pagina web di funzionare e all’utente di interagire correttamente con essa, deve quindi avere una solida conoscenza di uno o pi\u00f9 linguaggi come PHP<\/em>, Java<\/em>, Python<\/em>, C++<\/em> oltre che, naturalmente, dell’HTML<\/em>, CSS<\/em> e Javascript<\/em>. Le conoscenze di grafica e il gusto nell’accostamento di colori e forme sono tratti certamente utili in questo lavoro, ma del tutto accessori e non fondamentali: trattandosi di una figura tecnica assimilabile a un programmatore, in molti casi l\u2019emisfero sinistro del cervello<\/strong>, alla base del pensiero logico, analitico e tecnico, \u00e8 maggiormente sviluppato in un web developer.<\/p>\n

Competenze che s’incontrano, competenze che si dividono<\/h2>\n

Non \u00e8 raro, di fatto, che oggi molti web developers si occupino di web design, e viceversa. Unire la conoscenza di entrambe le discipline aiuta certamente a organizzare meglio il proprio lavoro e soddisfare le esigenze del committente (oltre che del visitatore). Tuttavia da alcuni anni i web designers hanno iniziato a entrare nel merito dell’effettiva usabilit\u00e0 del sito<\/strong>, non limitandosi pi\u00f9 a creare delle grafiche teoricamente accattivanti; \u00e8 cos\u00ec che due branche del mestiere relativamente giovani e in precedenza sottovalutate hanno assunto grande importanza: lo UI design e l’UX design.<\/p>\n

Che cosa significa User Experience (UX) Design?<\/h2>\n

Lo User Experience Design<\/strong> (o UXD<\/em>) \u00e8 composto da un insieme di processi atti ad accrescere la soddisfazione dell\u2019utente che naviga su un sito o pagina web, migliorando la facilit\u00e0 di utilizzo e l\u2019intuitivit\u00e0 dell’interazione con gli elementi presenti online.\u00a0Don Norman<\/em>, co-fondatore del Norman Group Design Consultancy<\/em> e autore del termine stesso, negli anni ’90 dichiar\u00f2:<\/p>\n

“La User experience abbraccia tutti gli aspetti dell\u2019interazione tra l\u2019utente finale e l\u2019azienda […] al di l\u00e0 dei mezzi utilizzati, l\u2019UX design comprenda qualsiasi tipo d’interazione tra cliente (attivo o potenziale) e azienda. Si tratta di un processo scientifico applicabile a qualsiasi campo, non soltanto al design di siti web, anche se negli anni \u00e8 diventato quasi esclusivamente una peculiarit\u00e0 del mondo digitale.Lo scopo finale \u00e8 sempre e comunque quello di migliorare l\u2019esperienza dell\u2019utente, fornendogli esattamente ci\u00f2 che desidera, senza troppi fronzoli o complicazioni. […] Un buon risultato viene raggiunto non solo attraverso il giusto accostamento di forme e colori, ma anche tramite contenuti accattivanti, call to action ben posizionate, fluidit\u00e0 di navigazione e facilit\u00e0 di comprensione dei processi.”<\/p><\/blockquote>\n

Lo User Experience Design \u00e8 strettamente connesso all\u2019analisi dei dati, all\u2019A\/B testing e alla reportistica continua sull’utilizzo da parte degli utenti del sito web. Competenze afferenti alla sociologia<\/em>\u00a0e alla psicologia<\/em>\u00a0devono dunque affiancare le competenze basilari di design<\/em>, grafica<\/em> e marketing<\/em>, configurando una figura fortemente multitasking. Fornire indicazioni chiare e precise agli altri reparti (grafica, programmazione, vendite) \u00e8 il modo in cui lo UX designer d\u00e0 valore al prodotto finito, adattandolo alle esigenze del cliente.<\/p>\n

Che cosa significa User Interface (UI) Design?<\/h2>\n

Lo User Interface Design<\/strong> (UI Design<\/em>) \u00e8 di fatto un sottoinsieme dell\u2019UX design, che si concentra sulla componente visuale: si occupa della presentazione del prodotto, servizio o brand. Dunque, a seconda dei casi, pu\u00f2 richiedere di volta in volta conoscenze approfondite di brand design<\/strong>, frontend development<\/strong>, o semplicemente di\u00a0graphic design<\/strong>. L\u2019UI designer \u00e8 addetto a tutto ci\u00f2 che concerne la parte visual e\/o interattiva di un prodotto sul web, a partire dall\u2019interfaccia utente, ovvero il primo e fondamentale impatto del potenziale cliente con il brand. Che si tratti di trasmettere fiducia, entusiasmare o semplicemente indurre a cliccare su un determinato pulsante, ci\u00f2 che conta \u00e8 trovare la strategia giusta per raggiungere l’obiettivo.<\/p>\n

All\u2019UI designer<\/strong> vengono oggi sempre pi\u00f9 stesso richieste skills di programmazione web, cos\u00ec da poter costruire una migliore interattivit\u00e0 del sito con l\u2019utente – evoluzione che potrebbe ben presto rendere questa figura pressoch\u00e9 indistinguibile da quella del web designer. Per finire, l\u2019UI designer si occupa anche dello\u00a0storytelling<\/strong> nella presentazione del brand e alle volte gli viene richiesto di redigere una guida contenente gli aspetti cruciali della brand identity<\/strong> (logotipo, font utilizzati, materiale grafico per i social), il tutto allo scopo di uniformare la comunicazione aziendale, dandole coerenza e unit\u00e0 visiva – e non solo.<\/p>\n

In conclusione: differenze tra UX e UI<\/h2>\n

Una pagina web efficiente quanto a esperienza dell’utente, ma esteticamente orrenda, \u00e8 con ogni probabilit\u00e0 frutto di un cattivo lavoro di UI design. Se al contrario la pagina \u00e8 accattivante e ben costruita, ma presenta chiari problemi nella navigazione, le falle sono da ricercarsi nel processo di UX design. Due discipline, insomma, che si completano e integrano a vicenda, da curare in egual misura per raggiungere obiettivi aziendali sempre pi\u00f9 ambiziosi.<\/p>\n

Un aspirante web designer che desideri specializzarsi in una delle due branche<\/strong> dovrebbe analizzare prima le proprie attitudini<\/strong>: chi \u00e8 pi\u00f9 portato per la creazione artistica e la grafica<\/em> potrebbe trovare maggiore soddisfazione nell’UI design<\/strong>. Chi, al contrario, \u00e8 pi\u00f9 orientato all\u2019analisi e alla ricerca<\/em>, con attitudine al lavoro di squadra e al coordinamento di un team, pu\u00f2 aspirare a una carriera nell’ambito dello UX Design<\/strong>.<\/p>\n

Iscriviti al nostro Master in Web Design e UX<\/strong><\/a>\u00a0 ITSchool per acquisire le basi di cui hai bisogno e lavorare presso web agencies o aziende attive sul web: scopri se hai la stoffa per diventare uno User experience designer o uno User interface designer!<\/p>\n","protected":false},"excerpt":{"rendered":"

Parole come User Experience (UX), User Interface (UI) o, pi\u00f9 semplicemente,\u00a0Usabilit\u00e0\u00a0di un sito web si sono diffuse rapidamente e spesso indiscriminatamente nei discorsi di tutti i giorni legati alla realizzazione di siti internet o app per smartphone e tablet. Ma in quanti conoscono realmente la differenza tra Web Design, UX e UI? Chi sono il […]<\/p>\n","protected":false},"author":2,"featured_media":7165,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6,91],"tags":[],"yoast_head":"\nUser Experience Design: chi cura l'esperienza dell'utente online<\/title>\n<meta name=\"description\" content=\"User Experience (UX), User Interface (UI) e\u00a0Usabilit\u00e0\u00a0di un sito web: in quanti conoscono realmente la differenza tra i significati di queste parole?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.itschool.it\/user-experience-design\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Experience Design: chi cura l'esperienza dell'utente online\" \/>\n<meta property=\"og:description\" content=\"User Experience (UX), User Interface (UI) e\u00a0Usabilit\u00e0\u00a0di un sito web: in quanti conoscono realmente la differenza tra i significati di queste parole?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.itschool.it\/user-experience-design\/\" \/>\n<meta property=\"og:site_name\" content=\"It School - L'Accademia del web\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/itschoolmilano\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-07-14T10:00:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-07-14T10:02:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.itschool.it\/wp-content\/uploads\/2017\/07\/user-experience.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"887\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"roberto\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.itschool.it\/#website\",\"url\":\"https:\/\/www.itschool.it\/\",\"name\":\"It School - L'Accademia del web\",\"description\":\"Corsi di programmazione, web design, web marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.itschool.it\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.itschool.it\/user-experience-design\/#primaryimage\",\"inLanguage\":\"it-IT\",\"url\":\"https:\/\/www.itschool.it\/wp-content\/uploads\/2017\/07\/user-experience.jpg\",\"contentUrl\":\"https:\/\/www.itschool.it\/wp-content\/uploads\/2017\/07\/user-experience.jpg\",\"width\":1920,\"height\":887,\"caption\":\"User Experience\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.itschool.it\/user-experience-design\/#webpage\",\"url\":\"https:\/\/www.itschool.it\/user-experience-design\/\",\"name\":\"User Experience Design: chi cura l'esperienza dell'utente online\",\"isPartOf\":{\"@id\":\"https:\/\/www.itschool.it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.itschool.it\/user-experience-design\/#primaryimage\"},\"datePublished\":\"2017-07-14T10:00:05+00:00\",\"dateModified\":\"2017-07-14T10:02:52+00:00\",\"author\":{\"@id\":\"https:\/\/www.itschool.it\/#\/schema\/person\/3ad5ecea26d6150f279e327f3abc8dd6\"},\"description\":\"User Experience (UX), User Interface (UI) e\\u00a0Usabilit\\u00e0\\u00a0di un sito web: in quanti conoscono realmente la differenza tra i significati di queste parole?\",\"breadcrumb\":{\"@id\":\"https:\/\/www.itschool.it\/user-experience-design\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.itschool.it\/user-experience-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.itschool.it\/user-experience-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.itschool.it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web designer, UX designer, UI designer: chi cura la User Experience?\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.itschool.it\/#\/schema\/person\/3ad5ecea26d6150f279e327f3abc8dd6\",\"name\":\"roberto\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.itschool.it\/#personlogo\",\"inLanguage\":\"it-IT\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/05828cfb1583ca63ab5784e9ded14a34?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/05828cfb1583ca63ab5784e9ded14a34?s=96&d=mm&r=g\",\"caption\":\"roberto\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"User Experience Design: chi cura l'esperienza dell'utente online","description":"User Experience (UX), User Interface (UI) e\u00a0Usabilit\u00e0\u00a0di un sito web: in quanti conoscono realmente la differenza tra i significati di queste parole?","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.itschool.it\/user-experience-design\/","og_locale":"it_IT","og_type":"article","og_title":"User Experience Design: chi cura l'esperienza dell'utente online","og_description":"User Experience (UX), User Interface (UI) e\u00a0Usabilit\u00e0\u00a0di un sito web: in quanti conoscono realmente la differenza tra i significati di queste parole?","og_url":"https:\/\/www.itschool.it\/user-experience-design\/","og_site_name":"It School - L'Accademia del web","article_publisher":"https:\/\/www.facebook.com\/itschoolmilano\/","article_published_time":"2017-07-14T10:00:05+00:00","article_modified_time":"2017-07-14T10:02:52+00:00","og_image":[{"width":1920,"height":887,"url":"https:\/\/www.itschool.it\/wp-content\/uploads\/2017\/07\/user-experience.jpg","path":"\/home\/customer\/www\/itschool.it\/public_html\/wp-content\/uploads\/2017\/07\/user-experience.jpg","size":"full","id":7165,"alt":"User Experience","pixels":1703040,"type":"image\/jpeg"}],"twitter_card":"summary","twitter_misc":{"Scritto da":"roberto","Tempo di lettura stimato":"6 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.itschool.it\/#website","url":"https:\/\/www.itschool.it\/","name":"It School - L'Accademia del web","description":"Corsi di programmazione, web design, web marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.itschool.it\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"ImageObject","@id":"https:\/\/www.itschool.it\/user-experience-design\/#primaryimage","inLanguage":"it-IT","url":"https:\/\/www.itschool.it\/wp-content\/uploads\/2017\/07\/user-experience.jpg","contentUrl":"https:\/\/www.itschool.it\/wp-content\/uploads\/2017\/07\/user-experience.jpg","width":1920,"height":887,"caption":"User Experience"},{"@type":"WebPage","@id":"https:\/\/www.itschool.it\/user-experience-design\/#webpage","url":"https:\/\/www.itschool.it\/user-experience-design\/","name":"User Experience Design: chi cura l'esperienza dell'utente online","isPartOf":{"@id":"https:\/\/www.itschool.it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.itschool.it\/user-experience-design\/#primaryimage"},"datePublished":"2017-07-14T10:00:05+00:00","dateModified":"2017-07-14T10:02:52+00:00","author":{"@id":"https:\/\/www.itschool.it\/#\/schema\/person\/3ad5ecea26d6150f279e327f3abc8dd6"},"description":"User Experience (UX), User Interface (UI) e\u00a0Usabilit\u00e0\u00a0di un sito web: in quanti conoscono realmente la differenza tra i significati di queste parole?","breadcrumb":{"@id":"https:\/\/www.itschool.it\/user-experience-design\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.itschool.it\/user-experience-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.itschool.it\/user-experience-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.itschool.it\/"},{"@type":"ListItem","position":2,"name":"Web designer, UX designer, UI designer: chi cura la User Experience?"}]},{"@type":"Person","@id":"https:\/\/www.itschool.it\/#\/schema\/person\/3ad5ecea26d6150f279e327f3abc8dd6","name":"roberto","image":{"@type":"ImageObject","@id":"https:\/\/www.itschool.it\/#personlogo","inLanguage":"it-IT","url":"https:\/\/secure.gravatar.com\/avatar\/05828cfb1583ca63ab5784e9ded14a34?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/05828cfb1583ca63ab5784e9ded14a34?s=96&d=mm&r=g","caption":"roberto"}}]}},"_links":{"self":[{"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/posts\/7164"}],"collection":[{"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/comments?post=7164"}],"version-history":[{"count":19,"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/posts\/7164\/revisions"}],"predecessor-version":[{"id":7184,"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/posts\/7164\/revisions\/7184"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/media\/7165"}],"wp:attachment":[{"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/media?parent=7164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/categories?post=7164"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/tags?post=7164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}