La usabilidad web es aplicable tanto a un simple bot\u00f3n, como al texto, como a las im\u00e1genes, los archivos de audio o a toda la web. A veces puede no ser un elemento concreto el que falla, sino toda la arquitectura de una web.<\/p>\n
Tomado de NetIdea. www.netydea.com<\/p>\n
Como ya se ha comentado, la usabilidad no ha nacido con la web, sino que es aplicable a cualquier \u00e1mbito de nuestra actividad. Por este motivo, ha habido expertos en usabilidad desde hace tiempo y en muy diversas \u00e1reas. Es debido a la importancia que el uso de la tecnolog\u00eda est\u00e1 cobrando en nuestras sociedades \u2013tanto en el \u00e1mbito personal como en el laboral\u2013 que se ha producido una aut\u00e9ntica revoluci\u00f3n en cuanto a pensadores y asesor\u00eda especializados en usabilidad.<\/p>\n
As\u00ed, expertos en usabilidad web hay muchos, pero nos centraremos en las teor\u00edas del m\u00e1s popular y reconocido, Jacob Nielsen.<\/p>\n
Nielsen describe en su web el listado de 10 principios heur\u00edsticos \u2013basados en la experiencia de usuarios\u2013 extra\u00eddos del an\u00e1lisis de 249 problemas de usabilidad. Estos puntos son muy importantes entre los desarrolladores online y son las directrices m\u00e1s conocidas en cuanto a usabilidad web.1. Visibilidad del estado del Sistema
\nEl sistema debe mantener siempre informado a los usuarios acerca de lo que est\u00e1 ocurriendo, a trav\u00e9s de una retroalimentaci\u00f3n o \"feed-back\" adecuado y en un tiempo razonable. Por ejemplo, con una barra de estado cuando hay una descarga.<\/p>\n
barra de precarga en flash<\/p>\n
2. Adecuaci\u00f3n entre el sistema y el mundo real
\nEl sistema debe hablar el lenguaje de los usuarios, con palabras, frases y conceptos que les sean familiares, m\u00e1s que con t\u00e9rminos propios del sistema. Debe seguir las convenciones del mundo real, haciendo que la informaci\u00f3n aparezca en un orden natural y l\u00f3gico.3. Control y libertad del usuario
\nLos usuarios eligen a menudo opciones del sistema por error y necesitar\u00e1n una \"salida de emergencia\" claramente delimitada para abandonar el estado no deseado en que se hallan sin tener que mantener un di\u00e1logo largo con el sistema. Es conveniente usar las opciones \"deshacer-rehacer\".4. Consistencia y est\u00e1ndares
\nLos usuarios no tienen por qu\u00e9 imaginar que diferentes palabras, situaciones o acciones significan lo mismo. Es conveniente seguir convenciones.5. Prevenci\u00f3n de errores
\nMejor que un mensaje de error es un dise\u00f1o cuidadoso que prevenga los errores. Por ejemplo, ofrecer diversas opciones en un men\u00fa en lugar de hacer que el usuario deba teclear algo.6. Reconocer mejor que recordar
\nHacer visibles objetos, acciones y opciones. El usuario no tiene por qu\u00e9 recordar informaci\u00f3n de una parte del di\u00e1logo con el sistema en otra parte. Las instrucciones de uso del sistema deben estar visibles o f\u00e1cilmente localizables cuando proceda.7. Flexibilidad y eficiencia de uso
\nLos aceleradores o atajos \u2013que el usuario principalmente no nota\u2013 pueden hacer m\u00e1s r\u00e1pida la interacci\u00f3n para usuarios expertos, de tal forma que el sistema sea \u00fatil para los dos tipos de usuarios. Permite a los usuarios adaptar acciones frecuentes. Por ejemplo, los atajos de teclados o combinaciones de teclas: F5, ctrl + C, ctrl + F, etc\u00e9tera.8. Est\u00e9tica y dise\u00f1o minimalista
\nLos di\u00e1logos entre sistema y usuarios no deben contener informaci\u00f3n irrelevante o raramente necesitada. Cada unidad de informaci\u00f3n extra en un di\u00e1logo compite con las unidades relevantes de informaci\u00f3n y disminuye su visibilidad relativa.9. Ayudar a los usuarios a reconocer, diagnosticar y solucionar errores
\nLos mensajes de errores deben expresarse en un lenguaje com\u00fan \u2013 sin c\u00f3digos\u2013, indicar con precisi\u00f3n el problema y sugerir de forma constructiva una soluci\u00f3n.<\/p>\n
10. Ayuda y documentaci\u00f3n
\nAunque es buena se\u00f1al que el sistema pueda ser usado sin documentaci\u00f3n, puede ser necesario proveer cierto tipo de ayuda. Cualquier informaci\u00f3n debe ser f\u00e1cil de buscar, especificar los pasos que ser\u00e1n necesarios para realizarla y no ser muy amplia.<\/p>\n
ARQUITECTURA DE UN SITIO WEB<\/p>\n
La usabilidad web es aplicable tanto a un simple bot\u00f3n, como al texto, como a las im\u00e1genes, los archivos de audio o a toda la web. A veces puede no ser un elemento concreto el que falla, sino toda la arquitectura de una web.En este sentido, es destacable que se pueden establecer tendencias en arquitectura de la informaci\u00f3n, creadas a partir de la experiencia de los usuarios y a partir de los sucesivos dise\u00f1os por los que apuestan diversas entidades.La estructura que se muestra a continuaci\u00f3n, realizada por C\u00e9sar Mart\u00edn, muestra una tendencia reconocible en muchas webs actuales. El logotipo a la izquierda, una cabecera a la derecha, una ruta que indica al usuario d\u00f3nde se encuentra. Un men\u00fa lateral izquierdo que incluye el buscador y la parte central dedicada al contenido.<\/p>\n
home page de granma.cu<\/p>\n
Evidentemente esta estructura puede modificarse en funci\u00f3n de necesidades espec\u00edficas, pero es una buena gu\u00eda que, en caso de seguirse, asegura el cumplimiento de unos requisitos m\u00ednimos en cuanto a usabilidad. (Tomado de un estudio sobre Usabilidad Web realizado en 2003 por NetIdea)<\/p>\n","protected":false},"excerpt":{"rendered":"
La usabilidad web es aplicable tanto a un simple bot\u00f3n, como al texto, como a las im\u00e1genes, los archivos de audio o a toda la web. A veces puede no ser un elemento concreto el que falla, sino toda la arquitectura de una web. Tomado de NetIdea. www.netydea.com Como ya se ha comentado, la usabilidad […]<\/p>\n","protected":false},"author":2741,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8715],"tags":[2307],"class_list":["post-59","post","type-post","status-publish","format-standard","hentry","category-hace-poco","tag-diseno"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/bbarrera\/wp-json\/wp\/v2\/posts\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/bbarrera\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/bbarrera\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/bbarrera\/wp-json\/wp\/v2\/users\/2741"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/bbarrera\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":0,"href":"https:\/\/blog.espol.edu.ec\/bbarrera\/wp-json\/wp\/v2\/posts\/59\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/bbarrera\/wp-json\/wp\/v2\/media?parent=59"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/bbarrera\/wp-json\/wp\/v2\/categories?post=59"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/bbarrera\/wp-json\/wp\/v2\/tags?post=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}