{"id":4350,"date":"2019-12-20T13:47:47","date_gmt":"2019-12-20T11:47:47","guid":{"rendered":"https:\/\/www.creactivitat.com\/lleis-dusabilitat-ux-en-el-disseny-web\/"},"modified":"2021-09-14T17:28:23","modified_gmt":"2021-09-14T15:28:23","slug":"lleis-dusabilitat-ux-en-el-disseny-web","status":"publish","type":"post","link":"https:\/\/www.creactivitat.com\/ca\/lleis-dusabilitat-ux-en-el-disseny-web\/","title":{"rendered":"Lleis d&#8217;usabilitat (UX) en el disseny web"},"content":{"rendered":"<h3>Convertir-se en client, dissenyar com Jon Yablonski<\/h3>\n<p><strong>Experi\u00e8ncia d&#8217;usuari<\/strong> en la web \u00e9s dissenyar llocs web concorde a les necessitats del <strong>p\u00fablic objectiu<\/strong>. Perqu\u00e8 una p\u00e0gina funcioni no \u00e9s suficient amb tenir una bona interf\u00edcie. El veritablement important resulta de l&#8217;estudi previ que es faci de l&#8217;usuari. Resulta vital q\u00fcestionar-se Qui \u00e9s? Com \u00e9s? Qu\u00e8 vol? Com ho vol? i On ho vol?. I s&#8217;acabar\u00e0 comprenent que \u00e9s el que realment se li pot oferir, i resoldre totes les necessitats que l&#8217;usuari t\u00e9 quan arriba en el lloc web.<\/p>\n<p>Despr\u00e9s d&#8217;aconseguir calcar l&#8217;actitud del p\u00fablic objectiu, \u00e9s el moment de (re)dissenyar el lloc web. <strong>Jon\u00a0Yablonski<\/strong>, a trav\u00e9s de la web\u00a0LAWS\u00a0OF\u00a0UX\u00a0<a href=\"https:\/\/lawsofux.com\/\">www.lawsofux.com<\/a>, constata <strong>disset directrius b\u00e0siques<\/strong> que tot dissenyador hauria de tenir en compte perqu\u00e8 l&#8217;experi\u00e8ncia d&#8217;un usuari sigui la id\u00f2nia en qualsevol interf\u00edcie est\u00e0ndard de la web.<\/p>\n<h3>El temps del p\u00fablic objectiu \u00e9s or<\/h3>\n<p>Una d&#8217;aquestes lleis, parla del <strong>temps d&#8217;espera<\/strong> que ha de suportar un usuari abans de poder dur a terme una primera interacci\u00f3 dins de la p\u00e0gina web. Igual d&#8217;important \u00e9s el que veu el p\u00fablic objectiu en el\u00a0<em>frontend<\/em>, com la quantitat i pes dels arxius actius en el\u00a0<em>backoffice<\/em>. Un temps de c\u00e0rrega alt pot implicar dues conseq\u00fc\u00e8ncies catastr\u00f2fiques. Una, que la p\u00e0gina web baixi posicions en cercadors. Dos, que els usuaris abandonin el lloc per a anar-se a un altre de la compet\u00e8ncia.<\/p>\n<p>Relacionat amb el temps d&#8217;espera, Jon\u00a0Yablonski\u00a0parla de <strong>simplificar processos i\/o tasques a l&#8217;usuari<\/strong>. Evitar sempre fer de la p\u00e0gina web un laberint i mostrar-lo tot accessible, recognoscible, i pr\u00f2xim. La ubicaci\u00f3 dels botons tenint en compte el sistema de lectura en Z, els\u00a0<em>breadcrumbs<\/em>\u00a0per als processos de compra, i la representaci\u00f3 de certes accions a trav\u00e9s d&#8217;icones ja familiars per al p\u00fablic objectiu, s\u00f3n algunes estrat\u00e8gies revalidades en els majors <em>e-commerce<\/em>\u00a0del m\u00f3n.<\/p>\n<h3>No inventar, repetir i simplificar<\/h3>\n<p>La creativitat i la innovaci\u00f3 no garanteixen la distinci\u00f3 i l&#8217;\u00e8xit. Guanyar-se la confian\u00e7a dels clients ha estat sempre una de les tasques m\u00e9s complicades per a les noves marques en Internet. Els usuaris ja s&#8217;han acostumat a uns par\u00e0metres de compra per a cada tipus de servei. Cura amb canviar l&#8217;<strong>estructura<\/strong> en processos de compra, p\u00e0gines de producte o men\u00fas de navegaci\u00f3. Aix\u00f2 no consisteix a ensenyar al p\u00fablic objectiu, sin\u00f3 a <strong>adaptar-se a la seva experi\u00e8ncia<\/strong>.<\/p>\n<p>En la web no \u00e9s necessari fer pensar a l&#8217;usuari, cal simplificar la seva experi\u00e8ncia. <strong>Dividir elements<\/strong> per a crear difer\u00e8ncies; <strong>connectar funcions<\/strong> per a crear relacions; i <strong>a\u00efllar objectes<\/strong> per a distingir-los visualment. Als usuaris els costa recordar m\u00e9s de set elements classificats alhora. Seleccionar b\u00e9 els components que formaran part del men\u00fa de navegaci\u00f3 i ordenar-los, tenint en compte la idea que els usuaris web tendeixen a fixar la seva mirada en el primer i \u00faltim element d&#8217;una llista.<\/p>\n<p>Observar, analitzar i actuar com el propi client. Despr\u00e9s dissenyar. Seguir els consells de Jon\u00a0Yablonski\u00a0\u00e9s la millor manera per a crear una p\u00e0gina web <strong>funcional<\/strong> i <strong>pr\u00e0ctica<\/strong> i aix\u00ed oferir una bona experi\u00e8ncia d&#8217;usuari al p\u00fablic objectiu.<\/p>\n<p>&nbsp;<\/p>\n<p><em><a href=\"https:\/\/www.linkedin.com\/in\/abelgonzalezlozano\/\" target=\"_blank\" rel=\"noopener noreferrer\">Abel Gonz\u00e1lez<\/a> y <a href=\"https:\/\/www.linkedin.com\/in\/%C3%A8lia-vives\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00c8lia Vives<\/a><\/em><\/p>\n<p><em>Departament de M\u00e0rqueting<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Convertir-se en client, dissenyar com Jon Yablonski Experi\u00e8ncia d&#8217;usuari en la web \u00e9s dissenyar llocs web concorde a les necessitats del p\u00fablic objectiu. Perqu\u00e8 una p\u00e0gina funcioni no \u00e9s suficient amb tenir una bona interf\u00edcie. El veritablement important resulta de l&#8217;estudi previ que es faci de l&#8217;usuari. Resulta vital q\u00fcestionar-se Qui \u00e9s? Com \u00e9s? Qu\u00e8 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3155,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[25],"tags":[],"class_list":["post-4350","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disseny-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.3 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Lleis d&#039;usabilitat (UX) en el disseny web &#8226; CREACTIVITAT<\/title>\n<meta name=\"description\" content=\"Lleis d&#039;usabilitat (UX) en el disseny web\" \/>\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.creactivitat.com\/ca\/lleis-dusabilitat-ux-en-el-disseny-web\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lleis d&#039;usabilitat (UX) en el disseny web\" \/>\n<meta property=\"og:description\" content=\"Lleis d&#039;usabilitat (UX) en el disseny web\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.creactivitat.com\/ca\/lleis-dusabilitat-ux-en-el-disseny-web\/\" \/>\n<meta property=\"og:site_name\" content=\"CREACTIVITAT\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/creactivitat.webs\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-20T11:47:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-14T15:28:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.creactivitat.com\/wp-content\/uploads\/2018\/09\/ux_web_wordpress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1131\" \/>\n\t<meta property=\"og:image:height\" content=\"636\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin_creac\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CreactivitatDT\" \/>\n<meta name=\"twitter:site\" content=\"@CreactivitatDT\" \/>\n<meta name=\"twitter:label1\" content=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin_creac\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuts\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Lleis d'usabilitat (UX) en el disseny web &#8226; CREACTIVITAT","description":"Lleis d'usabilitat (UX) en el disseny web","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.creactivitat.com\/ca\/lleis-dusabilitat-ux-en-el-disseny-web\/","og_locale":"ca_ES","og_type":"article","og_title":"Lleis d'usabilitat (UX) en el disseny web","og_description":"Lleis d'usabilitat (UX) en el disseny web","og_url":"https:\/\/www.creactivitat.com\/ca\/lleis-dusabilitat-ux-en-el-disseny-web\/","og_site_name":"CREACTIVITAT","article_publisher":"https:\/\/www.facebook.com\/creactivitat.webs\/","article_published_time":"2019-12-20T11:47:47+00:00","article_modified_time":"2021-09-14T15:28:23+00:00","og_image":[{"width":1131,"height":636,"url":"https:\/\/www.creactivitat.com\/wp-content\/uploads\/2018\/09\/ux_web_wordpress.jpg","type":"image\/jpeg"}],"author":"admin_creac","twitter_card":"summary_large_image","twitter_creator":"@CreactivitatDT","twitter_site":"@CreactivitatDT","twitter_misc":{"Escrit per":"admin_creac","Temps estimat de lectura":"3 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.creactivitat.com\/ca\/lleis-dusabilitat-ux-en-el-disseny-web\/#article","isPartOf":{"@id":"https:\/\/www.creactivitat.com\/ca\/lleis-dusabilitat-ux-en-el-disseny-web\/"},"author":{"name":"admin_creac","@id":"https:\/\/www.creactivitat.com\/ca\/#\/schema\/person\/8c7f91047018722dc7ada94f676359d2"},"headline":"Lleis d&#8217;usabilitat (UX) en el disseny web","datePublished":"2019-12-20T11:47:47+00:00","dateModified":"2021-09-14T15:28:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.creactivitat.com\/ca\/lleis-dusabilitat-ux-en-el-disseny-web\/"},"wordCount":600,"commentCount":0,"publisher":{"@id":"https:\/\/www.creactivitat.com\/ca\/#organization"},"image":{"@id":"https:\/\/www.creactivitat.com\/ca\/lleis-dusabilitat-ux-en-el-disseny-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.creactivitat.com\/wp-content\/uploads\/2018\/09\/ux_web_wordpress.jpg","articleSection":["Disseny web"],"inLanguage":"ca","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.creactivitat.com\/ca\/lleis-dusabilitat-ux-en-el-disseny-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.creactivitat.com\/ca\/lleis-dusabilitat-ux-en-el-disseny-web\/","url":"https:\/\/www.creactivitat.com\/ca\/lleis-dusabilitat-ux-en-el-disseny-web\/","name":"Lleis d'usabilitat (UX) en el disseny web &#8226; CREACTIVITAT","isPartOf":{"@id":"https:\/\/www.creactivitat.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.creactivitat.com\/ca\/lleis-dusabilitat-ux-en-el-disseny-web\/#primaryimage"},"image":{"@id":"https:\/\/www.creactivitat.com\/ca\/lleis-dusabilitat-ux-en-el-disseny-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.creactivitat.com\/wp-content\/uploads\/2018\/09\/ux_web_wordpress.jpg","datePublished":"2019-12-20T11:47:47+00:00","dateModified":"2021-09-14T15:28:23+00:00","description":"Lleis d'usabilitat (UX) en el disseny web","breadcrumb":{"@id":"https:\/\/www.creactivitat.com\/ca\/lleis-dusabilitat-ux-en-el-disseny-web\/#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.creactivitat.com\/ca\/lleis-dusabilitat-ux-en-el-disseny-web\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/www.creactivitat.com\/ca\/lleis-dusabilitat-ux-en-el-disseny-web\/#primaryimage","url":"https:\/\/www.creactivitat.com\/wp-content\/uploads\/2018\/09\/ux_web_wordpress.jpg","contentUrl":"https:\/\/www.creactivitat.com\/wp-content\/uploads\/2018\/09\/ux_web_wordpress.jpg","width":1131,"height":636,"caption":"usabilidad en web wordpress"},{"@type":"BreadcrumbList","@id":"https:\/\/www.creactivitat.com\/ca\/lleis-dusabilitat-ux-en-el-disseny-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inici","item":"https:\/\/www.creactivitat.com\/ca\/"},{"@type":"ListItem","position":2,"name":"Lleis d&#8217;usabilitat (UX) en el disseny web"}]},{"@type":"WebSite","@id":"https:\/\/www.creactivitat.com\/ca\/#website","url":"https:\/\/www.creactivitat.com\/ca\/","name":"CREACTIVITAT","description":"Ag\u00e8ncia de disseny web i m\u00e0rqueting digital","publisher":{"@id":"https:\/\/www.creactivitat.com\/ca\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.creactivitat.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Organization","@id":"https:\/\/www.creactivitat.com\/ca\/#organization","name":"Creactivitat","url":"https:\/\/www.creactivitat.com\/ca\/","logo":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/www.creactivitat.com\/ca\/#\/schema\/logo\/image\/","url":"https:\/\/www.creactivitat.com\/wp-content\/uploads\/2019\/02\/logo-1.png","contentUrl":"https:\/\/www.creactivitat.com\/wp-content\/uploads\/2019\/02\/logo-1.png","width":632,"height":287,"caption":"Creactivitat"},"image":{"@id":"https:\/\/www.creactivitat.com\/ca\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/creactivitat.webs\/","https:\/\/x.com\/CreactivitatDT","https:\/\/www.linkedin.com\/company\/creactivitat","https:\/\/www.youtube.com\/channel\/UCbfeJQELpBFEu99NVYqPa6w"]},{"@type":"Person","@id":"https:\/\/www.creactivitat.com\/ca\/#\/schema\/person\/8c7f91047018722dc7ada94f676359d2","name":"admin_creac","image":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/secure.gravatar.com\/avatar\/20ab677ffc879b42734c2c1a9276b1939121eb9a80177c147b9ca484a6b57b66?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/20ab677ffc879b42734c2c1a9276b1939121eb9a80177c147b9ca484a6b57b66?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/20ab677ffc879b42734c2c1a9276b1939121eb9a80177c147b9ca484a6b57b66?s=96&d=mm&r=g","caption":"admin_creac"}}]}},"_links":{"self":[{"href":"https:\/\/www.creactivitat.com\/ca\/wp-json\/wp\/v2\/posts\/4350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creactivitat.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creactivitat.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creactivitat.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creactivitat.com\/ca\/wp-json\/wp\/v2\/comments?post=4350"}],"version-history":[{"count":4,"href":"https:\/\/www.creactivitat.com\/ca\/wp-json\/wp\/v2\/posts\/4350\/revisions"}],"predecessor-version":[{"id":4404,"href":"https:\/\/www.creactivitat.com\/ca\/wp-json\/wp\/v2\/posts\/4350\/revisions\/4404"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creactivitat.com\/ca\/wp-json\/wp\/v2\/media\/3155"}],"wp:attachment":[{"href":"https:\/\/www.creactivitat.com\/ca\/wp-json\/wp\/v2\/media?parent=4350"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creactivitat.com\/ca\/wp-json\/wp\/v2\/categories?post=4350"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creactivitat.com\/ca\/wp-json\/wp\/v2\/tags?post=4350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}