{"id":22677,"date":"2017-02-11T17:02:41","date_gmt":"2017-02-11T16:02:41","guid":{"rendered":"http:\/\/www.multimediaweb.eu\/web-agency\/design-interfacce-video-player-gli-errori-da-evitare\/"},"modified":"2017-02-11T17:02:42","modified_gmt":"2017-02-11T16:02:42","slug":"design-interfacce-video-player-gli-errori-da-evitare","status":"publish","type":"post","link":"https:\/\/www.multimediaweb.eu\/web-agency\/design-interfacce-video-player-gli-errori-da-evitare\/","title":{"rendered":"Design interfacce video player: gli errori da impedire"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<div id=\"\">\n<p>Eppure, a questa attenzione alla risoluzione non sempre \u00e8 corrisposta una gestione altrettanto accurata del design dei player video. Tralasciando come molti ancora sfruttino delle soluzioni Flash o Silverlight, quando <strong>HTML 5<\/strong> \u00e8 certamente pi\u00f9 versatile e leggero, spesso gli utenti si ritrovano a dover combattere con delle interfacce poco intuitive, scarsamente user-friendly e, fatto ancora pi\u00f9 grave, di disturbo alla stessa visione. Perch\u00e9 nonostante anche l&#8217;fruitore meno competente sia in grado di imparare, con un po&#8217; di sforzo, la gestione di comandi ostici, poco si potr\u00e0 fare per barre di riproduzione che coprono integralmente il filmato. Quali sono, di conseguenza, gli <strong>errori<\/strong> di design pi\u00f9 frequenti per i player video?<\/p>\n<p>Sar\u00e0 capitato certamente a tutti di dover combattere con un <a href=\"http:\/\/blog.html.it\/14\/10\/2016\/chrome-54-addio-ai-flash-video-solo-player-in-html5\/\" title=\"Chrome 54: addio ai Flash video, solo player in HTML5\">player<\/a> poco comprensibile, magari dalla reattivit\u00e0 ridotta o dalle caratteristiche tali da rendere la visione impossibile. Tra controlli ingombranti, messaggi a display e una gestione claudicante dell&#8217;advertising, simili soluzioni non fanno altro che allontanare il navigatore, anche in caso i contenuti proposti fossero di elevata qualit\u00e0. Di seguito, gli errori pi\u00f9 frequenti che sarebbe la parte migliore fuggire:<\/p>\n<h2>Interfaccia pesante<\/h2>\n<p>Molti player video, soprattutto quelli basati su tecnologie quali <strong>Flash<\/strong>, non sempre sono ottimizzati per un ricorso agevole sul web e la visione via browser. Non capita di rado, infatti, che l&#8217;fruitore si ritrovi ad aspettare svariati minuti per il caricamento del player, prima ancora del buffering dello stesso video. L&#8217;interfaccia dovrebbe essere leggera ed essenziale, affinch\u00e9 possa apparire sulla pagina in tempi record, garantendo cos\u00ec un accesso immediato alla fruizione.<\/p>\n<h2>Barre ingombranti<\/h2>\n<p>Quasi tutti i player video incorporano, come appare logico, una barra inadeguato per ospitare non solo gli strumenti di riproduzione, ma anche informazioni sul video, sulla durata del filmato, l&#8217;eventuale timeline e i controlli della qualit\u00e0 di riproduzione. Le modalit\u00e0 con cui questa barra viene visualizzata, per\u00f2, non sono sempre fra le pi\u00f9 gradite. <\/p>\n<p>Per ridurre le dimensioni in altezza del player video, in molti hanno energico di spostare i controlli dalla porzione sottostante al filmato alla sovrapposizione con il filmato stesso. Peccato, per\u00f2, che non tutti i designer abbiano pensato a una <strong>barra di riproduzione<\/strong> a scomparsa, ideata per dissolversi dopodich\u00e9 un tempo prestabilito di inattivit\u00e0 del mouse, costringendo cos\u00ec l&#8217;fruitore a fruire del filmato con una emotivo porzione coperta da fastidiosi pulsanti.<\/p>\n<h2>Advertising opprimente<\/h2>\n<p>Per investire in contenuti sempre nuovi e ben confezionati, molti editori hanno legittimamente pensato di recuperare fondi tramite l&#8217;advertising. Per quanto non sia sempre gradito dall&#8217;fruitore, se ben integrato nel player uno <strong>spot<\/strong> non creer\u00e0 grande disturbo, soprattutto se di breve durata. Una progettazione sensata, tuttavia, \u00e8 quantomai fondamentale in questo frangente. <\/p>\n<p>Innanzitutto, bisognerebbe ripudiare la fastidiosa tendenza di includere l&#8217;autoplay per gli spot al caricamento della pagina, giacch\u00e9 oltre a disturbare l&#8217;fruitore nelle sue attivit\u00e0, potrebbe consumare indebitamente banda, soprattutto sulle connessioni mobile limitate da un numero ridotto di GB di traffico.<\/p>\n<p>La parte migliore, invece, impostare il caricamento della comunicazione pubblicitaria quando l&#8217;fruitore effettivamente interagisce con il player. Allo stesso modo, altrettanto fastidiosa \u00e8 la tendenza ad aggiungere annunci testuali durante la riproduzione del contenuto originario, soprattutto se capaci di coprire porzioni rilevanti del filmato.<\/p>\n<h2>Volume obbligato<\/h2>\n<p>Nella definizione di un player video, sarebbe indicato inserire dei controlli audio che non richiedano azioni aggiuntive all&#8217;fruitore rispetto al controllo del volume gi\u00e0 impostato a livello di sistema operativo. Molti player, infatti, vedono il volume impostato di default all&#8217;intensit\u00e0 minore rintracciabile, oppure alla met\u00e0, costringendo l&#8217;fruitore a regolarlo di continuo pur di ottenere una riproduzione ottimale. Pi\u00f9 sensato, invece, \u00e8 impostare il volume massimo come valore di default, giacch\u00e9 il massimo del player corrisponder\u00e0, in realt\u00e0, al livello attualmente selezionato sul sistema operativo.<\/p>\n<h2>Display intero e proporzioni<\/h2>\n<p>Altro errore frequente \u00e8 quello di dimenticare il rispetto delle proporzioni per la visione a display intero, con un player incapace di estendersi per tutta la lunghezza del display o, peggio, in grado di deformare i filmati perch\u00e9 privo di funzioni letterbox.<\/p>\n<p>&#13;<br \/>\n          <!--div class=\"sharelink\">\n              \n\n<ul>\n                  \n\n<li class=\"facebook\"><a href=\"#\" onclick=\"window.open( 'https:\/\/www.facebook.com\/sharer\/sharer.php?u='+encodeURIComponent('http:\/\/blog.html.it\/10\/02\/2017\/design-interfacce-video-player-gli-errori-da-evitare\/'),'condividi l'articolo su facebook', 'width=626,height=436,location=no,directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no'); return false;\">Facebook<\/a><\/li>\n\n\n                  \n\n<li class=\"twitter\"><a href=\"#\" onclick=\"window.open( 'https:\/\/twitter.com\/share?url=http%3A%2F%2Fblog.html.it%2F10%2F02%2F2017%2Fdesign-interfacce-video-player-gli-errori-da-evitare%2F&via=html_it&text=Design%20interfacce%20video%20player%3A%20gli%20errori%20da%20evitare','condividi l'articolo su twitter', 'width=626,height=436,location=no,directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no'); return false;\">Twitter<\/a><\/li>\n\n\n              <\/ul>\n\n\n          <\/div-->&#13;<br \/>\n          &#13;\n\t\t<\/div>\n<p><br \/>\n<br \/><a href=\"http:\/\/feedproxy.google.com\/~r\/htmlitedit\/~3\/zkcQKKV2BjU\/\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Eppure, a questa attenzione alla risoluzione non sempre \u00e8 corrisposta una gestione altrettanto accurata del design dei player video. Tralasciando come molti ancora sfruttino delle soluzioni Flash o Silverlight, quando HTML 5 \u00e8 certamente pi\u00f9 versatile e leggero, spesso gli utenti si ritrovano a dover combattere con delle interfacce poco intuitive, scarsamente user-friendly e, fatto&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_s2mail":""},"categories":[37],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design interfacce video player: gli errori da impedire - Web Agency Italia Web Designer realizzazione siti web Italy<\/title>\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.multimediaweb.eu\/web-agency\/design-interfacce-video-player-gli-errori-da-evitare\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design interfacce video player: gli errori da impedire - Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"og:description\" content=\"Eppure, a questa attenzione alla risoluzione non sempre \u00e8 corrisposta una gestione altrettanto accurata del design dei player video. Tralasciando come molti ancora sfruttino delle soluzioni Flash o Silverlight, quando HTML 5 \u00e8 certamente pi\u00f9 versatile e leggero, spesso gli utenti si ritrovano a dover combattere con delle interfacce poco intuitive, scarsamente user-friendly e, fatto...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.multimediaweb.eu\/web-agency\/design-interfacce-video-player-gli-errori-da-evitare\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"article:published_time\" content=\"2017-02-11T16:02:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-02-11T16:02:42+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/design-interfacce-video-player-gli-errori-da-evitare\/\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/design-interfacce-video-player-gli-errori-da-evitare\/\",\"name\":\"Design interfacce video player: gli errori da impedire - Web Agency Italia Web Designer realizzazione siti web Italy\",\"isPartOf\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\"},\"datePublished\":\"2017-02-11T16:02:41+00:00\",\"dateModified\":\"2017-02-11T16:02:42+00:00\",\"author\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/design-interfacce-video-player-gli-errori-da-evitare\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.multimediaweb.eu\/web-agency\/design-interfacce-video-player-gli-errori-da-evitare\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/design-interfacce-video-player-gli-errori-da-evitare\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design interfacce video player: gli errori da impedire\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\",\"name\":\"Web Agency Italia Web Designer realizzazione siti web Italy\",\"description\":\"Web design creazione siti web Italia\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.multimediaweb.eu\/web-agency\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design interfacce video player: gli errori da impedire - Web Agency Italia Web Designer realizzazione siti web Italy","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.multimediaweb.eu\/web-agency\/design-interfacce-video-player-gli-errori-da-evitare\/","og_locale":"it_IT","og_type":"article","og_title":"Design interfacce video player: gli errori da impedire - Web Agency Italia Web Designer realizzazione siti web Italy","og_description":"Eppure, a questa attenzione alla risoluzione non sempre \u00e8 corrisposta una gestione altrettanto accurata del design dei player video. Tralasciando come molti ancora sfruttino delle soluzioni Flash o Silverlight, quando HTML 5 \u00e8 certamente pi\u00f9 versatile e leggero, spesso gli utenti si ritrovano a dover combattere con delle interfacce poco intuitive, scarsamente user-friendly e, fatto...","og_url":"https:\/\/www.multimediaweb.eu\/web-agency\/design-interfacce-video-player-gli-errori-da-evitare\/","og_site_name":"Web Agency Italia Web Designer realizzazione siti web Italy","article_published_time":"2017-02-11T16:02:41+00:00","article_modified_time":"2017-02-11T16:02:42+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"admin","Tempo di lettura stimato":"3 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/design-interfacce-video-player-gli-errori-da-evitare\/","url":"https:\/\/www.multimediaweb.eu\/web-agency\/design-interfacce-video-player-gli-errori-da-evitare\/","name":"Design interfacce video player: gli errori da impedire - Web Agency Italia Web Designer realizzazione siti web Italy","isPartOf":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website"},"datePublished":"2017-02-11T16:02:41+00:00","dateModified":"2017-02-11T16:02:42+00:00","author":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42"},"breadcrumb":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/design-interfacce-video-player-gli-errori-da-evitare\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.multimediaweb.eu\/web-agency\/design-interfacce-video-player-gli-errori-da-evitare\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/design-interfacce-video-player-gli-errori-da-evitare\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.multimediaweb.eu\/web-agency\/"},{"@type":"ListItem","position":2,"name":"Design interfacce video player: gli errori da impedire"}]},{"@type":"WebSite","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website","url":"https:\/\/www.multimediaweb.eu\/web-agency\/","name":"Web Agency Italia Web Designer realizzazione siti web Italy","description":"Web design creazione siti web Italia","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.multimediaweb.eu\/web-agency\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42","name":"admin","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.multimediaweb.eu\/web-agency\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/22677"}],"collection":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/comments?post=22677"}],"version-history":[{"count":1,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/22677\/revisions"}],"predecessor-version":[{"id":22678,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/22677\/revisions\/22678"}],"wp:attachment":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/media?parent=22677"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/categories?post=22677"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/tags?post=22677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}