Programa de Formacin: ANLISIS Y DESARROLLO DE SISTEMAS DE INFORMACIN Nombre del Proyecto: SISTEMATIZACION DE PROCESOS ADMINISTRATIVOS PARA PYMES V3 Fase

del proyecto: Desarrollo

Cdigo: 922502 Versin: 101 Cdigo: 203061

Actividad (es) de Aprendizaje: Actividad (es) del Proyecto: Construir el prototipo del sistema diseando la base de datos y la interfaz del usuario Disear Interfaz para un Sitio Web en HTML, aplicando principios de usabilidad en un tiempo no mayor a 15 minutos y con cero errores. Competencia: Disear el sistema de acuerdo con los requerimientos del cliente

Resultados de Aprendizaje: Construir el prototipo del sistema de informacin, a partir del anlisis de las caractersticas funcionales del sistema en relacin con facilidad de manejo, funcionalidad y experiencia del usuario, apoyado en software aplicado segn protocolos de diseo.

Parece ser que hoy en da la usabilidad se ha convertido en un elemento clave del diseo de sitios web, no solo por ser uno de los factores indirectos que afectan en el posicionamiento de un site, sino porque cada vez cobra ms importancia como un punto importante en la estrategia de negocio de muchas empresas, grandes o pequeas. Y es que en el entorno virtual no pierde vigencia la mxima de que "el cliente siempre tiene la razn". No hay duda, una mayor satisfaccin del usuario se traduce en un mayor beneficio, y es que el usuario que se siente cmodo en nuestra web sabr sacar provecho de la misma, usarla para lo que desea... y por ello, seguramente, volver. "Usabilidad es la eficacia, eficiencia y satisfaccin con la que un producto permite alcanzar objetivos especficos a usuarios especficos en un contexto de uso especfico" Es una definicin centrada en el concepto de calidad en el uso, es decir, se refiere a cmo el usuario realiza tareas especficas en escenarios especficos con efectividad.

Otros aspectos de la usabilidad

A partir de la conceptualizacin llevada a cabo por la ISO, se infieren los principios bsicos en los que se basa la usabilidad:4

Facilidad de Aprendizaje: facilidad con la que nuevos usuarios desarrollan una interaccin efectiva con el sistema o producto. Est relacionada con la predicibilidad, sintetizacin, familiaridad, la generalizacin de los conocimientos previos y la consistencia. Facilidad de Uso: facilidad con la que el usuario hace uso de la herramienta, con menos pasos o ms naturales a su formacin especfica. Tiene que ver con la eficacia y eficiencia de la herramienta. Flexibilidad: relativa a la variedad de posibilidades con las que el usuario y el sistema pueden intercambiar informacin. Tambin abarca la posibilidad de dilogo, la multiplicidad de vas para realizar la tarea, similitud con tareas anteriores y la optimizacin entre el usuario y el sistema. Robustez: es el nivel de apoyo al usuario que facilita el cumplimiento de sus objetivos. Est relacionada con la capacidad de observacin del usuario, de recuperacin de informacin y de ajuste de la tarea al usuario.

En informtica, la usabilidad est muy relacionada con la accesibilidad, hasta el punto de que algunos expertos consideran que una forma parte de la otra o viceversa. Uno de estos expertos ygur de la usabilidad en los entornos web es Jakob Nielsen, quien defini la usabilidad en el 2003 como "un atributo de calidad que mide lo fciles de usar que son las interfaces web". Otra definicin clarificadora es la de Redish (2000), para quien es preciso disear sitios web para que los usuarios sean capaces de "encontrar lo que necesitan, entender lo que encuentran y actuar apropiadamente dentro del tiempo y esfuerzo que ellos consideran adecuado para esa tarea". La usabilidad por lo tanto se dirige a conseguir el objetivo de satisfacer ms a los usuarios, con un sitio web ms eficaz y eficiente. Fuera del mbito informtico, la usabilidad est ms relacionada con la ergonoma y los factores humanos. La ergonoma parte de los principios del diseo universal o diseo para todos. La buena ergonoma puede lograrse mediante el diseo centrado en el usuario (que no necesariamente dirigido por l), aunque se emplean diversas tcnicas. El diseador de ergonoma proporciona un punto de vista independiente de las metas de la programacin porque el papel del diseador es actuar como defensor del

usuario. Por ejemplo, tras interactuar con los usuarios, el diseador de ergonoma puede identificar necesidades funcionales o errores de diseo que no hayan sido anticipados. La ergonoma incluye consideraciones como:

Quines son los usuarios, cules sus conocimientos, y qu pueden aprender? Qu quieren o necesitan hacer los usuarios? Cul es la formacin general de los usuarios? Cul es el contexto en el que el usuario est trabajando? Qu debe dejarse a la mquina? Qu al usuario?

Las respuestas a estas preguntas pueden conseguirse realizando anlisis de usuarios y tareas al principio del proyecto. Otras consideraciones incluyen:

Pueden los usuarios realizar fcilmente sus tareas previstas? Por ejemplo, pueden los usuarios realizar las tareas previstas a la velocidad esperada? Cunta preparacin necesitan los usuarios? Qu documentacin u otro material de apoyo estn disponible para ayudar al usuario? Puede ste hallar las respuestas que buscan en estos medios? Cules y cuntos errores cometen los usuarios cuando interactan con el producto? Puede el usuario recuperarse de los errores? Qu han de hacer los usuarios para recuperarse de los errores? Ayuda el producto a los usuarios a recuperarse de los errores? Por ejemplo, muestra el software mensajes de error informativos y no amenazantes? Se han tomado medidas para cubrir las necesidades especiales de los usuarios con discapacidades? (Es decir, se ha tenido en cuenta la accesibilidad?)

Ejemplos de tcnicas para hallar respuesta a estas y otras cuestiones son: anlisis de requisitos enfocado al usuario, construccin de perfiles de usuarios y pruebas de usabilidad. Reglas de usabilidad web Existen 5 principales reglas que adaptadas a una web, se les puede considerar como un web "usable". Rpido - Las pginas deben cargarse en una media de 4 segundos. Los usuarios lo ms que esperarn en ver el contenido de una pgina web es de una media de 10 segundos. - La mayora de los usuarios disponen de moden para su acceso a internet, por lo que nuestras pginas deben de ser lo menos pesadas posibles con el fin de que los usuarios no esperen mucho tiempo, porque de lo contrario cancelarn la visita.

Simple - Mantenga una navegacin constante. No fuerce a los visitantes a aprender diversos caminos o esquemas para la navegacin en diversas partes de su site. - No abuse de la utilizacin de la animacin, esto puede abrumar y cansar la vista. Investigable - Los motores de bsqueda buscan el texto real. No prestan ninguna atencin a los grficos y al cdigo de programacin (como el Javascript). Evite estas situaciones si desea que su web est bien posicionada en los buscadores. Para la mayora - Los sites necesitan ser compatibles con todos los navegadores y ordenadores para su fcil usabilidad. - Utilice HTML simple y llano siempre que sea posible, es el ms compatible con todos los navegadores. Mantngalo actualizado - La manera ms rpida para que una web pierda credibilidad es contener la informacin anticuada. Beneficios de la usabilidad Entre los principales beneficios se encuentran:4

Reduccin de los costes de aprendizaje y esfuerzos. Disminucin de los costes de asistencia y ayuda al usuario. Disminucin en la tasa de errores cometidos por el usuario y del retrabajo. Optimizacin de los costes de diseo, rediseo y mantenimiento. Aumento de la tasa de conversin de visitantes a clientes de un sitio web. Aumento de la satisfaccin y comodidad del usuario. Mejora la imagen y el prestigio. Mejora la calidad de vida de los usuarios, ya que reduce su estrs, incrementa la satisfaccin y la productividad.

Todos estos beneficios implican una reduccin y optimizacin general de los costes de produccin, as como un aumento en la productividad. La usabilidad permite mayor rapidez en la realizacin de tareas y reduce las prdidas de tiempo. Un caso real, despus de ser rediseado prestndose especial atencin a la usabilidad, el sitio web de IBM increment sus ventas en un 400% (InfoWorld, 1999). Opiniones de Jakob Nielsen Jakob Nielsen, considerado el padre de la Usabilidad, la defini como el atributo de calidad que mide lo fciles de usar que son las interfaces web. Es decir un sitio web usable es aqul en el que los usuarios pueden interactuar de la forma ms fcil, cmoda, segura e inteligentemente posible. No slo la tecnologa y el aspecto grfico son factores determinantes para hacer un sitio web llamativo. Es importante que cumpla con las siguientes caractersticas:

Entendible Novedoso Comprensible Inteligente Atractivo

Es decir la finalidad, en este caso de un sitio web, es lograr que el usuario encuentre lo que busca en el menor tiempo posible. La Usabilidad de un sitio web est determinada por sus contenidos, entre ms cercanos estn al usuario, mejor es la navegacin por el mismo y ms acertada ser la experiencia al enfrentarse a la pantalla. Lgicamente es imposible crear un sitio web ciento por ciento perfecto y en ptimas condiciones, pues no se puede agradar al mismo tiempo a millones de usuarios, sin embargo, los diseadores y creadores deben tratar de mostrar todos los elementos de una manera clara y concisa, minimizando el nmero de clics y de scroll. En ocasiones los cibernautas se enfrentan a sitios webs de altsima calidad y contenido, pero que presentan dificultades en su contenido. Por ejemplo, que los menes son de difcil ubicacin, o que la herramienta de bsqueda no aparece en un lugar visible. Aunque no hay estndares definidos para la Usabilidad, depende en cierta forma del espacio donde se desenvuelve el navegante. Pero lo importante en este caso es que el usuario no se deje consumir ni dominar por el sitio, es decir que sea l mismo que tome el control de la navegacin por medio de un aprendizaje sencillo y el dominio de los elementos necesarios, para encontrar finalmente y en el menor tiempo posible, lo que busca. Un buen sitio Web debe responder a las necesidades del usuario. En una comunidad virtual donde confluyen diferentes culturas e intereses, el contexto en el que se desenvuelven los miembros de un grupo virtual, o comunidad, no puede generar molestias en el momento de la navegacin. Un error recurrente de los creadores y diseadores de sitios Web, es querer imponer sus decisiones y criterios sin pensar en el usuario. Por eso en el momento de disear el sitio e introducir contenidos, siendo est ltima labor de los editores, y no de los diseadores, es importante pensar en el otro. http://es.wikipedia.org/wiki/Usabilidad#Reglas_de_usabilidad_web

Reglas de Oro

1. Diseo: adecuado, al producto o servicio que se vende. 2. Identidad clara del sitio web y zonas: logo, slogan, quienes somos, contacto, ayuda. 3. Imgenes: que aporten y complementen la comprensin del contenido textual, y no exclusivamente decorativas. 4. Luminancia: contraste adecuado para la navegacin y los objetivos. 5. Jerarqua: men coherente y pginas con ttulos, subttulos y arquitectura correcta de la informacin. 6. Enlaces: autoexplicativos y que predicen lo que ocurrir. 7. Adaptacin: a dispositivos, navegadores, resoluciones de pantalla y sistemas operativos. 8. Lenguaje: adecuado al pblico y no excesivamente tcnico. 9. Formularios: con buenas validaciones para errores, ejemplos, etiquetas explicativas, tabulacin correcta. 10. Arquitectura: mapa web de contenido bien organizado y navegacin lgica.

Pon el contenido ms significativo al principio de la pgina. Los usuarios no leen las pginas web sino que las escanean en busca de informacin, de algo que les llame la atencin o que les ayude a identificar lo que estn buscando. Una pgina sin ningn elemento destacado es como una gran mancha gris en la pantalla, estructurando el contenido mediante encabezados y prrafos ayudamos a romper esa mancha visual y a crear focos de atencin que ayudan al usuario a seguir leyendo. Al insertar encabezados en el texto, igual que ocurre con la prensa escrita, hay que crear una jerarqua visual en la que los encabezados principales tengan un cuerpo de letra ms grande que el resto del texto. En el que caso de que haya encabezados secundarios, tendrn que ser ms pequeos pero claramente destacados. Es aconsejable que estn alineados a la izquierda, y escritos en minscula. Es recomendable que los prrafos sean cortos y que contengan una idea o tema en cada uno de ellos.

Otros elementos que podemos utilizar para estructurar el contenido son las listas y el uso de la negrita, que crea focos de atencin que ayudan al lector a localizar las palabras clave de la pgina. Hay que tener especial cuidado con el ttulo de la pgina, porque sirve de enlace en los listados de resultados de los buscadores. Tiene que ser lo suficientemente descriptivo tanto para que nos identifique, como para que el usuario sepa de qu va y si se ajusta a sus expectativas.

Instructora: Nadia Lorena Jimnez Barrera