{"id":4313,"date":"2019-12-20T13:01:45","date_gmt":"2019-12-20T11:01:45","guid":{"rendered":"https:\/\/www.creactivitat.com\/leyes-de-usabilidad-ux-en-el-diseno-web\/"},"modified":"2021-10-06T13:06:39","modified_gmt":"2021-10-06T11:06:39","slug":"leyes-de-usabilidad-ux-en-el-diseno-web","status":"publish","type":"post","link":"https:\/\/www.creactivitat.com\/en\/leyes-de-usabilidad-ux-en-el-diseno-web\/","title":{"rendered":"Leyes de usabilidad (UX) en el dise\u00f1o web"},"content":{"rendered":"

Convertirse en cliente, dise\u00f1ar como Jon Yablonski<\/h3>\n

Experiencia de usuario<\/strong> en la web es dise\u00f1ar sitios web acorde a las necesidades del p\u00fablico objetivo<\/strong>. Para que una p\u00e1gina funcione no es suficiente con tener una buena interfaz. Lo verdaderamente importante resulta del estudio previo que se haga del usuario. Resulta vital cuestionarse \u00bfQui\u00e9n es? \u00bfC\u00f3mo es? \u00bfQu\u00e9 quiere? \u00bfC\u00f3mo lo quiere? y \u00bfD\u00f3nde lo quiere?. Y se acabar\u00e1 comprendiendo que es lo que realmente se le puede ofrecer, y resolver todas las necesidades que el usuario tiene cuando llega en el sitio web.<\/p>\n

Tras lograr calcar la actitud del p\u00fablico objetivo, es el momento de (re)dise\u00f1ar el sitio web. Jon Yablonski<\/strong>, a trav\u00e9s de la web LAWS OF UX www.lawsofux.com<\/a>, constata diecisiete directrices b\u00e1sicas<\/strong> que todo dise\u00f1ador deber\u00eda tener en cuenta para que la experiencia de un usuario sea la id\u00f3nea en cualquier interfaz est\u00e1ndar de la web.<\/p>\n

El tiempo del p\u00fablico objetivo es oro<\/h3>\n

Una de estas leyes, habla del tiempo de espera<\/strong> que tiene que soportar un usuario antes de poder llevar a cabo una primera interacci\u00f3n dentro de la p\u00e1gina web. Igual de importante es lo que ve el p\u00fablico objetivo en el frontend<\/em>, como la cantidad y peso de los archivos activos en el backoffice<\/em>. Un tiempo de carga alto puede implicar dos consecuencias catastr\u00f3ficas. Una, que la p\u00e1gina web baje posiciones en buscadores. Dos, que los usuarios abandonen el sitio para irse a otro de la competencia.<\/p>\n

Relacionado con el tiempo de espera, Jon Yablonski habla de simplificar procesos y\/o tareas al usuario<\/strong>. Evitar siempre hacer de la p\u00e1gina web un laberinto y mostrarlo todo accesible, reconocible, y pr\u00f3ximo. La ubicaci\u00f3n de los botones teniendo en cuenta el sistema de lectura en Z, los breadcrumbs<\/em> para los procesos de compra, y la representaci\u00f3n de ciertas acciones a trav\u00e9s de iconos ya familiares para el p\u00fablico objetivo, son algunas estrategias revalidadas en los mayores e-commerce<\/em> del mundo.<\/p>\n

No inventar, repetir y simplificar<\/h3>\n

La creatividad y la innovaci\u00f3n no garantizan la distinci\u00f3n y el \u00e9xito. Ganarse la confianza de los clientes ha sido siempre una de las tareas m\u00e1s complicadas para las nuevas marcas en Internet. Los usuarios ya se han acostumbrado a unos par\u00e1metros de compra para cada tipo de servicio. Cuidado con cambiar la estructura<\/strong> en procesos de compra, p\u00e1ginas de producto o men\u00fas de navegaci\u00f3n. Esto no consiste en ense\u00f1ar al p\u00fablico objetivo, sino en adaptarse a su experiencia<\/strong>.<\/p>\n

En la web no es necesario hacer pensar al usuario, hay que simplificar su experiencia. Dividir elementos<\/strong> para crear diferencias; conectar funciones<\/strong> para crear relaciones; y aislar objetos<\/strong> para distinguirlos visualmente. A los usuarios les cuesta recordar m\u00e1s de siete elementos clasificados a la vez. Seleccionar bien los componentes que formar\u00e1n parte del men\u00fa de navegaci\u00f3n y ordenarlos, teniendo en cuenta la idea de que los usuarios web tienden a fijar su mirada en el primer y \u00faltimo elemento de una lista.<\/p>\n

Observar, analizar y actuar como el propio cliente. Despu\u00e9s dise\u00f1ar. Seguir los consejos de Jon Yablonski es la mejor manera para crear una p\u00e1gina web funcional<\/strong> y pr\u00e1ctica<\/strong> y as\u00ed ofrecer una buena experiencia de usuario al p\u00fablico objetivo.<\/p>\n

 <\/p>\n

Abel Gonz\u00e1lez<\/a> y \u00c8lia Vives<\/a><\/em><\/p>\n

Departamento de Marketing<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Convertirse en cliente, dise\u00f1ar como Jon Yablonski Experiencia de usuario en la web es dise\u00f1ar sitios web acorde a las necesidades del p\u00fablico objetivo. Para que una p\u00e1gina funcione no es suficiente con tener una buena interfaz. Lo verdaderamente importante resulta del estudio previo que se haga del usuario. Resulta vital cuestionarse \u00bfQui\u00e9n es? \u00bfC\u00f3mo […]<\/p>\n","protected":false},"author":1,"featured_media":3156,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[26],"tags":[],"class_list":["post-4313","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design"],"acf":[],"yoast_head":"\nLeyes de usabilidad (UX) en el dise\u00f1o web • CREACTIVITAT<\/title>\n<meta name=\"description\" content=\"Leyes de usabilidad (UX) en el dise\u00f1o web\" \/>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Leyes de usabilidad (UX) en el dise\u00f1o web\" \/>\n<meta property=\"og:description\" content=\"Leyes de usabilidad (UX) en el dise\u00f1o web\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.creactivitat.com\/en\/leyes-de-usabilidad-ux-en-el-diseno-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:01:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-06T11:06:39+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=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin_creac\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Leyes de usabilidad (UX) en el dise\u00f1o web • CREACTIVITAT","description":"Leyes de usabilidad (UX) en el dise\u00f1o web","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"en_US","og_type":"article","og_title":"Leyes de usabilidad (UX) en el dise\u00f1o web","og_description":"Leyes de usabilidad (UX) en el dise\u00f1o web","og_url":"https:\/\/www.creactivitat.com\/en\/leyes-de-usabilidad-ux-en-el-diseno-web\/","og_site_name":"CREACTIVITAT","article_publisher":"https:\/\/www.facebook.com\/creactivitat.webs\/","article_published_time":"2019-12-20T11:01:45+00:00","article_modified_time":"2021-10-06T11:06:39+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":{"Written by":"admin_creac","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.creactivitat.com\/en\/leyes-de-usabilidad-ux-en-el-diseno-web\/#article","isPartOf":{"@id":"https:\/\/www.creactivitat.com\/en\/leyes-de-usabilidad-ux-en-el-diseno-web\/"},"author":{"name":"admin_creac","@id":"https:\/\/www.creactivitat.com\/en\/#\/schema\/person\/8c7f91047018722dc7ada94f676359d2"},"headline":"Leyes de usabilidad (UX) en el dise\u00f1o web","datePublished":"2019-12-20T11:01:45+00:00","dateModified":"2021-10-06T11:06:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.creactivitat.com\/en\/leyes-de-usabilidad-ux-en-el-diseno-web\/"},"wordCount":594,"commentCount":0,"publisher":{"@id":"https:\/\/www.creactivitat.com\/en\/#organization"},"image":{"@id":"https:\/\/www.creactivitat.com\/en\/leyes-de-usabilidad-ux-en-el-diseno-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.creactivitat.com\/wp-content\/uploads\/2018\/09\/ux_web_wordpress.jpg","articleSection":["Web design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.creactivitat.com\/en\/leyes-de-usabilidad-ux-en-el-diseno-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.creactivitat.com\/en\/leyes-de-usabilidad-ux-en-el-diseno-web\/","url":"https:\/\/www.creactivitat.com\/en\/leyes-de-usabilidad-ux-en-el-diseno-web\/","name":"Leyes de usabilidad (UX) en el dise\u00f1o web • CREACTIVITAT","isPartOf":{"@id":"https:\/\/www.creactivitat.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.creactivitat.com\/en\/leyes-de-usabilidad-ux-en-el-diseno-web\/#primaryimage"},"image":{"@id":"https:\/\/www.creactivitat.com\/en\/leyes-de-usabilidad-ux-en-el-diseno-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.creactivitat.com\/wp-content\/uploads\/2018\/09\/ux_web_wordpress.jpg","datePublished":"2019-12-20T11:01:45+00:00","dateModified":"2021-10-06T11:06:39+00:00","description":"Leyes de usabilidad (UX) en el dise\u00f1o web","breadcrumb":{"@id":"https:\/\/www.creactivitat.com\/en\/leyes-de-usabilidad-ux-en-el-diseno-web\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.creactivitat.com\/en\/leyes-de-usabilidad-ux-en-el-diseno-web\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.creactivitat.com\/en\/leyes-de-usabilidad-ux-en-el-diseno-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\/en\/leyes-de-usabilidad-ux-en-el-diseno-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inici","item":"https:\/\/www.creactivitat.com\/en\/"},{"@type":"ListItem","position":2,"name":"Leyes de usabilidad (UX) en el dise\u00f1o web"}]},{"@type":"WebSite","@id":"https:\/\/www.creactivitat.com\/en\/#website","url":"https:\/\/www.creactivitat.com\/en\/","name":"CREACTIVITAT","description":"Web design and digital marketing","publisher":{"@id":"https:\/\/www.creactivitat.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.creactivitat.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.creactivitat.com\/en\/#organization","name":"Creactivitat","url":"https:\/\/www.creactivitat.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.creactivitat.com\/en\/#\/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\/en\/#\/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\/en\/#\/schema\/person\/8c7f91047018722dc7ada94f676359d2","name":"admin_creac","image":{"@type":"ImageObject","inLanguage":"en-US","@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\/en\/wp-json\/wp\/v2\/posts\/4313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creactivitat.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creactivitat.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creactivitat.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creactivitat.com\/en\/wp-json\/wp\/v2\/comments?post=4313"}],"version-history":[{"count":2,"href":"https:\/\/www.creactivitat.com\/en\/wp-json\/wp\/v2\/posts\/4313\/revisions"}],"predecessor-version":[{"id":4315,"href":"https:\/\/www.creactivitat.com\/en\/wp-json\/wp\/v2\/posts\/4313\/revisions\/4315"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creactivitat.com\/en\/wp-json\/wp\/v2\/media\/3156"}],"wp:attachment":[{"href":"https:\/\/www.creactivitat.com\/en\/wp-json\/wp\/v2\/media?parent=4313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creactivitat.com\/en\/wp-json\/wp\/v2\/categories?post=4313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creactivitat.com\/en\/wp-json\/wp\/v2\/tags?post=4313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}