{"id":21874,"date":"2020-12-23T00:00:00","date_gmt":"2020-12-23T00:00:00","guid":{"rendered":"https:\/\/localhost:10083\/sin-categorizar\/what-is-useability-and-how-it-relates-to-web-accessibility-es\/"},"modified":"2023-06-05T12:06:02","modified_gmt":"2023-06-05T10:06:02","slug":"que-es-la-usabilidad","status":"publish","type":"post","link":"https:\/\/wp-staging.amberscript.com\/es\/blog\/que-es-la-usabilidad\/","title":{"rendered":"\u00bfQu\u00e9 es la usabilidad y c\u00f3mo se relaciona con la accesibilidad a la web?"},"content":{"rendered":"\n<p><em>La usabilidad (o capacidad de uso) y la accesibilidad son ambas facetas de la UX centrada en el usuario. Mira c\u00f3mo su aplicaci\u00f3n te ayudar\u00e1 a crear un sitio web centrado en el usuario.<\/em><\/p>\n\n\n\n<p><em>La facilidad de uso y la accesibilidad web son ambos elementos de un buen UX y se superponen en unos pocos aspectos, ya que el objetivo de ambos es hacer que el contenido de una p\u00e1gina web sea comprensible y accesible para todos.<\/em><\/p>\n\n\n\n<p><em>Hay algunas diferencias en el alcance de estos temas en el dise\u00f1o, pero si se estructura el sitio teniendo en cuenta al usuario, es posible que se puedan cumplir con \u00e9xito estas dos normas.<\/em><\/p>\n\n\n\n<p><em>\u00abEl panal de la experiencia del usuario\u00bb, de Peter Morville, ilustra las piezas que deben tenerse en cuenta al construir un sitio web \u2013 como se puede ver en la imagen, tanto \u00abaccesible\u00bb como \u00abutilizable\u00bb son partes esenciales de un dise\u00f1o que ofrece una experiencia excepcional al usuario.<\/em><\/p>\n\n\n<div class=\"image-block-wrapper\">\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdn.shortpixel.ai\/client\/to_avif,q_glossy,ret_img,w_1080,h_1080\/https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2020\/12\/Experiencia-del-usuario.png\" alt=\"Experiencia del usuario\" title=\"Experiencia del usuario\"\/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es la usabilidad, o la facilidad de uso en el dise\u00f1o web?<\/h2>\n\n\n\n<p>En el mundo del dise\u00f1o de p\u00e1ginas web, la facilidad de uso (que tambi\u00e9n se deletrea usabilidad) est\u00e1 relacionada con la facilidad con que la informaci\u00f3n proporcionada en una p\u00e1gina web puede ser digerida por sus lectores.&nbsp;<a href=\"https:\/\/www.interaction-design.org\/literature\/topics\/usability\" target=\"_blank\" rel=\"noopener\">Referencia<\/a><\/p>\n\n\n\n<p>Para lograr una buena usabilidad del sitio web, el desarrollo y el dise\u00f1o deben comenzar desde la perspectiva del cliente. P\u00f3nte en el lugar de tus clientes y empieza por hacer preguntas b\u00e1sicas:<\/p>\n\n\n\n<p>\u2013 \u00bfPuedo encontrar lo que necesito en la p\u00e1gina web?<br>\u2013 \u00bfEntiendo lo que se est\u00e1 vendiendo?<br>\u2013 \u00bfConsigo hacer lo que vine a hacer?<\/p>\n\n\n\n<p>Hay algunos ingredientes en la f\u00f3rmula de usabilidad: efectividad, eficiencia, compromiso, tolerancia al error y facilidad de aprendizaje.<\/p>\n\n\n\n<p>La eficiencia es grande: los usuarios no est\u00e1n dispuestos a navegar por un dise\u00f1o complicado o una comunicaci\u00f3n confusa para encontrar lo que necesitan.<\/p>\n\n\n\n<p>Estos son algunos de los factores que componen y afectan la usabilidad:<\/p>\n\n\n\n<p><strong>1) Accesibilidad:<\/strong>&nbsp;como se ha mencionado, los dos est\u00e1n intr\u00ednsecamente conectados. Un sitio web accesible es un sitio web que puede ser f\u00e1cilmente usado por cualquiera.<\/p>\n\n\n\n<p><strong>2) Capacidad de respuesta:<\/strong>&nbsp;vinculada a la capacidad de su sitio web para funcionar en diferentes dispositivos.<\/p>\n\n\n\n<p><strong>3) Optimizaci\u00f3n para motores de b\u00fasqueda (SEO):<\/strong>&nbsp;la arquitectura de tu sitio web hace que se pueda rastrear y buscar por los motores de b\u00fasqueda, haciendo que el contenido est\u00e9 disponible para los usuarios.<\/p>\n\n\n\n<p><strong>4) Contenido y Mensajer\u00eda:<\/strong>&nbsp;comunicaci\u00f3n clara y efectiva que lleva al visitante a realizar el alcance de su objetivo.<\/p>\n\n\n\n<p><strong>5) Dise\u00f1o y navegaci\u00f3n:<\/strong>&nbsp;Debe ser f\u00e1cil e intuitivo navegar por tu sitio web y encontrar la informaci\u00f3n que los usuarios buscan. Insp\u00edrese en ejemplos positivos, como Apple: un dise\u00f1o simple que claramente una el enfoque del usuario.<\/p>\n\n\n\n<p><strong>6) Velocidad del sitio y errores:<\/strong>&nbsp;Tu sitio web puede ser maravilloso, pero si tarda mucho en cargarse los usuarios no lo visitar\u00e1n. Tambi\u00e9n deber\u00edan ser capaces de completar r\u00e1pidamente las acciones que quieren. Controlar los errores y asegurarse de que los usuarios puedan recuperarse de ellos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Accesibilidad digital: ofrecer una experiencia de usuario inclusiva<\/h2>\n\n\n\n<p>Poner al usuario en el centro del dise\u00f1o de tu sitio web significa considerar las necesidades de todos los usuarios. Eso s\u00f3lo es posible si recuerdas que el 10-15% de la poblaci\u00f3n mundial tiene alg\u00fan tipo de discapacidad.<\/p>\n\n\n\n<p>Para este grupo, la experiencia de visitar un sitio web que no est\u00e1 adaptado puede ser extremadamente frustrante.<\/p>\n\n\n\n<p>La accesibilidad digital no s\u00f3lo es agradable de tener, sino que en Europa, como en otras regiones, es obligatorio que las instituciones p\u00fablicas ofrezcan contenidos accesibles.<\/p>\n\n\n\n<p>Existe una amplia gama de discapacidades que pueden convertirse en una barrera para los usuarios, incluyendo las visuales, auditivas y cognitivas (como la dislexia). Seguir las&nbsp;<a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noopener\">pautas de accesibilidad al contenido web<\/a>&nbsp;tambi\u00e9n har\u00e1 que su contenido sea m\u00e1s inclusivo, favoreciendo a un grupo a\u00fan m\u00e1s amplio, como las personas con bajo nivel de alfabetizaci\u00f3n.<\/p>\n\n\n\n<p>Amberscript puede ayudarte a cumplir con las normas de accesibilidad digital WAGC 2.1 para sordos y personas con problemas de audici\u00f3n<\/p>\n\n\n\n\n\n\n<h2 class=\"wp-block-heading\">C\u00f3mo empezar<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Si ya tienes un sitio web<\/h3>\n\n\n\n<p>Pru\u00e9balo y ad\u00e1ptalo<\/p>\n\n\n\n<p>Si ya tienes un sitio web, puedes evaluar cu\u00e1n utilizable y accesible es mediante la realizaci\u00f3n de algunas pruebas.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>En cuanto a la utilidad, las pruebas se realizan con el prop\u00f3sito de identificar los problemas en el flujo de usuarios, detectar errores y detectar oportunidades para mejorar la experiencia general del usuario.<\/li>\n<\/ul>\n\n\n\n<p>Puedes usar herramientas como&nbsp;<a href=\"https:\/\/www.optimizely.com\/nl\/\" target=\"_blank\" rel=\"noopener\">Optimizely<\/a>,&nbsp;<a href=\"https:\/\/www.userzoom.com\/\" target=\"_blank\" rel=\"noopener\">UserZoom<\/a>&nbsp;y&nbsp;<a href=\"https:\/\/www.usertesting.com\/\" target=\"_blank\" rel=\"noopener\">UserTesting&nbsp;<\/a>para obtener nuevos conocimientos y validar tu hip\u00f3tesis.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Para la accesibilidad digital, hay pruebas y herramientas espec\u00edficas que se pueden aplicar.<\/li>\n<\/ul>\n\n\n\n<p>Si administras un sitio web para una instituci\u00f3n p\u00fablica en Europa o cualquier otra organizaci\u00f3n a la que la ley exija que cumpla con las normas de accesibilidad, debes consultar todos los requisitos de la&nbsp;<a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/quickref\/#time-based-media\" target=\"_blank\" rel=\"noopener\">WGAC 2.1&nbsp;<\/a>(Obt\u00e9n m\u00e1s informaci\u00f3n visitando nuestra p\u00e1gina de&nbsp;<a href=\"https:\/\/wp-staging.amberscript.com\/es\/accesibilidad-digital\/\">Accesibilidad Digital&nbsp;<\/a>y descargando nuestro libro electr\u00f3nico)<\/p>\n\n\n\n<p>Si no es necesario, pero deseas mejorar tu sitio web haci\u00e9ndolo accesible, puedes seguir las mejores pr\u00e1cticas, como a\u00f1adir subt\u00edtulos y transcripciones al contenido de audio y v\u00eddeo, utilizar una relaci\u00f3n de contraste adecuada y proporcionar una versi\u00f3n de audio para el contenido escrito.<\/p>\n\n\n\n<p>Aprende a&nbsp;<a href=\"https:\/\/wp-staging.amberscript.com\/es\/blog\/como-crear-subtitulos\/\">crear subt\u00edtulos y a a\u00f1adirlos a tus v\u00eddeos<\/a><\/p>\n\n\n\n<p>Hay una serie de herramientas que pueden probar cu\u00e1n accesible es su sitio web. Puedes encontrar una extensa lista de herramientas de prueba&nbsp;<a href=\"https:\/\/www.w3.org\/WAI\/ER\/tools\/\" target=\"_blank\" rel=\"noopener\">aqu\u00ed.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Si est\u00e1s construyendo un sitio web<\/h3>\n\n\n\n<p>Si est\u00e1s dise\u00f1ando un nuevo sitio web, aseg\u00farate de tener en cuenta los elementos del Panal de la Experiencia del Usuario.<\/p>\n\n\n\n<p>Crear un sitio web que sea:<\/p>\n\n\n\n<p><strong>1) Utilizable \u2013<\/strong>&nbsp;recuerda que las principales caracter\u00edsticas son la eficacia, la eficiencia, el compromiso, la tolerancia al error y la facilidad de aprendizaje.<\/p>\n\n\n\n<p><strong>2) \u00datil<\/strong>&nbsp;\u2013 Tu producto est\u00e1 cubriendo una necesidad, de lo contrario, no lo estar\u00eda vendiendo. Deja claro lo \u00fatil que es, demostrando una informaci\u00f3n valiosa y clara.<\/p>\n\n\n\n<p><strong>3) Deseable<\/strong>&nbsp;\u2013 recuerda que el foco debe estar en lo que usted promueve, no s\u00f3lo en el sitio web. No quieres tener un dise\u00f1o que quite la atenci\u00f3n de tu producto. Toma el ejemplo de Apple de nuevo para este punto \u2013 un dise\u00f1o minimalista que pone el producto en el centro del escenario.<\/p>\n\n\n\n<p><strong>4) Encontrable \u2013<\/strong>&nbsp;que favorezca el SEO, que ayude a los usuarios a encontrarlo.<\/p>\n\n\n\n<p><strong>5) Accesible<\/strong>&nbsp;\u2013 incluye a los usuarios con discapacidades en tus personajes de marketing para asegurarte de que llegar\u00e1s a un p\u00fablico m\u00e1s amplio. Incorpora las&nbsp;<a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/quickref\/\" target=\"_blank\" rel=\"noopener\">directrices WCAG 2.1<\/a>&nbsp;para construir un sitio web inclusivo centrado en el usuario.<\/p>\n\n\n\n<p><strong>6) Cre\u00edble<\/strong>&nbsp;\u2013 aseg\u00farate de hacer espacio para las insignias, testimonios y calificaciones que muestren a tus usuarios que pueden confiar en ti.<\/p>\n\n\n\n<p>Ten en cuenta que la utilidad es un proceso continuo. La forma en que los usuarios se comportan no siempre es intuitiva, as\u00ed que prueba, prueba de nuevo y sigue mejorando constantemente la experiencia del usuario en tu sitio web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Resumen<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>La facilidad de uso (o utilidad) es una parte esencial del dise\u00f1o centrado en el usuario: significa ofrecer un sitio web f\u00e1cil de usar en el que la informaci\u00f3n sea clara y comprensible.<\/li>\n\n\n\n<li>Factores que componen y afectan la utilidad: Accesibilidad, capacidad de respuesta, SEO, dise\u00f1o y navegaci\u00f3n, velocidad del sitio y errores..<\/li>\n\n\n\n<li>La accesibilidad est\u00e1 intr\u00ednsecamente conectada a la usabilidad. Promueve el contenido digital que puede ser usado por todos, incluyendo a los usuarios con discapacidades.<\/li>\n\n\n\n<li>Para asegurarte de que tu sitio web es utilizable y accesible, deber\u00edas probarlo.<\/li>\n\n\n\n<li>Para construir un sitio web centrado en el usuario, hay que tener en cuenta las facetas de UX ilustradas en el Panal de la Experiencia del Usuario de Peter Morville: \u00fatil, utilizable, deseable, localizable, accesible, cre\u00edble y, por lo tanto, valioso.<\/li>\n\n\n\n<li>Para obtener m\u00e1s informaci\u00f3n sobre c\u00f3mo crear contenido accesible, visita&nbsp;<a href=\"https:\/\/wp-staging.amberscript.com\/es\/accesibilidad-digital\/\">nuestra p\u00e1gina<\/a>&nbsp;y descarga tu libro electr\u00f3nico sobre Accesibilidad Digital.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p><b>\u00bfQu\u00e9 es la usabilidad y la accesibilidad web?<\/b><\/p>\n<p>La usabilidad (o capacidad de uso) y la accesibilidad son ambas facetas de la UX centrada en el usuario. Crea un sitio web centrado en el usuario.<\/p>\n","protected":false},"author":70,"featured_media":85407,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[148],"tags":[637],"class_list":["post-21874","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-digital-accessibility-es"],"acf":{"text":"","link":"","questions":""},"_links":{"self":[{"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/posts\/21874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/users\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/comments?post=21874"}],"version-history":[{"count":0,"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/posts\/21874\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/media\/85407"}],"wp:attachment":[{"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/media?parent=21874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/categories?post=21874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/tags?post=21874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}