{"id":23468,"date":"2020-07-21T11:01:06","date_gmt":"2020-07-21T11:01:06","guid":{"rendered":"https:\/\/www.geotelecom.mx\/?p=23468"},"modified":"2020-07-21T11:01:06","modified_gmt":"2020-07-21T11:01:06","slug":"los-10-principios-de-jakob-nielsen-usabilidad-web","status":"publish","type":"post","link":"https:\/\/www.geotelecom.mx\/en\/blog\/the-10-principles-of-jakob-nielsen-usability-web\/","title":{"rendered":"Jakob Nielsen's 10 principles - Web Usability"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><!--[CDATA[<span style=\"font-weight: 400;\"]]-->Cu\u00e1ntas veces has intentado realizar una compra en una tienda online y finalmente has desistido y te has ido con las manos vac\u00edas porque el proceso de compra era largo y tedioso, o has intentado buscar informaci\u00f3n pero la propia web no te lo estaba poniendo nada f\u00e1cil y has optado por buscar en otra. <span style=\"font-weight: 400;\">Jakob Nielsen, conocido como el padre de la usabilidad, en 1995 formul\u00f3 los 10 principios b\u00e1sicos de la usabilidad que veremos a continuaci\u00f3n y que hoy en d\u00eda se siguen utilizando.<\/span> <span style=\"font-weight: 400;\">Pero antes de nada, te estar\u00e1s preguntando qu\u00e9 es la usabilidad.<\/span><\/p><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u00cdndice de contenidos<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/the-10-principles-of-jakob-nielsen-usability-web\/#%C2%BFQue_es_la_usabilidad\" >\u00bfQu\u00e9 es la usabilidad?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/the-10-principles-of-jakob-nielsen-usability-web\/#1Visibilidad_del_estado_del_sistema\" >1.Visibilidad del estado del sistema<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/the-10-principles-of-jakob-nielsen-usability-web\/#2_Relacion_entre_el_sistema_y_el_mundo_real\" >2. Relaci\u00f3n entre el sistema y el mundo real<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/the-10-principles-of-jakob-nielsen-usability-web\/#3_Control_y_libertad_del_usuario\" >3. Control y libertad del usuario<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/the-10-principles-of-jakob-nielsen-usability-web\/#4_Consistencia_y_estandares\" >4. Consistencia y est\u00e1ndares<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/the-10-principles-of-jakob-nielsen-usability-web\/#5_Prevencion_de_errores\" >5. Prevenci\u00f3n de errores<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/the-10-principles-of-jakob-nielsen-usability-web\/#6_Reconocer_antes_que_recordar\" >6. Reconocer antes que recordar<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/the-10-principles-of-jakob-nielsen-usability-web\/#7_Flexibilidad_y_eficiencia_de_uso\" >7. Flexibilidad y eficiencia de uso<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/the-10-principles-of-jakob-nielsen-usability-web\/#8_Diseno_estetico_y_minimalista\" >8. Dise\u00f1o est\u00e9tico y minimalista<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/the-10-principles-of-jakob-nielsen-usability-web\/#9_Diagnostico_y_correccion_de_errores\" >9. Diagn\u00f3stico y correcci\u00f3n de errores<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.geotelecom.mx\/en\/blog\/the-10-principles-of-jakob-nielsen-usability-web\/#10_Ayuda_y_documentacion\" >10. Ayuda y documentaci\u00f3n<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFQue_es_la_usabilidad\"><\/span><span style=\"font-weight: 400;\">\u00bfQu\u00e9 es la usabilidad?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">La usabilidad web se puede definir como el grado de facilidad de uso con el que cuenta un sitio web para los usuarios que navegan por \u00e9l.<\/span> <span style=\"font-weight: 400;\">La usabilidad web mide principalmente tres factores:<\/span><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">La eficacia: si el usuario consigue lo que quiere, es decir, si ha cumplido su objetivo.<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Eficiencia: Si lo ha cumplido o lo ha logrado sin esfuerzo<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Satisfacci\u00f3n: si tras su paso por la web el usuario se siente satisfecho o por el contrario se lleva una experiencia negativa.<\/span><\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Por esto, las principales claves de la usabilidad para conseguir optimizar una web son:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Tener un <\/span><b>dise\u00f1o limpio<\/b><span style=\"font-weight: 400;\"> con una clasificaci\u00f3n l\u00f3gica que facilite la navegaci\u00f3n al usuario.<\/span><\/li><li style=\"font-weight: 400;\"><b>Conceder el control al usuario<\/b><span style=\"font-weight: 400;\"> tratando de que este no se sienta perdido en ning\u00fan momento<\/span><\/li><li style=\"font-weight: 400;\"><b>Sintetizar y no caer en la redundancia<\/b><span style=\"font-weight: 400;\">. Si algo no es necesario podemos prescindir de ello.<\/span><\/li><li style=\"font-weight: 400;\"><b>Web adaptable a todos los tipos de dispositivos<\/b><span style=\"font-weight: 400;\">. Cada vez son m\u00e1s los usuarios que hacen uso de m\u00f3viles y tablet para navegar.<\/span><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">As\u00ed, trabajar usabilidad a la hora de crear un sitio web o mejorarlo nos aportar\u00e1 muchas ventajas como aumentar los ingresos y las ventas, disminuir el porcentaje de rebote, aumentar la duraci\u00f3n de la sesi\u00f3n, fidelizar a los usuarios y conseguir una mejor comunicaci\u00f3n con ellos.<\/span> <span style=\"font-weight: 400;\">Ahora que ya sabemos en qu\u00e9 consiste la usabilidad web, vamos con los <\/span><b>10 principios b\u00e1sicos de usabilidad web de Nielsen.<\/b><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1Visibilidad_del_estado_del_sistema\"><\/span>1.Visibilidad del estado del sistema<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">El usuario necesita saber que lo est\u00e1 haciendo bien. Por lo que el sistema, ya sea una web, una app o cualquier otro producto digital, debe <strong>mantener informado siempre al usuario de lo que est\u00e1 ocurriendo y ofrecerle una respuesta<\/strong> apropiada lo m\u00e1s r\u00e1pido posible.<\/span> <span style=\"font-weight: 400;\">Por ello, cada acci\u00f3n que realice el usuario deber\u00e1 generar una respuesta perceptible por el usuario y en un tiempo corto. Algunos ejemplos o pr\u00e1cticas de este principio ser\u00edan:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Mensajes de confirmaci\u00f3n<\/strong> cuando el usuario ha mandado un formulario.<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Barras de proceso<\/strong> cuando subimos o descargamos archivos.<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Cambiar el estado de los elementos<\/strong> de la web al pasar el rat\u00f3n o hacer clic.<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Migas de pan o Breadcrumb<\/strong> que indiquen al usuario donde se encuentra en cada momento.<\/span><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Relacion_entre_el_sistema_y_el_mundo_real\"><\/span>2. Relaci\u00f3n entre el sistema y el mundo real<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Tenemos que hablar el mismo lenguaje que el usuario y conectar con \u00e9l. Hacer uso de palabras, frases e im\u00e1genes que el usuario pueda reconocer con facilidad y que sean claras, manteniendo un orden l\u00f3gico y natural. <strong>No se debe dar la posibilidad de equivocarse al usuario<\/strong>.<\/span> <span style=\"font-weight: 400;\">Por ejemplo, el icono de la papelera para eliminar archivos en el ordenador o art\u00edculos en el carrito de compra, el usuario intuye para qu\u00e9 sirve. Sin embargo, si en vez de esa papelera ponemos cualquier otro icono para esa funci\u00f3n, daremos pie a que el usuario se equivoque.<\/span> <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Control_y_libertad_del_usuario\"><\/span><strong>3. Control y libertad del usuario<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">El usuario es humano y a veces es normal que se equivoque. Por ello, tenemos que darle la oportunidad de <strong>poder deshacer o repetir una acci\u00f3n previamente realizada<\/strong>. Si el usuario tiene facilidad para poder ir atr\u00e1s o repetir un proceso aumentar\u00e1 su sensaci\u00f3n de libertad y control de la situaci\u00f3n.<\/span> <span style=\"font-weight: 400;\">Esto es especialmente importante en los dispositivos m\u00f3viles donde es muy sencillo equivocarse y dar al bot\u00f3n incorrecto.<\/span> <span style=\"font-weight: 400;\">Para cumplir con este principio debemos dar la opci\u00f3n al usuario de:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Hacer y rehacer.<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Cancelar acciones en progreso.<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Solicitar confirmaci\u00f3n del usuario para procesos importantes como el pago final en una compra.<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Permitir al usuario volver a un punto anterior.<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Hacer que el usuario sepa siempre d\u00f3nde se encuentra y hacia d\u00f3nde puede ir.<\/span><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Consistencia_y_estandares\"><\/span>4. Consistencia y est\u00e1ndares<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Tenemos que ser coherentes y darle importancia a mantener la misma consistencia a toda la web, es decir, <strong>mantener el lenguaje, los colores, la forma de navegaci\u00f3n, etc<\/strong>. Con el aumento del uso de dispositivos m\u00f3viles, los usuarios se han acostumbrado a determinados s\u00edmbolos que han asumido como normales por lo que si cambiamos el significado de alguno de estos o cambiamos el icono para algo que ya tiene su s\u00edmbolo establecido solo conseguiremos empeorar la usabilidad puesto que puede que el usuario no entienda ese nuevo icono. El uso de elementos similares para realizar funciones similares ser\u00e1 m\u00e1s predecible, f\u00e1cil e intuitivo de utilizar. \u00bfQu\u00e9 podemos hacer?<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Respetar los formatos de organizaci\u00f3n del sistema y preservar su consistencia a lo largo de todas las p\u00e1ginas de la web.<\/li><li>Los iconos y la est\u00e9tica deben ser consistentes.<\/li><li>Las instrucciones deben aparecer en un lugar similar.<\/li><li>Variar el tama\u00f1o del texto hasta en cuatro niveles, su intensidad en dos y no utilizar m\u00e1s de tres fuentes diferentes.<\/li><li>No deber\u00e1n usarse m\u00e1s de cuatro o siete colores con regularidad. Los colores adicionales s\u00f3lo deber\u00e1n usarse de manera ocasional.<\/li><li>Mantener los mismos componentes y comportamiento en las distintas p\u00e1ginas de la web.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Prevencion_de_errores\"><\/span><strong>5. Prevenci\u00f3n de errores<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">El sistema debe prevenir las equivocaciones del usuario antes de que caiga en el error. \u00bfQu\u00e9 quiere decir esto? Se debe <strong>ayudar al usuario a ver su error antes de que realice la acci\u00f3n<\/strong>. Del mismo modo es de suma importancia que si el usuario cae en un error el sistema trate de reconducirle de inmediato sin hacerle perder el tiempo ya que podr\u00eda frustrarse y abandonar la web.<\/span> <span style=\"font-weight: 400;\">Un ejemplo muy claro de este principio ser\u00eda al completar los datos de direcci\u00f3n de env\u00edo al realizar una compra. Si el usuario ha dejado un campo obligatorio en blanco ser\u00e1 m\u00e1s f\u00e1cil que lo vea si se lo avisamos cuando ha pasado al siguiente que cuando ya le ha dado a validar la direcci\u00f3n, as\u00ed como avisarle de qu\u00e9 campo es el que falta sin que sea el usuario el que tenga que estar buscando cu\u00e1l es.<\/span> <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"6_Reconocer_antes_que_recordar\"><\/span><strong>6. Reconocer antes que recordar<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400;\">Siempre ser\u00e1 mejor ayudar al usuario a reconocer que obligarle a tener que memorizar los diferentes elementos y acciones para que pueda lograr su objetivo. El sistema debe disminuir la carga de memorizaci\u00f3n del usuario aport\u00e1ndole de manera visible los elementos y acciones.<\/span> <span style=\"font-weight: 400;\">La informaci\u00f3n deber\u00e1 estar siempre a la vista o ser f\u00e1cilmente recuperable cuando el usuario lo necesite.<\/span> <span style=\"font-weight: 400;\">Por ejemplo, estaremos facilitando los objetivos al usuario si en una tienda online a\u00f1adimos la opci\u00f3n de guardar art\u00edculos, de esta manera la pr\u00f3xima vez que el usuario entre no tendr\u00e1 que hacer memoria para recordar c\u00f3mo se llamaba el producto y volver a buscarle.<\/span> <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"7_Flexibilidad_y_eficiencia_de_uso\"><\/span>7. Flexibilidad y eficiencia de uso<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La web deber\u00e1 estar adaptada a todo tipo de usuarios. Algunas funciones como los atajos de teclado, har\u00e1n m\u00e1s r\u00e1pida la interacci\u00f3n para usuarios m\u00e1s avanzados pero no les complicar\u00e1 la navegaci\u00f3n a aquellos con menos experiencia. Por tanto, si cualquier usuario puede navegar por nuestra web estaremos consiguiendo una total flexibilidad, y si adem\u00e1s incluimos opciones para los usuarios con m\u00e1s experiencia, obtendremos eficiencia puesto que tardar\u00e1n menos en lograr su objetivo. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"8_Diseno_estetico_y_minimalista\"><\/span>8. Dise\u00f1o est\u00e9tico y minimalista<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Deberemos omitir todos aquellos elementos que generen \u201cruido\u201d, no aporten informaci\u00f3n, distraigan la atenci\u00f3n del usuario o disminuyan su visibilidad. Se trata de mostrar solo aquellos elementos m\u00e1s relevantes y que aporten informaci\u00f3n al usuario. Por tanto, tenemos que <strong>evitar recargar el dise\u00f1o de la web<\/strong>, los usuarios quieren encontrarse con dise\u00f1os limpios y que la carga del mismo no se demore demasiado. Para ello:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Qu\u00e9date solo con lo m\u00e1s importante, si no lo es no hace falta que lo pongas.<\/li><li>Ten cuidado con los tama\u00f1os. Por tener elementos m\u00e1s grandes no van a funcionar mejor.<\/li><li>Juega con los espacios, si los utilizas de manera adecuada podr\u00e1s crear un dise\u00f1o limpio.<\/li><li>Los colores tambi\u00e9n son clave, elegir el adecuado es importante para transmitir la sensaci\u00f3n deseada.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"9_Diagnostico_y_correccion_de_errores\"><\/span>9. Diagn\u00f3stico y correcci\u00f3n de errores<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Tratar de que todos y cada uno de los errores que puedan darse en la web sean entendibles por todos los usuarios. Para ello, deberemos utilizar un lenguaje sencillo y entendible para todos <strong>comunicando los errores de manera f\u00e1cil y dar una soluci\u00f3n<\/strong> o alternativa al usuario. Seguro que en m\u00faltiples ocasiones te has topado con un error 404, si eres un usuario experimentado probablemente sepas de qu\u00e9 se trata y cu\u00e1l es la soluci\u00f3n. Sin embargo, si estamos ante un usuario menos experimentado, ser\u00eda mejor que el sistema le informe de que la p\u00e1gina a la que intenta acceder no funciona, no se encuentra, y por tanto la soluci\u00f3n es salir de ella. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"10_Ayuda_y_documentacion\"><\/span>10. Ayuda y documentaci\u00f3n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">En algunas ocasiones el usuario necesita ayuda durante el proceso para lograr su objetivo, por ello el sistema deber\u00e1 ofrecer informaci\u00f3n relevante al usuario que sea f\u00e1cil de encontrar y no sea demasiado amplia. Algunos ejemplos de este principio podr\u00edan ser:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Navegaci\u00f3n guiada por la web o aplicaci\u00f3n nada m\u00e1s instalarla o abrirla donde se muestre lo b\u00e1sico y esencial.<\/li><li>Secci\u00f3n de FAQs o preguntas frecuentes que podr\u00edan hacerse los usuarios.<\/li><li>Chat en l\u00ednea, mucho m\u00e1s r\u00e1pido que otras opciones como el correo electr\u00f3nico.<\/li><li>S\u00edmbolo de interrogaci\u00f3n en opciones que lo puedan requerir.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u00a0 Ahora que hemos visto la sencillez de estos principios seguro que podr\u00e1s llevarlos a cabo para mejorar la experiencia de usuario de tu sitio web. Adem\u00e1s de esto existen m\u00faltiples herramientas en el mercado que te ayudar\u00e1n a cumplirlos o mejorar determinados factores de tu sitio web. Tambi\u00e9n puedes acceder a la formaci\u00f3n completa a trav\u00e9s de <a href=\"https:\/\/www.youtube.com\/watch?v=VG4sEsaceWw\">este enlace<\/a>.<\/p>\n    \t","protected":false},"excerpt":{"rendered":"<p>How many times have you tried to make a purchase in an online store and finally gave up and left empty-handed because the purchase process was long and tedious, or you tried to look for information but the website itself was not making it easy and you chose to look elsewhere. Jakob Nielsen, known as the father of usability, in 1995 formulated the 10 basic principles of usability that we will see below and that are still used today. But first of all, you may be wondering what usability is. What is usability? Web usability can be defined as the degree of ease of use of a website for users who browse it. Web usability mainly measures three factors: Effectiveness: if the user gets what he wants, that is, if he has fulfilled his objective. Efficiency: if they have achieved it or have achieved it without effort Satisfaction: if after their passage through the website the user feels satisfied or, on the contrary, has a negative experience. Therefore, the main keys of usability to optimize a website are: To have a clean design with a logical classification that facilitates the user's navigation. To grant control to the user trying not to make him feel lost at any time. To synthesize and not to fall into redundancy. If something is not necessary we can do without it. Web adaptable to all types of devices. More and more users are using cell phones and tablets to navigate. Thus, working on usability when creating a website or improving it will bring us many advantages such as increasing revenue and sales, decreasing the bounce rate, increasing the duration of the session, increasing user loyalty and achieving better communication with them. Now that we know what web usability is all about, let's look at Nielsen's 10 basic principles of web usability. Visibility of system status The user needs to know that he is doing well. So the system, whether it is a website, an app or any other digital product, must always keep the user informed of what is happening and provide an appropriate response as quickly as possible. Therefore, every action performed by the user must generate a perceptible response by the user and in a short time. Some examples or practices of this principle would be: Confirmation messages when the user has submitted a form. Process bars when uploading or downloading files. Changing the state of web elements on mouseover or click. Breadcrumbs that indicate to the user where he\/she is at any given moment. 2. Relationship between the system and the real world We have to speak the same language as the user and connect with him. Make use of words, phrases and images that the user can easily recognize and that are clear, maintaining a logical and natural order. The user should not be given the chance to make a mistake. For example, the trash can icon for deleting files on the computer or items in the shopping cart, the user intuits what it is for. However, if instead of that trash can we put any other icon for that function, we will give the user a chance to make a mistake. User control and freedom The user is human and sometimes it is normal for him to make mistakes. Therefore, we must give the user the opportunity to undo or repeat a previously performed action. If the user can easily go back or repeat a process, it will increase their sense of freedom and control of the situation. This is especially important on mobile devices where it is very easy to make a mistake and hit the wrong button. To comply with this principle we must give the user the option to: Do and redo. Cancel actions in progress. Request confirmation from the user for important processes such as final payment on a purchase. Allow the user to return to a previous point. Always let the user know where they are and where they can go. Consistency and standards We must be consistent and give importance to maintain the same consistency throughout the web, ie, maintain the language, colors, navigation, etc.. With the increased use of mobile devices, users have become accustomed to certain symbols that they have assumed as normal, so if we change the meaning of any of these or change the icon for something that already has its established symbol we will only worsen the usability since the user may not understand the new icon. The use of similar elements to perform similar functions will be more predictable, easier and more intuitive to use. What can we do? Respect the organizational formats of the system and preserve their consistency throughout all the pages of the website. Icons and aesthetics should be consistent. Instructions should appear in a similar place. Vary text size by up to four levels, text intensity by two, and use no more than three different fonts. No more than four or seven colors should be used regularly. Additional colors should only be used occasionally. Maintain the same components and behavior on the different pages of the web site. Error prevention The system should prevent the user from making mistakes before he\/she falls into error. What does this mean? The user must be helped to see his error before he performs the action. In the same way, it is of utmost importance that if the user makes a mistake, the system tries to redirect him immediately without wasting his time because he could get frustrated and leave the web. A very clear example of this principle would be when completing the shipping address data when making a purchase. If the user has left a<\/p>","protected":false},"author":42,"featured_media":23485,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[22],"tags":[259,285],"class_list":["post-23468","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-online","tag-tendencias-usabilidad","tag-usabilidad-web"],"_links":{"self":[{"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/posts\/23468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/comments?post=23468"}],"version-history":[{"count":0,"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/posts\/23468\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/media\/23485"}],"wp:attachment":[{"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/media?parent=23468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/categories?post=23468"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.geotelecom.mx\/en\/wp-json\/wp\/v2\/tags?post=23468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}