Anlisis de la usabilidad en el diseo de sitios web

Autor: lvarez Mendoza Jean Pierre

Docente: David Wong Aitken

Trujillo Per 2011

Universidad Privada del Norte 1

Agradecimiento:

Biblioteca Amigos

Dedicatoria:

Agradezco a los que hicieron posibles que este trabajo fuese realizado.

Universidad Privada del Norte

Resumen

El presente informe se refleja la investigacin hecha sobre El anlisis de la usabilidad en el diseo de sitios web con la intencin de conocer e indagar ms sobre las caractersticas de la usabilidad en el diseo web y as brindar informacin a los interesados en estos temas

Abstract

This work show the research about the analysis of usability in web site design , where it has the investigation about how useful is the usability in web sit design and show others some information that will find handful.

Universidad Privada del Norte

ndice:

RESUMEN-----------------------------------------------------------------------------------------3 ABSTRACT----------------------------------------------------------------------------------------3 1.- INTRODUCCIN-----------------------------------------------------------------------------5 1.1.- Objetivos ----------------------------------------------------------------------------5 1.1.1.- Objetivos Generales----------------------------------------------------5 1.1.2.- Objetivos Especficos--------------------------------------------------5 2.- MARCO TEORICO----------------------------------------------------------------------------5 2.1.- Qu es un sitio web?------------------------------------------------------------5 2.2.- Qu es la usabilidad?-----------------------------------------------------------6 2.3.- Errores en el diseo de sitios web---------------------------------------------7 2.4.- Diseo de interfaces --------------------------------------------------------------8 2.5.-Factores de la Experiencia del Usuario---------------------------------------9 2.6.- Experiencias de Usuario---------------------------------------------------------10 2.7.- Ergonoma cognitiva y usos comunes en Internet----------------------11 2.8.- Diseo pgina web----------------------------------------------------------------12 3.- CONCLUSIONES-----------------------------------------------------------------------------13 4.- RECOMENDACIONES----------------------------------------------------------------------13 5.- REFERENCIAS BIBLIOGRAFICAS------------------------------------------------------13 6.-ANEXOS-----------------------------------------------------------------------------------------14 6.1.-ndice de Figuras-------------------------------------------------------------------15

Universidad Privada del Norte

1.-INTRODUCCION

1.1.-Objetivos

1.1.1.-Objetivo General Analizar la usabilidad en el diseo de sitios web.

1.1.2.-Objetivos Especficos Proveer informacin a usuarios interesados en la usabilidad en sitios web

2.-MARCO TEORICO

2.1.- Qu es un sitio web? Un sitio web es un sitio en la World Wide Web o Red de Telaraa Mundial, mejor conocida como internet donde cada sitio Web contiene una pgina principal, que es el primer documento que los usuarios ven cuando entran al sitio web. El sitio web tambin puede contener documentos y archivos de diferentes tipos y con diferentes contenidos. Cada sitio pertenece y es administrada por una persona, empresa u organizacin.

Universidad Privada del Norte

2.2.- Qu es la usabilidad? La usabilidad se refiere a la claridad y la elegancia con que se disea la interaccin con un programa de ordenador o un sitio web. Tambin es usado en el contexto de productos como la electrnica de consumo o en reas de comunicacin, y en objetos que transmiten conocimiento (por ejemplo, un libro de recetas o un documento de ayuda en lnea). Tambin puede referirse al diseo eficiente de objetos mecnicos como, por ejemplo, un manubrio o un martillo. Es decir, el concepto de usabilidad se refiere a una aplicacin (informtica) de (software) o un aparato (hardware), aunque tambin puede aplicarse a cualquier sistema hecho con algn objetivo particular. Hoy en da uno de los gurs en este mbito es Jakob Nielsen quien fue uno de los primeros en escribir un libro acerca del anlisis de la usabilidad en el diseo de sitios web. Nielsen define la usabilidad como:

Usabilidad es un atributo de calidad que mide lo fciles de usar que son las interfaces web.

El grado de usabilidad de un sitio web se basa en normas bsicas de diseo para que una pgina web como: Textos ms legibles (tipos y tamao de letra, contraste texto/fondo, textos ms cortos). Organizacin de las pginas (Arquitectura de la Informacin). Descarga rpida de las pginas (poco peso de las imgenes y ficheros vinculados, buen etiquetado). Que sea accesibilidad.

Universidad Privada del Norte

2.3.-Errores en el diseo de sitios web Combinaciones ilegibles de texto y fondo: Su lectura requiere esfuerzo y produce en ocasiones dolor de cabeza. Diseo de pginas: El usuario debe tener una experiencia optima en circunstancias reales. Creacin de contenido: Textos para escanear con la mirada, no para leer. Explotacin de hipertextos. Estrategia de vinculacin: Se suele poner textos para que vinculen a otros sitios y puntos de entrada dando lugar a que otros coloquen los suyos. Ventanas dentro de una ventana o iFrames de HTML: Es extremadamente difcil de navegar y no se les puede aplicar un diseo decente.

Figura 1 Universidad Privada del Norte 7

Intro animado: Lenta descarga de lso sitios webs debido a sobrecarga del peso en las imgenes.

Figura 2

2.4.- Diseo de interfaces Las interfaces realizan un dilogo (interaccin) entre la persona y un sistema interactivo y un producto inteligente.

Por ejemplo, la primera interfaz grfica de usuario fue diseada por Xerox en los aos 70. Pero no fue hasta los 80 cuando Apple las hizo mundialmente populares en sus ordenadores, posteriormente fueron copiadas por Microsoft con sus "Windows".

Figura 3

Universidad Privada del Norte

1. Puntero: 2. Iconos: imgenes que representan comandos, documentos o ventanas. 3. Escritorio: representa una mesa de trabajo. 4. Ventanas: dividen la pantalla en diferentes secciones. 5. Mens: ejecutar comandos seleccionando opciones en ellos.

Figura 4

2.5.-Factores de la Experiencia del Usuario Clasifican los diferentes factores en cinco grupos diferenciados: factores propios del usuario, factores sociales, culturales, del contexto de uso y propios del producto.

Figura 5

Universidad Privada del Norte

2.6.- Experiencias de Usuario

En Arhippainen y Thti definen la Experiencia del Usuario como la experiencia que obtiene el usuario cuando interacta con un producto en condiciones particulares. En knapp Bjern lo definen como El conjunto de idas, sensaciones y valoraciones del usuario resultado de la interaccin con un producto

Aspectos Visuales -Esttica, entradas y respuestas

Tcnicas de Interaccin -Organizacin del men -Organizacin de bonotes

Programacin -Elemento necesario para cumplir tareas, sus propiedades, comportamientos y relaciones.

Figura 6

Universidad Privada del Norte

10

2.7.- Ergonoma cognitiva y usos comunes en Internet Es el estudio de todas las actividades humanas (capacidades y limitaciones) relacionadas con el conocimiento y el procesamiento de la informacin que influyen o estn influidas por el diseo de mquinas y objetos que usan las personas. Se centra en especificar y dar recomendaciones de adaptacin del diseo de soportes de informacin a ciertas caractersticas del usuario tales como: - Procesos de input perceptivo (deteccin, clasificacin, reconocimiento de patrones, etc.) - Procesamiento cognitivo central (memoria, razonamiento, resolucin de problemas, etc.) - Procesos perceptivo-motores (ms relacionados con los sistemas de respuesta y ejecucin) Objetivos de la ergonoma -Mejorar el rendimiento, la productividad y eficiencia con la tarea. -Mejorar la seguridad. -Mejorar el confort

Figura 7 Universidad Privada del Norte 11

2.8.- Diseo pgina web Se debe considerar el diseo de la pgina de tal forma que sea fcil de usar y comprensible para todos los usuarios.

Figura 8

Universidad Privada del Norte

12

3.- CONCLUSIONES

La experiencia de Usuario es el resultado de un fenmeno interactivo donde intervienen factores: individuales, sociales, culturales, contextuales y propios del producto. Se concluy que la usabilidad es realmente importante considerar para el diseo de un sitio web. Se debe considerar ms an lo errores en la net ya que as se puede disear un sitio web que sea cmodo para el usuario.

4.- RECOMENDACIONES

Sitios Webs compatibles con todos los navegadores y Sistemas Operativos. Separar contenido de la presentacin. Tiempo de respuesta entre 1seg a 10 seg. Pedir a expertos que analicen la usabilidad de tu pgina web y cul es la mejor forma de disearla de acuerdo al tipo de sitio que se disear

5.- REFERENCIAS LINKOGRAFICAS http://www.anomacayou.com/index.php?m=nota&id_nota=1349 http://www.nosolousabilidad.com/articulos/experiencia_del_usuario.htm http://usalo.es/117/usabilidad-para-principiantes/

Universidad Privada del Norte

13

6.-ANEXO

6.1.-ndice de Figuras. I. II. III. IV. V. VI. VII. VIII. Figura 1: Ventanas dentro de una ventana. ----------------------------7 Figura 2: Intro animado. -------------------------------------------------------8 Figura 3: Diseo de interfaces. ----------------------------------------------8 Figura 4: Diseo de interfaces. ----------------------------------------------9 Figura 5: Factores de la Experiencia del Usuario.---------------------9 Figura 6: Experiencias de Usuario------------------------------------------10 Figura 7: Ergonoma cognitiva y usos comunes en Internet.-----11 Figura 8: Diseo de pgina web.--------------------------------------------12

Universidad Privada del Norte

14