{"id":1781,"date":"2020-03-03T15:18:10","date_gmt":"2020-03-03T15:18:10","guid":{"rendered":"https:\/\/norte.digital\/blog\/?p=1781"},"modified":"2020-03-03T15:20:28","modified_gmt":"2020-03-03T15:20:28","slug":"6-formas-de-crear-un-sitio-web-user-friendly","status":"publish","type":"post","link":"https:\/\/norte.digital\/blog\/6-formas-de-crear-un-sitio-web-user-friendly\/","title":{"rendered":"6 formas de crear un sitio web user friendly"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Los sitios web se han convertido en algo m\u00e1s que una plataforma con texto e informaci\u00f3n. Hoy en d\u00eda, los usuarios esperan que tu web los entretenga, les ofrezca contenido de calidad y les brinde una experiencia completa e intuitiva. Si te preguntas <\/span><b>c\u00f3mo crear una p\u00e1gina web<\/b><span style=\"font-weight: 400;\"> amigable con el usuario y llamativa, a continuaci\u00f3n, \u00a1te presentamos 6 maneras de lograrlo!<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">1. Escucha a tus usuarios<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">T\u00f3mate el tiempo de preguntarles a tus visitantes regulares que les gustar\u00eda ver en tu sitio web. Obtener informaci\u00f3n directamente de tu p\u00fablico objetivo te permitir\u00e1 descubrir aspectos o elementos importantes que no estabas tomando en cuenta.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Los usuarios, por lo general, saben exactamente lo que no les gusta de una p\u00e1gina. Tu trabajo es analizar esos comentarios, convertirlos en aspectos positivos y mejorar cualquier caracter\u00edstica que a tus visitantes les disguste.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Cuando priorizas al usuario al momento de crear el dise\u00f1o y los contenidos, tu web se vuelve autom\u00e1ticamente m\u00e1s intuitiva. Hace algunos a\u00f1os, ESPN.com le pregunt\u00f3 a sus visitantes regulares qu\u00e9 cosas deber\u00edan agregar al redise\u00f1o de su p\u00e1gina principal.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">En efecto, tomaron en cuenta sus sugerencias y a\u00f1adieron muchos de los elementos que mencionaron. \u00bfCu\u00e1l fue el resultado? Sorprendentemente, comprobaron que sus ingresos aumentaron en un 35%. Su dise\u00f1o ahora muestra los elementos de una manera excepcional.\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">2. Debe ser veloz<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Los usuarios de una web esperan que tu sitio cargue a gran velocidad, incluso en sus dispositivos m\u00f3viles. Cerca de la mitad afirma que espera que una p\u00e1gina cargue en dos segundos y que abandonar\u00eda una que no cargue despu\u00e9s de tres segundos.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">De hecho, la velocidad importa cuando se trata de mantener a los visitantes en tu sitio hasta que decidan si quieren hacer negocios contigo. Existen algunas <\/span><b>herramientas que te permitir\u00e1n revisar la velocidad de tu sitio<\/b><span style=\"font-weight: 400;\">, tales como Pingdom y el Pagespeed Insights de Google. Estas p\u00e1ginas te dar\u00e1n <\/span><b>consejos acerca de c\u00f3mo acelerar tu sitio web<\/b><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dos cosas simples que puedes empezar a hacer son revisar la velocidad de tu servidor y optimizar cualquier imagen.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">3. Proporciona informaci\u00f3n detallada<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Cuando un visitante hace clic en tu p\u00e1gina es porque quiere obtener la informaci\u00f3n que necesita para tomar una decisi\u00f3n informada acerca de tu producto o servicio. Si se ve en la necesidad de buscar esta informaci\u00f3n o se demora en encontrarla, puede asumir que est\u00e1s ocultando algo o se sentir\u00e1 frustrado y visitar\u00e1 la web de tu competencia.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Veamos el ejemplo de Medical Guardian, una empresa proveedora de sistemas de alerta m\u00e9dica. En su p\u00e1gina web, ellos proporcionan una gu\u00eda de compra detallada para sus posibles clientes que incluye el costo de un sistema de alerta m\u00e9dica, la asistencia, las certificaciones del centro de monitoreo e, incluso, c\u00f3mo funciona la instalaci\u00f3n.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Es decir, les ofrecen a los usuarios informaci\u00f3n completa y detallada sobre sus servicios para ayudarlos a decidir. Como ves, lo ideal es proporcionar especificaciones puntuales y que sean visibles y f\u00e1ciles de encontrar en tu espacio digital. \u00a1La experiencia de usuario debe ser placentera en todo momento!<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">4. La navegaci\u00f3n debe ser intuitiva<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Cuando un visitante accede a tu web, a menudo, se fija en la barra de navegaci\u00f3n para orientarse. Esta barra es esencial porque gu\u00eda al visitante en todo su recorrido en tu p\u00e1gina y sirve como una herramienta para regresar al <\/span><i><span style=\"font-weight: 400;\">landing page<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Al mismo tiempo, tienes que limitar el n\u00famero de categor\u00edas en tu barra de navegaci\u00f3n para que no se recargue. De igual forma, deber\u00edas colocarla en la misma ubicaci\u00f3n en cada p\u00e1gina. Prueba con distintas posiciones y palabras para ver qu\u00e9 funciona mejor en tu sitio.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">5. Elige los colores con detenimiento<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Escoge los <\/span><b>colores para tu sitio web<\/b><span style=\"font-weight: 400;\"> con cautela. Necesitas un balance perfecto entre belleza y claridad. Tu paleta de colores no solo debe guardar relaci\u00f3n con tu industria, sino que debe contrastar con el fondo y el texto debe ser lo suficientemente grande para que el visitante pueda leer con facilidad y su vista no se canse.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tomemos como ejemplo el Museo Van Gogh. Al entrar a su p\u00e1gina web, podemos observar c\u00f3mo el color naranja y otros colores vibrantes de la pintura utilizados para el fondo atraen la atenci\u00f3n del usuario.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">En este caso, la industria es el arte; por eso, el sitio puede ser m\u00e1s creativo con los colores que emplea, combinando tonos que una industria m\u00e1s conservadora, como la financiera, no utilizar\u00eda.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Esta combinaci\u00f3n de tonalidades funciona muy bien para este sitio en particular. Pero, para saber la adecuada para ti, debes analizar el rubro al que te dedicas y, en funci\u00f3n de eso, elegir los matices.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">6. Mejora la disposici\u00f3n de tu sitio<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Ten en cuenta que la mayor\u00eda de usuarios ahora accede a las p\u00e1ginas web a trav\u00e9s de sus celulares o tablets. Cerca del 80% de ellos acceden a internet a trav\u00e9s de sus tel\u00e9fonos inteligentes, ya que tienen datos ilimitados.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Por este motivo, tener un buen dise\u00f1o es muy importante. \u00bfTu p\u00e1gina web se ve bien tanto desde una computadora como de un celular? No necesariamente tienen que ser iguales. Es m\u00e1s importante que los usuarios de los dispositivos m\u00f3viles puedan ver las cosas sin tener que hacer zoom a cada rato y tengan la posibilidad de navegar f\u00e1cilmente por todo tu sitio.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Estos 6 elementos har\u00e1n que tu p\u00e1gina web sea m\u00e1s f\u00e1cil de usar, pero la clave para brindar una <\/span><b>\u00f3ptima experiencia de usuario,<\/b><span style=\"font-weight: 400;\">\u00a0es realizar mejoras continuamente. T\u00f3mate el tiempo de preguntarles a tus clientes qu\u00e9 herramientas les ayudar\u00edan y a\u00f1\u00e1delas a tu sitio. Por \u00faltimo, prueba todo y trata de ver tu web desde los ojos de tu p\u00fablico objetivo.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los sitios web se han convertido en algo m\u00e1s que una plataforma con texto e informaci\u00f3n. Hoy en d\u00eda, los usuarios esperan que tu web los entretenga, les ofrezca contenido de calidad y les brinde una experiencia completa e intuitiva. Si te preguntas c\u00f3mo crear una p\u00e1gina web amigable con el usuario y llamativa, a [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":1782,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/norte.digital\/blog\/wp-json\/wp\/v2\/posts\/1781"}],"collection":[{"href":"https:\/\/norte.digital\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/norte.digital\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/norte.digital\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/norte.digital\/blog\/wp-json\/wp\/v2\/comments?post=1781"}],"version-history":[{"count":2,"href":"https:\/\/norte.digital\/blog\/wp-json\/wp\/v2\/posts\/1781\/revisions"}],"predecessor-version":[{"id":1784,"href":"https:\/\/norte.digital\/blog\/wp-json\/wp\/v2\/posts\/1781\/revisions\/1784"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/norte.digital\/blog\/wp-json\/wp\/v2\/media\/1782"}],"wp:attachment":[{"href":"https:\/\/norte.digital\/blog\/wp-json\/wp\/v2\/media?parent=1781"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/norte.digital\/blog\/wp-json\/wp\/v2\/categories?post=1781"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/norte.digital\/blog\/wp-json\/wp\/v2\/tags?post=1781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}