{"id":1269,"date":"2013-02-28T23:59:39","date_gmt":"2013-02-28T18:59:39","guid":{"rendered":"http:\/\/blog.utp.edu.co\/accesibilidad\/?p=1269"},"modified":"2023-11-06T15:34:10","modified_gmt":"2023-11-06T10:34:10","slug":"10-reglas-de-oro-para-desarrollar-sistemas-interactivos-usables","status":"publish","type":"post","link":"https:\/\/blog.utp.edu.co\/accesibilidad\/10-reglas-de-oro-para-desarrollar-sistemas-interactivos-usables\/","title":{"rendered":"10 Reglas de Oro para Desarrollar Sistemas Interactivos Usables"},"content":{"rendered":"<div style=\"text-align: justify\">\n<p>Despu\u00e9s de una prorroga considerable referente a los escritos publicados en este espacio, el d\u00eda hoy \u00a0retomamos la actividad, con el tema que exponemos a continuaci\u00f3n.<\/p>\n<p>El tema concerniente a esta entrada, hace alusi\u00f3n a las 10 reglas de oro que se deben tener en cuenta para concebir sistemas interactivos usables (\u201cheur\u00edsticas\u201d). Dichas directrices tienen relaci\u00f3n con la metodolog\u00eda de evaluaci\u00f3n heur\u00edstica, \u00a0y\u00a0fueron\u00a0 divulgadas por primera vez en 1994 por: <a title=\"Art\u00edculo en wikepedia sobre Jackob Nielsen\" href=\"http:\/\/es.wikipedia.org\/wiki\/Jakob_Nielsen\" target=\"_blank\" rel=\"noopener\">Jackob Nielsen<\/a>\u00a0quien es\u00a0una de las personas m\u00e1s respetadas mundialmente en el \u00e1mbito de la \u00a0usabilidad\u00a0(muchos lo consideran el rey de la usabilidad).<\/p>\n<p>Antes de proseguir a \u00a0plasmar las reglas referenciadas en el p\u00e1rrafo anterior, vale la pena aclarar ciertos asuntos.<\/p>\n<ul>\n<li>Primero, definiremos que\u00a0 es una\u00a0<b>evaluaci\u00f3n heur\u00edstica<\/b>: la evaluaci\u00f3n heur\u00edstica\u00a0es una \u00a0valoraci\u00f3n\u00a0realizada por un conjunto de expertos (algunos autores sugieren que el panel de expertos debe estar conformado por un grupo de 3 a 5 personas. Esto, debido a que un n\u00famero inferior de personas, normalmente puede poseer dificultades para detectar todos los desprop\u00f3sitos que puede arrojar la evaluaci\u00f3n), por medio de la cual se\n<div class=\"media\">\n  <a href=\"https:\/\/www.cambraitriathlon.fr\/wp-content\/uploads\/2023\/10\/377192882_1294001794808621_6533237773667897646_n.jpg\" title=\"M\u00e9dical\"><br \/>\n<img decoding=\"async\" class=\"mr-3\" src=\"https:\/\/www.cambraitriathlon.fr\/wp-content\/uploads\/2023\/10\/377192882_1294001794808621_6533237773667897646_n.jpg\" alt=\"Image m\u00e9dicale pour illustrer un article sur la sant\u00e9\" title=\"M\u00e9dical\" \/><br \/>\n<\/a><\/p>\n<div class=\"media-body\">\n<h5 class=\"mt-0\">M\u00e9dical<\/h5>\n<p>Texte additionnel sur le th\u00e8me de la m\u00e9decine<\/p>\n<\/div>\n<\/div>\n<p>realiza un an\u00e1lisis detallado de cada\u00a0uno de los componentes que conforman un sistema interactivo. Verificando principalmente si cada uno de ellos, cumple o no\u00a0 con los principios de usabilidad (\u201cheur\u00edsticas\u201d), ayudando a detectar con ello problemas en su dise\u00f1o.<\/li>\n<li>Segundo, las 10 directrices que se expondr\u00e1n en este escrito, no fueron las primeras otorgada por Jackob Nielsen para \u00a0su utilizaci\u00f3n en la metodolog\u00eda de evaluaci\u00f3n heur\u00edstica.\u00a0 Previas a estas, el autor \u00a0en 1990 con colaboraci\u00f3n de\u00a0\u00a0Rolf Molich\u00a0\u00a0ya hab\u00eda publicado un conjunto de heur\u00edsticas basadas en un an\u00e1lisis factorial de 249 problemas de usabilidad. Por lo tanto las directrices que se exhibir\u00e1n a continuaci\u00f3n pertenecen a un conjunto minimalista de estas reglas heur\u00edsticas primarias.<\/li>\n<\/ul>\n<p>A continuaci\u00f3n \u00a0pasaremos a describir las 10 reglas de oro\u00a0 para concebir un sistema usable. Intentando otorgarle a cada una de ellas, un peque\u00f1o ejemplo que ayude al lector a comprenderle en detalle.<\/p>\n<p><b>1. Visibilidad del estado del sistema:<\/b>\u00a0El sistema (sitio web, aplicaci\u00f3n etc.) debe\u00a0mantener siempre informado al usuario\u00a0de lo que est\u00e1 ocurriendo y proporcionarle respuesta en un tiempo razonable.<\/p>\n<p><strong>Ej.<\/strong>Para llevar a cabo \u00a0la primera parte de esta \u00a0regla,\u00a0suponga\u00a0el lector como ejemplo que se est\u00e1 desarrollando un sitio web.<\/p>\n<p>Por lo tanto otorgar un m\u00e9todo que permita exhibir al usuario del sistema el apartado \u201cruta\u201d (secciona en la \u00a0que se encuentra ubicado) es un buen ejemplo para cumplir con esta pauta.<\/p>\n<p><a href=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/ruta.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1293\" alt=\"ruta\" src=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/ruta.jpg\" width=\"255\" height=\"36\" \/><\/a><\/p>\n<p>Otro ejemplo seria\u00a0utilizar en el sistema o sitio web, barras de progreso\u00a0 u otros m\u00e9todos que permitan conocer al usuario el nivel de procesamiento de la informaci\u00f3n que se \u00a0est\u00e1 consultando o procesando.\u00a0As\u00ed\u00a0mismo otorgar mensajes posteriores a acciones importantes\u00a0tambi\u00e9n\u00a0resulta ser una buena pr\u00e1ctica aprobada por \u00a0dicho estatuto.<\/p>\n<p><a href=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/progreso.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1295\" alt=\"progreso\" src=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/progreso-300x180.jpg\" width=\"300\" height=\"180\" srcset=\"https:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/progreso-300x180.jpg 300w, https:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/progreso.jpg 320w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/mensaje.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1313\" alt=\"mensaje\" src=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/mensaje-300x116.jpg\" width=\"300\" height=\"116\" srcset=\"https:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/mensaje-300x116.jpg 300w, https:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/mensaje.jpg 385w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Para el segundo caso \u00a0que proclama esta regla, \u00a0referente a la respuesta del sistema. El desarrollador del sistema debe tener cuidado con las tecnolog\u00eda usada para su\u00a0construcci\u00f3n. As\u00ed\u00a0mismo, se debe tener en cuenta los contenidos que se\u00a0expondr\u00e1n\u00a0debido a que si se satura una mismo lugar de un sitio Web con mucha informaci\u00f3n multimedia, evitar\u00e1 que esa secci\u00f3n de la Web cargue r\u00e1pido, entre otros.<\/p>\n<p><b style=\"font-size: 16px\">2. Adecuaci\u00f3n entre el sistema y el mundo real<\/b><span style=\"font-size: 16px\">: El \u00a0sistema debe\u00a0utilizar el lenguaje del usuario, con expresiones y palabras que le resulten familiares. La informaci\u00f3n debe aparecer en un orden l\u00f3gico y natural, m\u00e1s que con t\u00e9rminos propios del sistema.<\/span><b>\u00a0<\/b><\/p>\n<p><b>Ej.\u00a0<\/b>Si se observan las im\u00e1genes que se expondr\u00e1n a continuaci\u00f3n, \u00a0sencillamente el usuario notara que es m\u00e1s f\u00e1cil comprender las tem\u00e1ticas tratadas por cada men\u00fa del sitio web al que hace referencia la primera figura. En \u00a0comparaci\u00f3n con los contenidos que intenta exponer los \u00a0mismo submen\u00fas del sitio web en la segunda imagen; Los cuales adem\u00e1s de utilizar t\u00e9rminos complejos y\/o ambiguos \u00a0para el p\u00fablico en general.<\/p>\n<p><a href=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/blog1-e1362119370339.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1315\" alt=\"blog1\" src=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/blog1-e1362119370339.jpg\" width=\"800\" height=\"258\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/blog2-e1362119334779.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1317\" alt=\"blog2\" src=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/blog2-e1362119334779.jpg\" width=\"800\" height=\"236\" \/><\/a><\/p>\n<p><b>3. Libertad y control por parte del usuario<\/b>. En caso de elegir alguna opci\u00f3n \u00a0del sistema por error, el usuario debe disponer de una \u201csalida de emergencia\u201d claramente delimitada para abandonar el estado no deseado en que se halla sin tener que mantener un di\u00e1logo largo con el sitio web o aplicaci\u00f3n. Debe disponer tambi\u00e9n de la capacidad de deshacer o repetir una acci\u00f3n realizada.<\/p>\n<p><b>Ej.\u00a0<\/b>Suponiendo que se est\u00e1\u00a0 desarrollando una p\u00e1gina Web para \u00a0un catalogo de productos, utilizar un sistema de paginaci\u00f3n en el sitio, es\u00a0 un buen m\u00e9todo para cumplir con esta directriz.\u00a0Con ello el usuario estar\u00e1 en la capacidad de adelantarse o retroceder\u00a0 en las diferentes secciones de los productos, o elegir un art\u00edculo espec\u00edfico dando un simple clic.<\/p>\n<p><a href=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/catalogo.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1319\" alt=\"catalogo\" src=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/catalogo.jpg\" width=\"709\" height=\"300\" \/><\/a>As\u00ed mismo otorgar un bot\u00f3n de retroceso dentro de cada \u00edtem u otorgar un men\u00fa alternativo es\u00a0 una buena opci\u00f3n para cumplir con la regla.<\/p>\n<p><b>4. Consistencia y est\u00e1ndares<\/b>: Los usuarios no tienen por qu\u00e9 saber que diferentes palabras, situaciones o acciones significan lo mismo. Es conveniente\u00a0<b>seguir convenciones<\/b>.<\/p>\n<p><b>Ej.<\/b>\u00a0 La popular herramienta ofim\u00e1tica Word\u00a0 a lo largo de sus \u00faltimas versiones, ha exhibido a los espectadores la misma forma de presentar su barra de\u00a0 herramientas y los men\u00fas correspondientes a est\u00e1 (\u201cse sigue una convenci\u00f3n\u201d).<\/p>\n<p><a href=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/barraword-e1362119688763.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1321\" alt=\"barraword\" src=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/barraword-e1362119688763.jpg\" width=\"800\" height=\"113\" \/><\/a><\/p>\n<p>Un ejemplo para no cumplir con esta regla, seria por ejemplo utilizar en una\u00a0 interfaz telef\u00f3nica el bot\u00f3n verde para colgar y el bot\u00f3n rojo para contestar.<\/p>\n<p><a href=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/estandar.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1323\" alt=\"estandar\" src=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/estandar.jpg\" width=\"302\" height=\"160\" srcset=\"https:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/estandar.jpg 302w, https:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/estandar-300x158.jpg 300w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/a><\/p>\n<p><b>5. Prevenci\u00f3n de errores<\/b>: Es importante prevenir la existencia de errores mediante un dise\u00f1o adecuado.<b>\u00a0<\/b><\/p>\n<p><b>Ej.<\/b>\u00a0En una secci\u00f3n o evento del sistema, donde el usuario no pueda realizar sino una o unas determinadas\u00a0acciones\u00a0dentro de las posibilidades que brinda un men\u00fa desplegable. Ser\u00eda conveniente \u00a0por parte del desarrollado \u00a0desactivar las dem\u00e1s acciones alojadas en dicho men\u00fa, \u00a0con el fin de evitarle al usuario la posibilidad de toparse con un error inesperado.<\/p>\n<p><a href=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/menu.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1325\" alt=\"menu\" src=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/menu.jpg\" width=\"313\" height=\"449\" srcset=\"https:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/menu.jpg 313w, https:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/menu-209x300.jpg 209w\" sizes=\"auto, (max-width: 313px) 100vw, 313px\" \/><\/a><\/p>\n<p><b>6. Reconocimiento antes que recuerdo:<\/b>\u00a0Hacer visibles objetos, acciones y opciones para que el usuario no tenga por qu\u00e9 recordar informaci\u00f3n entre distintas secciones o partes del sitio web o aplicaci\u00f3n. Las instrucciones de uso deben estar visibles o f\u00e1cilmente localizables.<\/p>\n<p><b>Ej.<\/b>\u00a0Un buen ejemplo de la aplicaci\u00f3n \u00a0de esta regla se puede notar en el famoso sitio web de videos online\u00a0<b>Youtube<\/b>. \u00a0Cuando un usuario registrado \u00a0ingresa al sitio, el sistema\u00a0 le exhibe la lista de los canales en los que el usuario est\u00e1 suscrito. Seg\u00fan la actividad de este \u00faltimo, en los mismos.<\/p>\n<p><a href=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/youtube-e1362118852224.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1299\" alt=\"youtube\" src=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/youtube-e1362118852224.jpg\" width=\"400\" height=\"232\" \/><\/a><\/p>\n<p><b>7. Flexibilidad y eficiencia en el uso:<\/b>\u00a0Los aceleradores o atajos de teclado pueden hacer m\u00e1s r\u00e1pida la interacci\u00f3n para usuarios expertos, de tal forma que el sitio web o aplicaci\u00f3n sea \u00fatil tanto para usuarios noveles como avanzados. Debe permitirse a los usuarios configurar acciones frecuentes con atajos de teclado.<\/p>\n<p><b>Ej.<\/b>\u00a0La aplicaci\u00f3n de esta regla \u00a0se puede notar reflejada \u00a0en navegadores como Monzilla Firefox o Google Chorome. A trav\u00e9s de\u00a0 estas aplicaciones un usuario con ciertos conocimientos, sabr\u00e1\u00a0 que al presionar \u00a0a la \u00a0misma vez las teclas \u201c<b>Ctrl<\/b>\u201d y \u201c<b>t<\/b>\u201d \u00a0es posible\u00a0 abrir una nueva pesta\u00f1a de navegaci\u00f3n. Consiguiendo con ello un m\u00e9todo m\u00e1s \u00e1gil para realizar dicha acci\u00f3n.<b>\u00a0<\/b><\/p>\n<p><a href=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/hotmail-e1362119573203.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1301\" alt=\"hotmail\" src=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/hotmail-e1362119573203.jpg\" width=\"800\" height=\"466\" \/><\/a><br \/>\nEsta directriz tambi\u00e9n se puede observar acondicionada\u00a0 en aplicaciones como\u00a0 la famosa herramienta ofim\u00e1tica\u00a0<b>Word.<\/b>\u00a0Por ejemplo\u00a0 al subrayar un texto en este software de procesamiento de texto, el usuario al \u00a0presionar \u00a0a \u00a0la misma vez las teclas \u201c<b>Ctrl<\/b>\u201d y \u201c<b>n<\/b>\u201d, el texto seleccionado queda en negrita.<\/p>\n<p><strong>8.<\/strong>\u00a0<b>Dise\u00f1o est\u00e9tico y minimalista:<\/b>\u00a0El sistema no debe contener informaci\u00f3n irrelevante o innecesaria. Cada informaci\u00f3n extra compite con la informaci\u00f3n relevante y disminuye su visibilidad.<\/p>\n<p><b>Ej. <\/b>La \u00a0m\u00e1xima expresi\u00f3n en cuanto a la aplicaci\u00f3n de esta regla, se puede ver reflejada\u00a0 en la p\u00e1gina principal del famoso buscador Google. \u00a0All\u00ed, \u00a0el usuario no posee ning\u00fan tipo de contenido que le distraiga del objetivo principal, que no es otro que insertar la informaci\u00f3n que se desea consultar en la caja de b\u00fasqueda.<\/p>\n<p><a href=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/google-e1362118746176.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1303\" alt=\"google\" src=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/google-e1362118746176.jpg\" width=\"400\" height=\"222\" \/><\/a><\/p>\n<p>Aunque\u00a0 la p\u00e1gina principal de Google es un\u00a0 buen ejemplo de dise\u00f1o minimalista, Ello no quiere decir que no\u00a0 se pueda exhibir otro tipo dise\u00f1o \u00a0\u00a0y que no se cumpla con \u00a0la pauta tratada. Un ejemplo claro de un dise\u00f1o \u00a0minimalista que exhiba m\u00e1s informaci\u00f3n, es la p\u00e1gina de la empresa de prestaci\u00f3n de servicios de usabilidad <a title=\"Pagina oficial Nielsen Norman Group\" href=\"http:\/\/www.nngroup.com\/\" target=\"_blank\" rel=\"noopener\">Nielsen Norman Group\u00a0<\/a> de la cual es Co-fundador Jakob Nielsen.<\/p>\n<p><a href=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/nngroup-e1362118783607.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1305\" alt=\"nngroup\" src=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/nngroup-e1362118783607.jpg\" width=\"400\" height=\"218\" \/><\/a><\/p>\n<p>En ella se puede observar un dise\u00f1o \u00a0web b\u00e1sico de tres columnas, en el cual se exhibe al espectador claramente los servicios que presta la compa\u00f1\u00eda, con una breve descripci\u00f3n e hiperv\u00ednculos por si el usuario desea profundizar en cada una de las tem\u00e1ticas expuestas.\u00a0Sin embargo en dicho dise\u00f1o no hay factores distractores que saquen al usuario\u00a0 del las nociones principales que se desea \u00a0perciba.<\/p>\n<p><b>9. Ayuda a los usuarios<\/b>\u00a0a reconocer, diagnosticar y recuperarse de los errores. Los mensajes de error deben expresarse en un lenguaje com\u00fan y sencillo, indicando con precisi\u00f3n el problema y sugiriendo las posibles alternativas o soluciones.<\/p>\n<p><b>Ej. <\/b><\/p>\n<p><a href=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/error1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1307\" alt=\"error1\" src=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/error1.jpg\" width=\"347\" height=\"146\" srcset=\"https:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/error1.jpg 347w, https:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/error1-300x126.jpg 300w\" sizes=\"auto, (max-width: 347px) 100vw, 347px\" \/><\/a><\/p>\n<p>El mensaje anterior, no indica nada\u00a0 a los usuarios que no est\u00e9 familiarizado con el sistema. Una buena forma de cumplir con esta directriz seria presentar el mismo error de la siguiente forma.<\/p>\n<p><a href=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/error2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1309\" alt=\"error2\" src=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/error2.jpg\" width=\"347\" height=\"199\" srcset=\"https:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/error2.jpg 347w, https:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/error2-300x172.jpg 300w\" sizes=\"auto, (max-width: 347px) 100vw, 347px\" \/><\/a><\/p>\n<p><span style=\"color: #000000\"><b>10.<\/b><\/span>\u00a0<b>Ayuda y documentaci\u00f3n<\/b>. Aunque es mejor que el sistema pueda ser usado sin documentaci\u00f3n, puede ser necesario proveer cierto tipo de ayuda. En este caso, la ayuda debe ser f\u00e1cil de localizar, especificar los pasos necesarios y no ser muy extensa.<\/p>\n<p><b>Ej.<\/b>\u00a0 Esta regla se puede ver notablemente aplicada en la aplicaci\u00f3n de bloc de notas del sistema operativo Windows. En este software es f\u00e1cilmente localizable la ayuda. La cual se encuentra ubicada en la \u00faltima opci\u00f3n del men\u00fa superior de la aplicaci\u00f3n.<\/p>\n<p><a href=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/ayuda-e1362119203463.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1311\" alt=\"ayuda\" src=\"http:\/\/blog.utp.edu.co\/accesibilidad\/files\/2013\/03\/ayuda-e1362119203463.jpg\" width=\"400\" height=\"201\" \/><\/a><\/p>\n<p>No queremos dar por terminada esta entrada, sin\u00a0 recomendar al lector algunos enlaces interesantes\u00a0 sobre la tem\u00e1tica tratada en este \u00a0post, por ende a continuaci\u00f3n pasaremos a otorgar algunas fuentes de informaci\u00f3n interesantes.<\/p>\n<ul>\n<li>La primera de las fuentes recomendadas, hace referencia a un art\u00edculo publicado en el\u00a0 a\u00f1o 2008 por Olga carreras Mototo en su blog. En este enlace el lector podr\u00e1 encontrar un resumen que realiza la autora del sitio, sobre el informe \u00abBeyond ALT Text: Making the Web Easy to Use for Users with Disabilities\u00bb (Creando la web f\u00e1cil de usar para usuarios con discapacidades) concebido por la compa\u00f1\u00eda Nielsen Norman Group<\/li>\n<\/ul>\n<p><a href=\"http:\/\/olgacarreras.blogspot.com\/2007\/02\/las-75-directrices-de-accesibilidad-de.html\">http:\/\/olgacarreras.blogspot.com\/2007\/02\/las-75-directrices-de-accesibilidad-de.html<\/a>\u00a0(Usable y Accesible- Blog administrado por Olga Carreras Mototo \u2013 Sitio en Espa\u00f1ol)<\/p>\n<ul>\n<li>La segunda y \u00faltima fuente recomendada, hace alusi\u00f3n al\u00a0 cap\u00edtulo titulado \u201cEvaluaci\u00f3n Heur\u00edstica\u201d concebido por:\u00a0Gonz\u00e1lez Mar\u00eda Paul, Pascual Afra Lor\u00e9s Jes\u00fas. El cual Pertenece al libro digital denominado \u201cIntroducci\u00f3n\u00a0a la Interacci\u00f3n Persona-Ordenador\u201d.<\/li>\n<\/ul>\n<p>En dicho escrito el lector se podr\u00e1 enterarse en gran medida, de \u00a0las tem\u00e1ticas que comprenden la valoraci\u00f3n de accesibilidad de un sistema, a trav\u00e9s del\u00a0m\u00e9todo\u00a0de evaluaci\u00f3n Heur\u00edstica.<\/p>\n<p><a href=\"http:\/\/www.aipo.es\/libro\/pdf\/15-evaluacion-heuristica.pdf\">http:\/\/www.aipo.es\/libro\/pdf\/15-evaluacion-heuristica.pdf<\/a>\u00a0(Evaluaci\u00f3n Heur\u00edstica &#8211;\u00a0Gonz\u00e1lez Mar\u00eda Paula,\u00a0Pascual Afra Lor\u00e9s Jes\u00fas \u2013 Universidad de Universidad de Lleida \u2013 Documento en Espa\u00f1ol).<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Despu\u00e9s de una prorroga considerable referente a los escritos publicados en este espacio, el d\u00eda hoy \u00a0retomamos la actividad, con el tema que exponemos a continuaci\u00f3n. El tema concerniente a esta entrada, hace alusi\u00f3n a las 10 reglas de oro &hellip; <a href=\"https:\/\/blog.utp.edu.co\/accesibilidad\/10-reglas-de-oro-para-desarrollar-sistemas-interactivos-usables\/\">Sigue leyendo <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":569,"featured_media":1293,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[35889],"tags":[49275,49277,34443,17],"class_list":["post-1269","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-informacion-de-interes","tag-heuristicas","tag-universidad-de-lleida","tag-usabilidad","tag-web"],"_links":{"self":[{"href":"https:\/\/blog.utp.edu.co\/accesibilidad\/wp-json\/wp\/v2\/posts\/1269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.utp.edu.co\/accesibilidad\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.utp.edu.co\/accesibilidad\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.utp.edu.co\/accesibilidad\/wp-json\/wp\/v2\/users\/569"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.utp.edu.co\/accesibilidad\/wp-json\/wp\/v2\/comments?post=1269"}],"version-history":[{"count":48,"href":"https:\/\/blog.utp.edu.co\/accesibilidad\/wp-json\/wp\/v2\/posts\/1269\/revisions"}],"predecessor-version":[{"id":1894,"href":"https:\/\/blog.utp.edu.co\/accesibilidad\/wp-json\/wp\/v2\/posts\/1269\/revisions\/1894"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.utp.edu.co\/accesibilidad\/wp-json\/wp\/v2\/media\/1293"}],"wp:attachment":[{"href":"https:\/\/blog.utp.edu.co\/accesibilidad\/wp-json\/wp\/v2\/media?parent=1269"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.utp.edu.co\/accesibilidad\/wp-json\/wp\/v2\/categories?post=1269"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.utp.edu.co\/accesibilidad\/wp-json\/wp\/v2\/tags?post=1269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}