{"id":9740,"date":"2017-03-22T11:14:30","date_gmt":"2017-03-22T10:14:30","guid":{"rendered":"http:\/\/www.weweb.cat\/?p=9740\/"},"modified":"2017-03-22T11:35:10","modified_gmt":"2017-03-22T10:35:10","slug":"importancia-experiencia-de-usuario","status":"publish","type":"post","link":"https:\/\/www.weweb.cat\/es\/importancia-experiencia-de-usuario\/","title":{"rendered":"La importancia de la experiencia de usuario"},"content":{"rendered":"<p>[et_pb_section admin_label=\u00bbsection\u00bb background_image=\u00bbhttp:\/\/www.weweb.cat\/wp-content\/uploads\/2016\/01\/bg-header.jpg\u00bb transparent_background=\u00bboff\u00bb allow_player_pause=\u00bboff\u00bb inner_shadow=\u00bboff\u00bb parallax=\u00bboff\u00bb parallax_method=\u00bboff\u00bb padding_mobile=\u00bboff\u00bb make_fullwidth=\u00bboff\u00bb use_custom_width=\u00bboff\u00bb width_unit=\u00bbon\u00bb make_equal=\u00bboff\u00bb use_custom_gutter=\u00bboff\u00bb gutter_width=\u00bb3&#8243; custom_css_main_element=\u00bbposition:absolute;||top:0;||left:0;||margin-top:0;||margin-left:0;||width:100%;||height:100px;\u00bb][et_pb_row admin_label=\u00bbrow\u00bb][et_pb_column type=\u00bb4_4&#8243;][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section admin_label=\u00bbSection\u00bb fullwidth=\u00bboff\u00bb specialty=\u00bboff\u00bb][et_pb_row admin_label=\u00bbRow\u00bb][et_pb_column type=\u00bb3_4&#8243;][et_pb_text admin_label=\u00bbText\u00bb background_layout=\u00bblight\u00bb text_orientation=\u00bbleft\u00bb use_border_color=\u00bboff\u00bb border_color=\u00bb#ffffff\u00bb border_style=\u00bbsolid\u00bb]<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-9727\" src=\"http:\/\/www.weweb.cat\/wp-content\/uploads\/2017\/03\/experiencia-de-usuario.png\" alt=\"experiencia de usuario\" width=\"590\" height=\"394\" srcset=\"https:\/\/www.weweb.cat\/wp-content\/uploads\/2017\/03\/experiencia-de-usuario.png 590w, https:\/\/www.weweb.cat\/wp-content\/uploads\/2017\/03\/experiencia-de-usuario-300x200.png 300w\" sizes=\"(max-width: 590px) 100vw, 590px\" \/><\/p>\n<div style=\"text-align: center; font-size: 75%; margin-bottom: 30px;\"><a href=\"http:\/\/www.freepik.com\/free-photos-vectors\/background\" target=\"_blank\">Background vector created by GraphiqaStock &#8211; Freepik.com<\/a><\/div>\n<p><strong>La experiencia de usuario<\/strong> es el conjunto de factores y elementos relativos a la interacci\u00f3n del usuario con una p\u00e1gina web o aplicaci\u00f3n, de los cuales se genera una percepci\u00f3n positiva o negativa. Para simplificarlo, podr\u00edamos afirmar que la experiencia de usuario es el <strong>proceso de interacci\u00f3n de un usuario con una p\u00e1gina web<\/strong> o aplicaci\u00f3n m\u00f3vil.<\/p>\n<p>Esta experiencia de usuario puede depender de factores y elementos relativos con el dise\u00f1o y la programaci\u00f3n como son la usabilidad, el dise\u00f1o gr\u00e1fico, la accesibilidad, la velocidad, etc., pero tambi\u00e9n depende de otros aspectos externos relacionados con las emociones y sentimientos transmitidos, la construcci\u00f3n de la marca, confianza generada, etc.<\/p>\n<p>A grandes rasgos, podemos afirmar que <strong>para conseguir una buena experiencia de usuario debemos ofrecer una buena p\u00e1gina web en estos tres factores: dise\u00f1o, contenido y velocidad<\/strong>. Si uno de estos tres factores falla, tenemos mucho perdido.<\/p>\n<h3>No confundir experiencia de usuario con usabilidad<\/h3>\n<p>A veces, los t\u00e9rminos experiencia de usuario y usabilidad se confunden o se mezclan. Experiencia de usuario y usabilidad no son el mismo concepto, ya que <strong>la usabilidad de una p\u00e1gina web<\/strong> o interfaz gr\u00e1fica <strong>se define como la sencillez con la que los usuarios pueden utilizar la p\u00e1gina web o aplicaci\u00f3n llevada a cabo por otras personas con la finalidad de alcanzar un objetivo concreto<\/strong>. As\u00ed pues, podr\u00edamos incluir la usabilidad de una p\u00e1gina web como un factor m\u00e1s del proceso completo que es la experiencia de usuario.<\/p>\n<p>Es habitual encontrar p\u00e1ginas web usables que generan grandes experiencia de usuario, pero tambi\u00e9n encontramos p\u00e1ginas web usables que no generan una buena experiencia de usuario. Este podr\u00eda ser el caso de una p\u00e1gina web bien estructurada y dise\u00f1ada, pero que el tono, mensaje o vocabulario utilizado no satisface a los usuarios.<\/p>\n<p>Lo que s\u00ed es complicado de encontrar son p\u00e1ginas web poco usables que generen buenas experiencias de usuario. Si un usuario no encuentra lo que busca de una manera r\u00e1pida y sencilla, abandonar\u00e1 la p\u00e1gina web y la experiencia de usuario habr\u00e1 sido mala.<\/p>\n<h3>Ejemplos de p\u00e1ginas web con buena experiencia de usuario<\/h3>\n<p>Algunos buenos ejemplos de p\u00e1ginas web con un buen dise\u00f1o pensado en la experiencia de usuario son:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.amazon.es\/\" target=\"\">Amazon<\/a><\/li>\n<li><a href=\"https:\/\/www.airbnb.es\/\" target=\"\">Airbnb<\/a><\/li>\n<li><a href=\"https:\/\/www.etsy.com\/\" target=\"\">Etsy<\/a><\/li>\n<li><a href=\"http:\/\/www.nike.com\/es\/es_es\/\" target=\"\">Nike<\/a><\/li>\n<\/ul>\n<h3>Google y la experiencia de usuario<\/h3>\n<p>Desde hace tiempo que Google da mucha importancia y valora positivamente aquellas p\u00e1ginas web con buenas experiencias de usuario. Google, como buena herramienta de b\u00fasqueda que es, quiere aportar y presentar b\u00fasquedas de valor a los usuarios, y qu\u00e9 mejor que las p\u00e1ginas web que aparecen en sus resultados de b\u00fasqueda cumplan unos buenos requisitos en contenidos, dise\u00f1o y velocidad de carga.<\/p>\n<h3>\u00bfQu\u00e9 podemos hacer para mejorar la experiencia de usuario?<\/h3>\n<p>Para mejorar la experiencia de usuario debemos b\u00e1sicamente eliminar del camino todos los problemas, es decir, hacer la estancia en la p\u00e1gina web lo m\u00e1s placentera posible y facilitar todo lo posible las acciones que el usuario quiera realizar.<\/p>\n<p><strong>El dise\u00f1o de la p\u00e1gina web siempre debe estar pensado en el usuario final<\/strong>, nunca se debe pensar en la organizaci\u00f3n o en los propios trabajadores. Hay que pensar en enfocarlo siempre todo al usuario final y posible cliente. Debemos tener muy claro cu\u00e1l es nuestro p\u00fablico objetivo y centrarnos en \u00e9l. <strong>Si no sabemos cu\u00e1l es nuestro p\u00fablico objetivo, lo primero que tenemos que hacer es hacer un estudio para descubrirlo.<\/strong>.<\/p>\n<p>Peque\u00f1as funcionalidades a\u00f1adidas a la p\u00e1gina web, as\u00ed como microinteracciones con los usuarios, como pueden ser preguntas con s\u00f3lo una respuesta, botones imperativos, explicaciones por pasos, utilizar im\u00e1genes o gr\u00e1ficos en lugar de palabras, etc., ayudan a mejorar esta experiencia y satisfacer los usuarios.<\/p>\n<p>Tambi\u00e9n <strong>es importante que la p\u00e1gina web est\u00e9 optimizada para todos los dispositivos<\/strong>, es decir que sea una <strong><a title=\"P\u00e1ginas web responsivas\" href=\"http:\/\/www.websresponsivas.com\/\" target=\"_blank\">p\u00e1gina web responsive<\/a><\/strong>. Los usuarios deben tener la misma satisfacci\u00f3n independientemente del dispositivo que utilicen para acceder a nuestra p\u00e1gina web. Adem\u00e1s, la p\u00e1gina web debe cargar r\u00e1pidamente y debe ser \u00e1gil, si no los usuarios se cansar\u00e1n de esperar.<\/p>\n<p>Debemos a\u00f1adir tambi\u00e9n que se debe tener mucho cuidado en no querer hacer algo demasiado arriesgado o innovador pensando que los usuarios estar\u00e1n encantados y averiguar\u00e1n c\u00f3mo utilizarlo. Debemos recordar que si un usuario no encuentra lo que busca de una manera r\u00e1pida y \u00e1gil, abandonar\u00e1 nuestra p\u00e1gina web e ir\u00e1 a otra de la competencia.<\/p>\n<p>Siempre debemos tener en cuenta la experiencia de usuario a la hora de pensar, escribir los contenidos, estructurar, dise\u00f1ar y programar una p\u00e1gina web. Al final, <strong>son los usuarios los que determinan el \u00e9xito de una p\u00e1gina web o aplicaci\u00f3n m\u00f3vil<\/strong>.<\/p>\n<p>No debemos centrarnos \u00fanicamente con la espectacularidad del dise\u00f1o y <strong>debemos recordar siempre tener una p\u00e1gina web que sea tambi\u00e9n usable, \u00e1gil y eficiente<\/strong>.<\/p>\n<p>Una vez que la p\u00e1gina web est\u00e1 publicada, debemos procurar analizar los posibles errores cometidos, monitorizar las estad\u00edsticas, objetivos y conversiones, para ver qu\u00e9 funciona y qu\u00e9 no funciona. De esta manera podremos testear y aplicar soluciones y mejoras en la interfaz.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_4&#8243;][et_pb_sidebar admin_label=\u00bbSidebar\u00bb orientation=\u00bbright\u00bb area=\u00bbsidebar-1&#8243; background_layout=\u00bblight\u00bb remove_border=\u00bboff\u00bb] [\/et_pb_sidebar][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n<!-- Begin Yuzo --><div class='yuzo_related_post style-1'  data-version='5.12.70'><div class='yuzo_clearfixed yuzo__title yuzo__title'><h3>Articles relacionats<\/h3><\/div>\n\t\t\t\t\t\t  <div class=\"relatedthumb \" style=\"width:200px;float:left;overflow:hidden;\">  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <a  href=\"https:\/\/www.weweb.cat\/es\/modulo-antispam-silverstripe-mollom\/\"  >\n\t\t\t\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 200px;height:200px;\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"yuzo-img\" style=\"background:url('https:\/\/www.weweb.cat\/wp-content\/uploads\/2010\/07\/mollom2-150x85.jpg') 50% 50% no-repeat;width: 200px;height:200px;margin-bottom: 5px;background-size: contain; \"><\/div>\n\t\t\t\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t   <span class=\"yuzo__text--title\" style=\"font-size:14px;\">M\u00f3dulo AntiSpam para SilverStripe: Mollom<\/span>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <\/a>\n\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <div class=\"relatedthumb \" style=\"width:200px;float:left;overflow:hidden;\">  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <a  href=\"https:\/\/www.weweb.cat\/es\/nuevos-flyers-de-nbsp\/\"  >\n\t\t\t\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 200px;height:200px;\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"yuzo-img\" style=\"background:url('https:\/\/www.weweb.cat\/wp-content\/uploads\/2010\/10\/foto_flyers-150x150.jpg') 50% 50% no-repeat;width: 200px;height:200px;margin-bottom: 5px;background-size: contain; \"><\/div>\n\t\t\t\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t   <span class=\"yuzo__text--title\" style=\"font-size:14px;\">Nuevos flyers de NBSP<\/span>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <\/a>\n\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <div class=\"relatedthumb \" style=\"width:200px;float:left;overflow:hidden;\">  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <a  href=\"https:\/\/www.weweb.cat\/es\/plugin-contact-form-7-de-wordpress-sin-spam\/\"  >\n\t\t\t\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 200px;height:200px;\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"yuzo-img\" style=\"background:url('https:\/\/www.weweb.cat\/wp-content\/uploads\/2010\/06\/contact-form-7-150x150.jpg') 50% 50% no-repeat;width: 200px;height:200px;margin-bottom: 5px;background-size: contain; \"><\/div>\n\t\t\t\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t   <span class=\"yuzo__text--title\" style=\"font-size:14px;\">Plugin Contact Form 7 de WordPress sin spam<\/span>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <\/a>\n\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <div class=\"relatedthumb \" style=\"width:200px;float:left;overflow:hidden;\">  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <a  href=\"https:\/\/www.weweb.cat\/es\/debo-renovar-mi-pagina-web\/\"  >\n\t\t\t\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 200px;height:200px;\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"yuzo-img\" style=\"background:url('https:\/\/www.weweb.cat\/wp-content\/uploads\/2014\/06\/renovar-pagina-web-150x150.jpg') 50% 50% no-repeat;width: 200px;height:200px;margin-bottom: 5px;background-size: contain; \"><\/div>\n\t\t\t\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t   <span class=\"yuzo__text--title\" style=\"font-size:14px;\">\u00bfDebo renovar mi p\u00e1gina web?<\/span>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <\/a>\n\n\t\t\t\t\t\t  <\/div>\n<\/div> <style>\n\t\t\t\t\t\t\t\t.yuzo_related_post img{width:210px !important; height:200px !important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb{line-height:16px;background: !important;color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb:hover{background:#fff7f4 !important; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear;;color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb a{color:#ff7900!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb a:hover{ color:}!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb:hover a{ color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .yuzo_text {color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb:hover .yuzo_text {color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb{  margin: 0px  0px  0px  0px;   padding: 2px  10px  10px  10px;  }\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/style> <script>\n\t\t\t\t\t\t  jQuery(document).ready(function( $ ){\n\t\t\t\t\t\t\t\/\/jQuery('.yuzo_related_post').equalizer({ overflow : 'relatedthumb' });\n\t\t\t\t\t\t\tjQuery('.yuzo_related_post .yuzo_wraps').equalizer({ columns : '> div' });\n\t\t\t\t\t\t   })\n\t\t\t\t\t\t  <\/script> <!-- End Yuzo :) -->","protected":false},"excerpt":{"rendered":"<p>La experiencia de usuario es el conjunto de factores y elementos relativos a la interacci\u00f3n del usuario con una p\u00e1gina web o aplicaci\u00f3n, de los cuales se genera una percepci\u00f3n positiva o negativa.<\/p>\n","protected":false},"author":1,"featured_media":9727,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[223,198],"tags":[215,227,393,264,219,231,240,261,233],"_links":{"self":[{"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/posts\/9740"}],"collection":[{"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/comments?post=9740"}],"version-history":[{"count":3,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/posts\/9740\/revisions"}],"predecessor-version":[{"id":9746,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/posts\/9740\/revisions\/9746"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/media\/9727"}],"wp:attachment":[{"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/media?parent=9740"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/categories?post=9740"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/tags?post=9740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}