{"id":233,"date":"2017-02-17T11:44:35","date_gmt":"2017-02-17T10:44:35","guid":{"rendered":"https:\/\/ux.mtp.es\/?p=233"},"modified":"2017-02-17T11:44:35","modified_gmt":"2017-02-17T10:44:35","slug":"influencia-del-desarrollo-en-la-experiencia-de-usuario","status":"publish","type":"post","link":"https:\/\/mtp.global\/es\/blog\/archivo\/influencia-del-desarrollo-en-la-experiencia-de-usuario\/","title":{"rendered":"Influencia del desarrollo en la experiencia de usuario"},"content":{"rendered":"<p>Cuando nos embarcamos en un nuevo proyecto de an\u00e1lisis web, como expertos de <a href=\"https:\/\/mtp.global\/es\/experiencia-usuario-ux\">experiencia de usuario<\/a> debemos atender aspectos tan diversos como la arquitectura de la informaci\u00f3n, la accesibilidad, el dise\u00f1o gr\u00e1fico e interactivo, la usabilidad, entre otros.<\/p>\n<div class=\"itemFullText\">\n<p>En muchas ocasiones, <b>es muy dif\u00edcil establecer los l\u00edmites<\/b>de las diferentes disciplinas que componen la experiencia de usuario para llegar a obtener un buen an\u00e1lisis y, por tanto, poder ofrecer a nuestros usuarios sitios webs de calidad.<\/p>\n<p>Desde el principio es importante hacer un estudio exhaustivo sobre las necesidades de los usuarios y buscar la mejor soluci\u00f3n tecnol\u00f3gica teniendo en cuenta los costes de producci\u00f3n y tiempo de ejecuci\u00f3n del proyecto.<\/p>\n<p>En nuestra labor de an\u00e1lisis <strong>revisamos que los usuarios puedan<\/strong><strong> realizar tareas con la mayor rapidez posible minimizando el n\u00famero de clics y de navegaci\u00f3n con scroll<\/strong>. Que se le informe de errores, que se le preste ayuda y que haya una retroalimentaci\u00f3n constante sobre lo que est\u00e1 pasando y ha pasado en la interfaz. Con todo ello conseguimos una mayor satisfacci\u00f3n y comodidad del usuario en su navegaci\u00f3n.<\/p>\n<p>Todos estamos de acuerdo con esto pero, <strong>\u00bfqu\u00e9 influencia puede tener el c\u00f3digo de nuestro sitio web en la experiencia de usuario?, \u00bfde qui\u00e9n es el trabajo de revisi\u00f3n de ciertos aspectos en el c\u00f3digo?<\/strong><\/p>\n<h2><strong>Atendiendo a la accesibilidad<\/strong><\/h2>\n<p style=\"text-align: justify;\">La WCAG (Web Content Accessibility Guidelines) establece una serie de pautas que afectan directamente al c\u00f3digo web como pueden ser:<\/p>\n<ul>\n<li>Alternativas en las im\u00e1genes (alt y long desc).<\/li>\n<li>Im\u00e1genes de texto mejor maquetadas.<\/li>\n<li>Proporcionar una alternativa a los objetos programados y scripts.<\/li>\n<li>Independencia del dispositivo.<\/li>\n<li>No utilizaci\u00f3n de etiquetas obsoletas como los iframes.<\/li>\n<li>Identificar encabezados (th), tablas de datos complejas encabezados (atributos scope o id y headers) y utilizar el elemento caption (t\u00edtulo de la tabla) o el atributo summary<\/li>\n<li>No utilizar tablas para maquetar y no usar marcadores estructurales para dar formato (como th, thead, tfoot, etc.)<\/li>\n<li>Todo control de formulario debe ser identificado mediante una etiqueta (elemento label o en su defecto title). Los botones de los formularios tendr\u00e1n nombres (value) descriptivos.<\/li>\n<li>Comprobar la validaci\u00f3n de los datos de un formulario en el lado del servidor. El env\u00edo de los datos no debe depender nunca de los scripts.<\/li>\n<li>Agrupar la informaci\u00f3n de los formularios (fieldset, legend, optgroup)<\/li>\n<li>Seguir los est\u00e1ndares que marca la W3C.<\/li>\n<li>Legibilidad sin hojas de estilo (estructura y orden correcto de lectura de los contenidos)<\/li>\n<li>Separar la estructura de la presentaci\u00f3n (el Html del CSS)<\/li>\n<li>Utilizar unidades relativas en vez de absolutas.<\/li>\n<li>Marcado adecuado de listas y citas.<\/li>\n<li>Evitar actualizaciones autom\u00e1ticas, re-direccionamientos y la apertura de nuevas ventanas.<\/li>\n<li>Utilizaci\u00f3n de metadatos.<\/li>\n<li>Tiempos de espera excesivos por el alto peso de la p\u00e1gina (m\u00e1s de 4 segundos de espera).<\/li>\n<\/ul>\n<p>En cuanto al dise\u00f1o y estructuraci\u00f3n de los contenidos es necesario utilizar una cuadr\u00edcula o grid, ya que nos facilitar\u00e1 la adecuada <strong>adaptaci\u00f3n a los diferentes tama\u00f1os de pantalla de los dispositivos<\/strong>. Para ello, si se utiliza alg\u00fan tipo de framework como Bootstrap o Foundation, emplearemos correctamente las clases que se establecen.<\/p>\n<p>Resulta necesario tambi\u00e9n <strong>optimizar el peso de la p\u00e1gina<\/strong> para que el tiempo de carga sea el menor posible (m\u00e1s de 4 segundos de espera). Es clave tener un c\u00f3digo limpio sin repeticiones, incorporar s\u00f3lo las librer\u00edas de javascript que necesitemos y comprimir las im\u00e1genes.<\/p>\n<p><strong>Desarrollar productos libres de errores funcionales<\/strong> que hagan que la experiencia del usuario no sea frustrante. Debemos tener en cuenta que los usuarios suelen abandonar la tarea que quer\u00edan llevar a cabo por la imposibilidad de poder continuar. Esto \u00faltimo podr\u00eda tener graves consecuencias de facturaci\u00f3n para una empresa si por ejemplo el carrito de compra de un comercio electr\u00f3nico diera un fallo o error al realizar la compra. Se debe revisar concienzudamente que todos los elementos de las interfaces funcionan de la forma correcta.<\/p>\n<p>Por otro lado, el trabajo en equipo es muy importante. Resulta necesario que todos los miembros de un equipo trabajen conjuntamente mediante una comunicaci\u00f3n fluida y constante, especialmente entre el dise\u00f1ador y el programador.<\/p>\n<p>Seg\u00fan Delia Casta\u00f1o, UX Designer de MTP:<em> &#8220;Si queremos ofrecer productos de calidad, deben de \u201cbrillar\u201d tanto por fuera como por dentro.\u201d<\/em><\/p>\n<\/div>\n<p><b>Por Delia Casta\u00f1o<br \/>\nUX Designer de MTP<\/b><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3>Te puede interesar&#8230;<\/h3>\n<p>Conoce nuestros <a href=\"https:\/\/mtp.global\/es\/formacion\/experiencia-de-usuario\/\">curso UX Madrid<\/a> y accede a la formaci\u00f3n especializada de MTP.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cuando nos embarcamos en un nuevo proyecto de an\u00e1lisis web, como expertos de experiencia de usuario debemos atender aspectos tan diversos como la arquitectura de la informaci\u00f3n, la accesibilidad, el dise\u00f1o gr\u00e1fico e interactivo, la usabilidad, entre otros. En muchas ocasiones, es muy dif\u00edcil establecer los l\u00edmitesde las diferentes disciplinas que componen la experiencia de [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":1432,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[204],"tags":[143],"class_list":["post-233","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-archivo","tag-experiencia-de-usuario-ux"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Desarrollo e impacto en experiencia UX | MTP<\/title>\n<meta name=\"description\" content=\"El desarrollo influye sobre la la arquitectura de la informaci\u00f3n, la accesibilidad, el dise\u00f1o gr\u00e1fico e interactivo, la usabilidad, entre otros.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mtp.global\/es\/blog\/archivo\/influencia-del-desarrollo-en-la-experiencia-de-usuario\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Desarrollo e impacto en experiencia UX | MTP\" \/>\n<meta property=\"og:description\" content=\"El desarrollo influye sobre la la arquitectura de la informaci\u00f3n, la accesibilidad, el dise\u00f1o gr\u00e1fico e interactivo, la usabilidad, entre otros.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mtp.global\/es\/blog\/archivo\/influencia-del-desarrollo-en-la-experiencia-de-usuario\/\" \/>\n<meta property=\"og:site_name\" content=\"MTP Espa\u00f1a\" \/>\n<meta property=\"article:published_time\" content=\"2017-02-17T10:44:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mtp.global\/es\/wp-content\/uploads\/2016\/12\/programacion_ux.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"MTP\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"MTP\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Desarrollo e impacto en experiencia UX | MTP","description":"El desarrollo influye sobre la la arquitectura de la informaci\u00f3n, la accesibilidad, el dise\u00f1o gr\u00e1fico e interactivo, la usabilidad, entre otros.","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:\/\/mtp.global\/es\/blog\/archivo\/influencia-del-desarrollo-en-la-experiencia-de-usuario\/","og_locale":"es_ES","og_type":"article","og_title":"Desarrollo e impacto en experiencia UX | MTP","og_description":"El desarrollo influye sobre la la arquitectura de la informaci\u00f3n, la accesibilidad, el dise\u00f1o gr\u00e1fico e interactivo, la usabilidad, entre otros.","og_url":"https:\/\/mtp.global\/es\/blog\/archivo\/influencia-del-desarrollo-en-la-experiencia-de-usuario\/","og_site_name":"MTP Espa\u00f1a","article_published_time":"2017-02-17T10:44:35+00:00","og_image":[{"width":1000,"height":400,"url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2016\/12\/programacion_ux.jpg","type":"image\/jpeg"}],"author":"MTP","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"MTP","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mtp.global\/es\/blog\/archivo\/influencia-del-desarrollo-en-la-experiencia-de-usuario\/#article","isPartOf":{"@id":"https:\/\/mtp.global\/es\/blog\/archivo\/influencia-del-desarrollo-en-la-experiencia-de-usuario\/"},"author":{"name":"MTP","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/1186350db6f59e8360dd481150654813"},"headline":"Influencia del desarrollo en la experiencia de usuario","datePublished":"2017-02-17T10:44:35+00:00","mainEntityOfPage":{"@id":"https:\/\/mtp.global\/es\/blog\/archivo\/influencia-del-desarrollo-en-la-experiencia-de-usuario\/"},"wordCount":779,"publisher":{"@id":"https:\/\/mtp.global\/es\/#organization"},"image":{"@id":"https:\/\/mtp.global\/es\/blog\/archivo\/influencia-del-desarrollo-en-la-experiencia-de-usuario\/#primaryimage"},"thumbnailUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2016\/12\/programacion_ux.jpg","keywords":["Experiencia de Usuario UX"],"articleSection":["Archivo"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/mtp.global\/es\/blog\/archivo\/influencia-del-desarrollo-en-la-experiencia-de-usuario\/","url":"https:\/\/mtp.global\/es\/blog\/archivo\/influencia-del-desarrollo-en-la-experiencia-de-usuario\/","name":"Desarrollo e impacto en experiencia UX | MTP","isPartOf":{"@id":"https:\/\/mtp.global\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mtp.global\/es\/blog\/archivo\/influencia-del-desarrollo-en-la-experiencia-de-usuario\/#primaryimage"},"image":{"@id":"https:\/\/mtp.global\/es\/blog\/archivo\/influencia-del-desarrollo-en-la-experiencia-de-usuario\/#primaryimage"},"thumbnailUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2016\/12\/programacion_ux.jpg","datePublished":"2017-02-17T10:44:35+00:00","description":"El desarrollo influye sobre la la arquitectura de la informaci\u00f3n, la accesibilidad, el dise\u00f1o gr\u00e1fico e interactivo, la usabilidad, entre otros.","breadcrumb":{"@id":"https:\/\/mtp.global\/es\/blog\/archivo\/influencia-del-desarrollo-en-la-experiencia-de-usuario\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mtp.global\/es\/blog\/archivo\/influencia-del-desarrollo-en-la-experiencia-de-usuario\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/blog\/archivo\/influencia-del-desarrollo-en-la-experiencia-de-usuario\/#primaryimage","url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2016\/12\/programacion_ux.jpg","contentUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2016\/12\/programacion_ux.jpg","width":1000,"height":400,"caption":"Influencia programaci\u00f3n en ux"},{"@type":"BreadcrumbList","@id":"https:\/\/mtp.global\/es\/blog\/archivo\/influencia-del-desarrollo-en-la-experiencia-de-usuario\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mtp.global\/es\/home\/"},{"@type":"ListItem","position":2,"name":"Influencia del desarrollo en la experiencia de usuario"}]},{"@type":"WebSite","@id":"https:\/\/mtp.global\/es\/#website","url":"https:\/\/mtp.global\/es\/","name":"MTP Global","description":"","publisher":{"@id":"https:\/\/mtp.global\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mtp.global\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/mtp.global\/es\/#organization","name":"MTP Global","url":"https:\/\/mtp.global\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/#\/schema\/logo\/image\/","url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/07\/MTP-global.png","contentUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/07\/MTP-global.png","width":1200,"height":400,"caption":"MTP Global"},"image":{"@id":"https:\/\/mtp.global\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/1186350db6f59e8360dd481150654813","name":"MTP","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9f80fcebb065607a1066a38846083841707346cf76ca0c1df24aea7a0c5d4047?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9f80fcebb065607a1066a38846083841707346cf76ca0c1df24aea7a0c5d4047?s=96&d=mm&r=g","caption":"MTP"},"url":"https:\/\/mtp.global\/es\/blog\/author\/marketing\/"}]}},"fimg_url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2016\/12\/programacion_ux.jpg","_links":{"self":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts\/233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/comments?post=233"}],"version-history":[{"count":0,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts\/233\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/media\/1432"}],"wp:attachment":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/media?parent=233"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/categories?post=233"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/tags?post=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}