{"id":1724,"date":"2017-09-06T07:52:18","date_gmt":"2017-09-06T05:52:18","guid":{"rendered":"http:\/\/www.mtp.es\/blog\/?p=1724"},"modified":"2017-09-06T07:52:18","modified_gmt":"2017-09-06T05:52:18","slug":"modelo-ux-unificacion-diseno-aplicaciones-internas-repsol","status":"publish","type":"post","link":"https:\/\/mtp.global\/es\/blog\/archivo\/modelo-ux-unificacion-diseno-aplicaciones-internas-repsol\/","title":{"rendered":"Modelo UX: unificaci\u00f3n dise\u00f1o de aplicaciones internas de Repsol"},"content":{"rendered":"<h2>Caso de \u00e9xito de REPSOL: Modelo UX<\/h2>\n<h3><b>PUNTO DE PARTIDA<\/b><\/h3>\n<p>A finales de 2016, el departamento de Calidad y <a href=\"https:\/\/mtp.global\/es\/experiencia-usuario-ux\">Experiencia de Usuario<\/a> de la Direcci\u00f3n de Servicios de Aplicaciones de Repsol se plantea unificar el dise\u00f1o de las aplicaciones internas de la compa\u00f1\u00eda, ya que las actuales presentan entre ellas un look&amp;feel muy diferente, tanto a nivel de dise\u00f1o visual como de interacci\u00f3n. Asimismo, este departamento detecta que los controles de calidad de los evolutivos o de nuevas aplicaciones presentan problemas de usabilidad que pueden llegar a cuestionar su paso a producci\u00f3n. Todo ello, hace que se determine que la cultura UX de la organizaci\u00f3n no alcanza un nivel de madurez suficiente de acuerdo a los est\u00e1ndares de calidad de la empresa.<\/p>\n<p>En esta situaci\u00f3n, el departamento de Calidad y Experiencia de Usuario de la Direcci\u00f3n de Servicios de Aplicaciones de Repsol contacta con MTP y le encarga la evoluci\u00f3n de la estrategia de User Experience (UX) para sus aplicaciones internas, con el objetivo de estandarizar el dise\u00f1o de las mismas y de asegurar una experiencia de usuario \u00f3ptima en todas ellas.<\/p>\n<h3><b>LOS RETOS<\/b><\/h3>\n<p>Este proyecto presenta una serie de retos con una alta complejidad, que pueden resumirse en:<\/p>\n<ul>\n<li>Abordar el dise\u00f1o y desarrollo de una librer\u00eda de componentes que fueran reutilizables en proyectos futuros para las tecnolog\u00edas habituales de Repsol:<\/li>\n<li>Disponer de un espacio web escalable y sencillo de mantener, con todos los componentes desarrollados junto con las recomendaciones de uso.<\/li>\n<li>Creaci\u00f3n de un modelo que fomentara la incorporaci\u00f3n de buenas pr\u00e1cticas UX desde fases tempranas del ciclo de vida de los proyectos.<\/li>\n<li>Definici\u00f3n de un mecanismo capaz de medir el nivel de UX de las aplicaciones previo paso a producci\u00f3n.<\/li>\n<\/ul>\n<h3><b>LA SOLUCI\u00d3N<\/b><\/h3>\n<p>Como primer paso, MTP llev\u00f3 a cabo un exhaustivo an\u00e1lisis de las aplicaciones internas de Repsol en cada una de sus tecnolog\u00edas -web, SAP y m\u00f3vil-, a fin de identificar patrones comunes y reutilizables. Adem\u00e1s, procedi\u00f3 a establecer, con la colaboraci\u00f3n del cliente, los principios UX prioritarios en los que se basar\u00edan los componentes a dise\u00f1ar, \u00e9stos fueron los siguientes:<\/p>\n<ul>\n<li>Simplicidad<\/li>\n<li>Anticipaci\u00f3n<\/li>\n<li>Eficacia<\/li>\n<li>Facilidad de aprendizaje<\/li>\n<li>Accesibilidad<\/li>\n<li>Flexibilidad<\/li>\n<li>Feedback<\/li>\n<li>Adaptabilidad<\/li>\n<li>Claridad visual<\/li>\n<li>Prevenci\u00f3n errores<\/li>\n<\/ul>\n<p>Una vez realizado el an\u00e1lisis de las aplicaciones y establecidos los principios UX, MTP, en colaboraci\u00f3n con las \u00e1reas de Marca Corporativa, Comunicaci\u00f3n Digital y Comunicaci\u00f3n Interna de Repsol, llev\u00f3 a cabo la identificaci\u00f3n de los componentes que era necesario dise\u00f1ar para su posterior desarrollo. Para ello, se cre\u00f3 un espacio web en el que almacenar y evolucionar todo el trabajo realizado.<\/p>\n<p>En paralelo, junto con el Departamento de Calidad y Experiencia de Usuario de Repsol, se abord\u00f3 la definici\u00f3n de un modelo que contemplara la incorporaci\u00f3n de t\u00e9cnicas, herramientas y apoyo UX en fases tempranas del ciclo de vida de los proyectos, adem\u00e1s de asegurar la calidad por medio de diferentes tipos de controles UX en fase de pruebas.<\/p>\n<h2><b>LOS BENEFICIOS PARA EL CLIENTE<\/b><\/h2>\n<p>Como resultado del proyecto llevado a cabo por MTP, Repsol dispone ahora de una Gu\u00eda de Desarrollo compuesta por una librer\u00eda de componentes dise\u00f1ados y construidos en bootstrap, disponible para cualquier interesado por medio de un portal web escalable y f\u00e1cilmente mantenible.<\/p>\n<p>Se trata de componentes responsive capaces de adaptarse a cualquier tama\u00f1o de pantalla. Asimismo, cada componente aparece acompa\u00f1ado de una breve explicaci\u00f3n y de recomendaciones de uso.<\/p>\n<p>La Gu\u00eda de Desarrollo de Repsol, tambi\u00e9n incluye la descripci\u00f3n de los principios de UX acordados, as\u00ed como los estilos de la interfaz, layout, paleta de colores, tipograf\u00eda, iconograf\u00eda, etc. Adem\u00e1s, dispone de una zona para la descarga de los componentes existentes.<\/p>\n<p>Por otra parte, este proyecto ha incluido tambi\u00e9n la definici\u00f3n de un modelo UX que permite al Departamento de Calidad y Experiencia de Usuario de Repsol proporcionar know-how, t\u00e9cnicas y mecanismos de User Experience a cada proyecto que aborde la empresa. Este modelo establece la participaci\u00f3n de expertos en UX desde el comienzo de cada proyecto de desarrollo, a fin de identificar y aplicar t\u00e9cnicas y herramientas que aseguren la homogeneidad y sencillez de uso de las aplicaciones. La pr\u00e1ctica de t\u00e9cnicas como el cardsorting o de herramientas como JustinMind aseguran que el producto final cumpla con los principios UX definidos en Repsol.<\/p>\n<p>Por \u00faltimo, el modelo definido tambi\u00e9n contempla el <a href=\"https:\/\/mtp.global\/es\/aseguramiento-de-la-calidad\">aseguramiento de la calidad<\/a> desde el punto de vista de la experiencia de usuario. <a href=\"https:\/\/mtp.global\/es\/servicios\/accesibilidad-digital-y-ux\/\">An\u00e1lisis heur\u00edsticos<\/a>, controles de usabilidad continuos o tests con usuarios son algunos ejemplos de Quality Gates que se incluyen para comprobar que la aplicaci\u00f3n desarrollada dispone de la calidad UX necesaria.<\/p>\n<p><strong>Por Javier de la Plaza\u00a0<\/strong><br \/>\n<strong>Responsable del \u00c1rea UX de MTP y TMMi Assessor<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Caso de \u00e9xito de REPSOL: Modelo UX PUNTO DE PARTIDA A finales de 2016, el departamento de Calidad y Experiencia de Usuario de la Direcci\u00f3n de Servicios de Aplicaciones de Repsol se plantea unificar el dise\u00f1o de las aplicaciones internas de la compa\u00f1\u00eda, ya que las actuales presentan entre ellas un look&amp;feel muy diferente, tanto [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":1726,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[204],"tags":[143],"class_list":["post-1724","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>Modelo UX: Unificaci\u00f3n del dise\u00f1o e interacci\u00f3n de las aplicaciones<\/title>\n<meta name=\"description\" content=\"Repsol se plantea unificar el dise\u00f1o de las aplicaciones internas de la compa\u00f1\u00eda haciendo uso de un modelo UX dise\u00f1ado para este cumplimiento de objetivo.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Modelo UX: Unificaci\u00f3n del dise\u00f1o e interacci\u00f3n de las aplicaciones\" \/>\n<meta property=\"og:description\" content=\"Repsol se plantea unificar el dise\u00f1o de las aplicaciones internas de la compa\u00f1\u00eda haciendo uso de un modelo UX dise\u00f1ado para este cumplimiento de objetivo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mtp.global\/es\/blog\/archivo\/modelo-ux-unificacion-diseno-aplicaciones-internas-repsol\/\" \/>\n<meta property=\"og:site_name\" content=\"MTP Espa\u00f1a\" \/>\n<meta property=\"article:published_time\" content=\"2017-09-06T05:52:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mtp.global\/es\/wp-content\/uploads\/2017\/09\/ux_repsol.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":"Modelo UX: Unificaci\u00f3n del dise\u00f1o e interacci\u00f3n de las aplicaciones","description":"Repsol se plantea unificar el dise\u00f1o de las aplicaciones internas de la compa\u00f1\u00eda haciendo uso de un modelo UX dise\u00f1ado para este cumplimiento de objetivo.","robots":{"index":"noindex","follow":"follow"},"og_locale":"es_ES","og_type":"article","og_title":"Modelo UX: Unificaci\u00f3n del dise\u00f1o e interacci\u00f3n de las aplicaciones","og_description":"Repsol se plantea unificar el dise\u00f1o de las aplicaciones internas de la compa\u00f1\u00eda haciendo uso de un modelo UX dise\u00f1ado para este cumplimiento de objetivo.","og_url":"https:\/\/mtp.global\/es\/blog\/archivo\/modelo-ux-unificacion-diseno-aplicaciones-internas-repsol\/","og_site_name":"MTP Espa\u00f1a","article_published_time":"2017-09-06T05:52:18+00:00","og_image":[{"width":1000,"height":400,"url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2017\/09\/ux_repsol.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\/modelo-ux-unificacion-diseno-aplicaciones-internas-repsol\/#article","isPartOf":{"@id":"https:\/\/mtp.global\/es\/blog\/archivo\/modelo-ux-unificacion-diseno-aplicaciones-internas-repsol\/"},"author":{"name":"MTP","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/1186350db6f59e8360dd481150654813"},"headline":"Modelo UX: unificaci\u00f3n dise\u00f1o de aplicaciones internas de Repsol","datePublished":"2017-09-06T05:52:18+00:00","mainEntityOfPage":{"@id":"https:\/\/mtp.global\/es\/blog\/archivo\/modelo-ux-unificacion-diseno-aplicaciones-internas-repsol\/"},"wordCount":840,"publisher":{"@id":"https:\/\/mtp.global\/es\/#organization"},"image":{"@id":"https:\/\/mtp.global\/es\/blog\/archivo\/modelo-ux-unificacion-diseno-aplicaciones-internas-repsol\/#primaryimage"},"thumbnailUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2017\/09\/ux_repsol.jpg","keywords":["Experiencia de Usuario UX"],"articleSection":["Archivo"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/mtp.global\/es\/blog\/archivo\/modelo-ux-unificacion-diseno-aplicaciones-internas-repsol\/","url":"https:\/\/mtp.global\/es\/blog\/archivo\/modelo-ux-unificacion-diseno-aplicaciones-internas-repsol\/","name":"Modelo UX: Unificaci\u00f3n del dise\u00f1o e interacci\u00f3n de las aplicaciones","isPartOf":{"@id":"https:\/\/mtp.global\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mtp.global\/es\/blog\/archivo\/modelo-ux-unificacion-diseno-aplicaciones-internas-repsol\/#primaryimage"},"image":{"@id":"https:\/\/mtp.global\/es\/blog\/archivo\/modelo-ux-unificacion-diseno-aplicaciones-internas-repsol\/#primaryimage"},"thumbnailUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2017\/09\/ux_repsol.jpg","datePublished":"2017-09-06T05:52:18+00:00","description":"Repsol se plantea unificar el dise\u00f1o de las aplicaciones internas de la compa\u00f1\u00eda haciendo uso de un modelo UX dise\u00f1ado para este cumplimiento de objetivo.","breadcrumb":{"@id":"https:\/\/mtp.global\/es\/blog\/archivo\/modelo-ux-unificacion-diseno-aplicaciones-internas-repsol\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mtp.global\/es\/blog\/archivo\/modelo-ux-unificacion-diseno-aplicaciones-internas-repsol\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/blog\/archivo\/modelo-ux-unificacion-diseno-aplicaciones-internas-repsol\/#primaryimage","url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2017\/09\/ux_repsol.jpg","contentUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2017\/09\/ux_repsol.jpg","width":1000,"height":400,"caption":"Dise\u00f1o de aplicaciones UX"},{"@type":"BreadcrumbList","@id":"https:\/\/mtp.global\/es\/blog\/archivo\/modelo-ux-unificacion-diseno-aplicaciones-internas-repsol\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mtp.global\/es\/home\/"},{"@type":"ListItem","position":2,"name":"Modelo UX: unificaci\u00f3n dise\u00f1o de aplicaciones internas de Repsol"}]},{"@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\/2017\/09\/ux_repsol.jpg","_links":{"self":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts\/1724","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=1724"}],"version-history":[{"count":0,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts\/1724\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/media\/1726"}],"wp:attachment":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/media?parent=1724"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/categories?post=1724"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/tags?post=1724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}