{"id":2028,"date":"2019-03-17T00:42:41","date_gmt":"2019-03-17T03:42:41","guid":{"rendered":"https:\/\/www.grid.cl\/blog\/?p=2028"},"modified":"2019-03-17T00:42:41","modified_gmt":"2019-03-17T03:42:41","slug":"todo-lo-que-debes-conocer-acerca-de-la-usabilidad-web-y-su-relevancia","status":"publish","type":"post","link":"https:\/\/www.grid.cl\/blog\/todo-lo-que-debes-conocer-acerca-de-la-usabilidad-web-y-su-relevancia\/","title":{"rendered":"Todo lo que debes conocer acerca de la usabilidad web y su relevancia"},"content":{"rendered":"

Si bien es cierto, la usabilidad web<\/strong> es la facilidad de uso con la que los usuarios interact\u00faan con nuestro sitio web<\/strong>. Tenerla en cuenta en el desarrollo y optimizaci\u00f3n de nuestro sitio<\/strong> nos reportar\u00e1 muchos beneficios: mayores ingresos, mayor eficiencia y satisfacci\u00f3n<\/strong> con el uso del sitio<\/strong>, reducci\u00f3n de los costos de desarrollo y de los gastos de atenci\u00f3n al cliente<\/strong>, comerciales, etc.<\/p>\n

Una web con una buena usabilidad es aquella que permite a los usuarios una interacci\u00f3n sencilla, intuitiva, agradable y segura.<\/strong><\/p>\n

\u00bfQu\u00e9 es la usabilidad web?<\/strong><\/h1>\n

La usabilidad web<\/strong> es el grado de facilidad<\/strong> de uso que tiene una p\u00e1gina web<\/strong> para los visitantes que entran e interact\u00faan con ella<\/strong>. La usabilidad web<\/strong> trata con la relaci\u00f3n persona ordenador<\/strong>, estudiando la elegancia y la claridad<\/strong> con que dise\u00f1amos la interacci\u00f3n en un sitio web<\/strong>. Podemos identificar la usabilidad por al menos 6 elementos de calidad<\/strong>:<\/p>\n

    \n
  • Facilidad de aprendizaje.<\/li>\n
  • Satisfacci\u00f3n.<\/li>\n<\/ul>\n

    \u00bfPor qu\u00e9 debes tener en cuenta la usabilidad web?<\/strong><\/h1>\n
      \n
    • Reducir\u00e1s los costos de asistencia<\/strong> y ayuda al usuario.<\/li>\n
    • Disminuir\u00e1s los errores de los usuarios<\/strong>.<\/li>\n
    • Optimizar\u00e1s los costos<\/strong> de dise\u00f1o, redise\u00f1o y mantenimiento.<\/li>\n
    • Aumentar\u00e1s la tasa de conversi\u00f3n<\/strong> de usuario a cliente.<\/li>\n
    • Mejorar\u00e1 la satisfacci\u00f3n y comodidad<\/strong> del usuario.<\/li>\n
    • Tendr\u00e1s mejor imagen<\/strong> y m\u00e1s prestigio.<\/li>\n
    • Tendr\u00e1s usuarios m\u00e1s felices<\/strong>, menos estresados y m\u00e1s productivos.<\/li>\n<\/ul>\n

      \u00bfC\u00f3mo mejorar la usabilidad de tu web?<\/strong><\/h1>\n

      \"\"<\/p>\n

        \n
      1. \n

        Accesibilidad<\/strong><\/h3>\n<\/li>\n<\/ol>\n

        La accesibilidad web<\/strong> hace referencia a lo f\u00e1cil que es para cualquier tipo de usuario conectarse a una p\u00e1gina<\/strong>. Es decir, sin problemas y disfrutando de todo el contenido sin limitaciones.<\/strong><\/p>\n

          \n
        1. \n

          Curva de aprendizaje<\/strong><\/h3>\n<\/li>\n<\/ol>\n

          El tiempo que un usuario<\/strong> tarda en entender c\u00f3mo navegar dentro de una p\u00e1gina a la que accede por primera vez<\/strong>, es lo que determina la facilidad de aprendizaje<\/strong>. Por tanto, cuanto mayor sea \u00e9ste, menor ser\u00e1 la usabilidad<\/strong>.<\/p>\n

            \n
          1. \n

            F\u00e1cil de recordar <\/strong><\/h3>\n<\/li>\n<\/ol>\n

            Tu p\u00e1gina web<\/strong> no s\u00f3lo debe ser f\u00e1cil de aprender<\/strong>, sino que adem\u00e1s su contenido debe ser f\u00e1cil de recordar<\/strong>. No es nada c\u00f3modo para un usuario tener que aprender c\u00f3mo se utiliza<\/strong> algo cada vez que lo va a usar. Aunque la web sea f\u00e1cil de entender,<\/strong> tambi\u00e9n debe seguir ciertos criterios estandarizados<\/strong> para que los usuarios no requieran memorizar nada especial<\/strong> en cuanto a su uso.<\/p>\n

              \n
            1. \n

              Jerarqu\u00eda de la informaci\u00f3n<\/strong><\/h3>\n<\/li>\n<\/ol>\n

              Otra manera de mejorar la usabilidad<\/strong> es ofreciendo la informaci\u00f3n de manera adecuada<\/strong>:<\/p>\n

                \n
              • Lo m\u00e1s importante respecto a tu negocio<\/strong>, al sector o a aquellas cosas que inquietan a los usuarios<\/strong>, es la informaci\u00f3n que debe aparecer antes y de manera m\u00e1s accesible.<\/strong><\/li>\n
              • Las cosas menos relevantes<\/strong> o que los usuarios valoran menos, es la informaci\u00f3n que no importa<\/strong> relegar a un lugar m\u00e1s alejado<\/strong>.<\/li>\n<\/ul>\n
                  \n
                1. \n

                  Arquitectura web<\/strong><\/h3>\n<\/li>\n<\/ol>\n

                  Este punto se refiere a la\u00a0 a la organizaci\u00f3n de las URLs<\/strong> y todos sus contenidos. Para trabajar este punto<\/strong>, lo mejor es empezar por dibujar previamente un organigrama<\/strong> e ir moviendo las diferentes secciones<\/strong> hasta que todo est\u00e9 en su lugar de forma l\u00f3gica. Comenzando de lo general a lo particular:<\/strong><\/p>\n

                    \n
                  • Piensa a nivel de toda la p\u00e1gina<\/strong> y los apartados que la componen.<\/li>\n
                  • Contin\u00faa trabajando en la arquitectura<\/strong> de cada secci\u00f3n.<\/li>\n
                  • Despu\u00e9s en la arquitectura de cada contenido<\/strong>.<\/li>\n<\/ul>\n

                    De este modo, te ser\u00e1 m\u00e1s f\u00e1cil generar e incluir textos e im\u00e1genes<\/strong> a la hora de desarrollar o ampliar tu web. Simplemente, deber\u00e1s introducirlos en su secci\u00f3n correspondiente.<\/strong><\/p>\n

                      \n
                    1. \n

                      Frecuencia de errores<\/strong><\/h3>\n<\/li>\n<\/ol>\n

                      Es inevitable que cada cierto tiempo aparezcan errores en una web.<\/strong> No puedes pretender que tu p\u00e1gina est\u00e9 siempre perfecta. Las p\u00e1ginas web evolucionan<\/strong>, y eso conlleva que de vez en cuando necesiten una puesta a punto<\/strong>.<\/p>\n

                      Lo m\u00e1s relevante es que cuides de la web y trates de mantenerla siempre lo mejor posible<\/strong>. Prev\u00e9 los errores, optimiza los contenidos multimedia<\/strong>, corrige los enlaces, etc. Cuanto menos falle, mejor ser\u00e1 la usabilidad web y la experiencia de usuario.<\/strong><\/p>\n

                        \n
                      1. \n

                        Estandarizaci\u00f3n<\/strong><\/h3>\n<\/li>\n<\/ol>\n

                        Se deben estandarizar los colores<\/strong>, las tipograf\u00edas, los esquemas dentro de cada apartado<\/strong>, etc. Cuanta m\u00e1s uniformidad y homogeneizaci\u00f3n haya dentro de una p\u00e1gina <\/strong>web, m\u00e1s f\u00e1cil ser\u00e1 de entender<\/strong> y m\u00e1s agradable ser\u00e1 su navegaci\u00f3n.<\/p>\n

                        Esto no quiere decir que haya que limitar el dise\u00f1o<\/strong>. En todas las etapas que se plantee un redise\u00f1o<\/strong> deben existir ciertos est\u00e1ndares que faciliten su aprendizaje<\/strong>, legibilidad y por supuesto la usabilidad<\/strong>.<\/p>\n

                          \n
                        1. \n

                          Llamadas a la acci\u00f3n<\/strong><\/h3>\n<\/li>\n<\/ol>\n

                          Estas llamadas a la acci\u00f3n deben ser f\u00e1cilmente entendibles<\/strong> si queremos que afecten positivamente a la usabilidad web. <\/strong>El usuario debe saber, en todo momento, qu\u00e9 ocurrir\u00e1 cuando haga clic sobre cierto elemento<\/strong>; hacia d\u00f3nde le va a llevar, si va a activar una llamada o un pago<\/strong>, etc. Nunca debes enga\u00f1ar a tus usuarios. La captaci\u00f3n de leads a cualquier precio<\/strong>, no es sin\u00f3nimo de calidad. Por el contrario tiene una repercusi\u00f3n muy negativa<\/strong> sobre tu reputaci\u00f3n online, ya que a larga los resultados pueden ser terribles para tu marca.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

                          Si bien es cierto, la usabilidad web es la facilidad de uso con la que los usuarios interact\u00faan con nuestro sitio web. Tenerla en cuenta en el desarrollo y optimizaci\u00f3n de nuestro sitio nos reportar\u00e1 muchos beneficios: mayores ingresos, mayor eficiencia y satisfacci\u00f3n con el uso del sitio, reducci\u00f3n de los costos de desarrollo y […]<\/p>\n","protected":false},"author":2,"featured_media":2029,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,7],"tags":[],"class_list":["post-2028","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo","category-diseno"],"_links":{"self":[{"href":"https:\/\/www.grid.cl\/blog\/wp-json\/wp\/v2\/posts\/2028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.grid.cl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.grid.cl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.grid.cl\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.grid.cl\/blog\/wp-json\/wp\/v2\/comments?post=2028"}],"version-history":[{"count":2,"href":"https:\/\/www.grid.cl\/blog\/wp-json\/wp\/v2\/posts\/2028\/revisions"}],"predecessor-version":[{"id":2032,"href":"https:\/\/www.grid.cl\/blog\/wp-json\/wp\/v2\/posts\/2028\/revisions\/2032"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.grid.cl\/blog\/wp-json\/wp\/v2\/media\/2029"}],"wp:attachment":[{"href":"https:\/\/www.grid.cl\/blog\/wp-json\/wp\/v2\/media?parent=2028"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.grid.cl\/blog\/wp-json\/wp\/v2\/categories?post=2028"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.grid.cl\/blog\/wp-json\/wp\/v2\/tags?post=2028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}