Servicio Nacional de Aprendizaje (SENA)

APERTURA USABILIDAD DEL PROYECTO DE FORMACIN

SERVICIO NACIONAL DE APRENDIZAJE (SENA)

CENTRO DE SERVICIOS FINANCIEROS

ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACIN (ADSI)

Equipo de Desarrollo:

ELKIN MOSQUERA MOSQUERA

Documento de Tema de Proyecto de Desarrollo

Medelln Antioquia, Colombia
Ao 2016

APERTURA USABILIDAD PROYECTO DE FORMACIN

La usabilidad es uno de los factores de xito ms importantes de una pgina

web. Cuidar la usabilidad beneficia a todos: ahorra costes en el lado de la
produccin, y garantiza el retorno de la inversin del dueo de la web y la
satisfaccin de sus usuarios. El concepto de usabilidad se refiere a la facilidad
con la que el usuario utiliza una web y define, por tanto, la calidad de dicha
web, el grado en el que sta cumple la funcin para la que fue creada.

Toda pgina web se crea para ser visitada por la mayor cantidad posible de
usuarios y durante el mayor tiempo posible. Si hablamos de webs que venden
productos/servicios, el objetivo ser conseguir ventas y fidelizar al cliente para
que vuelva a visitarnos y a comprar. En todos los casos, una pgina web debe
mostrarse al usuario con la mayor rapidez, sencillez y claridad posible. Un gran
ejemplo de estas cualidades es la web de Apple:

La web de Apple es un ejemplo de buena usabilidad, rpida, sencilla y clara.

La pgina de Apple roza la perfeccin: se carga volando, el contenido es
sencillo y claro... Casi perfecta.

La web de Zara tambin sorprende por su sencillez. En usabilidad funciona la

mxima menos es ms. No hay ms que ver a estas dos grandes empresas,
llenar tu web de contenidos no te har parecer ms grande. Todo lo contrario.

La pgina web de Zara es muy sencilla y la navegacin muy rpida.

La web de Zara muestra sus miles de productos con una sencillez asombrosa.
La navegacin va como la seda.
Rapidez de carga, lo primero
Lo ms importante en trminos de usabilidad es la rapidez. Los internautas son
implacables: si una web tarda unos pocos segundos de ms (segundos) en
cargar, se pueden ir a la competencia. Lo mismo dentro de la web: si la
navegacin entre diferentes secciones es pesada se irn. Una web de calidad
carga en menos de cuatro segundos. Ms tiempo que eso es un fracaso.

Para que una web cargue rpido es esencial que los contenidos sean ligeros y
lo menos posibles. Nada de animaciones flash, vdeos, canciones u otras
porqueras que lo nico que hacen es ralentizarlo todo. La simplicidad es la
clave: contar lo justo y necesario, y organizarlo de manera que el usuario se

sienta cmodo y guiado por nuestra web. El usuario debe sentir que controla
la web y no al contrario.

Paradjicamente, lo sencillo cuesta ms que lo complejo. Las siguientes web

son un ejemplo de lo que NO se debe hacer:

Una pgina web diseada sin tener en cuenta la usabilidad.

La pgina del municipio Sant Andreu de Palomar. Creo.

Pgina web diseada sin tener en cuenta la usabilidad.

Web inglesa de algo relacionado con coches. Una pesadilla.

Pgina web diseada sin tener en cuenta la usabilidad.

Esta parece ser de transporte. La organizacin de contenidos es nefasta.

Otro aspecto importante es la adaptabilidad de la web a los diferentes

navegadores, tamaos de pantalla y dispositivos. Una buena pgina se adapta
a todo, se ve bien en todas las situaciones. No sirve de nada una pgina
fantstica en un porttil de 19 pulgadas si no se distingue nada en tamao
tablet o mvil.

Hay un libro sobre estas cuestiones cuyo ttulo es de lo ms esclarecedor: No

me hagas pensar, de Steve Krug. De eso se trata: de no hacer pensar al
usuario, de llevarle por la senda que nos interesa que recorra. Que no se nos
pierda en un batiburrillo de cosas. Que se quede con nosotros, que vuelva, que
nos recomiende. La propia web de Krug (abajo) es un gran ejemplo de cmo
presentar diferentes contenidos sin volver loco al internauta:

Pgina web muy buena en usabilidad

'Advance Common Sense', 'sentido comn avanzado'. La usabilidad tiene
mucho de eso.
Para terminar, una web diseada a propsito con todo aquello que se debe
evitar si queremos que nuestra pgina tenga xito. Si tu web se parece en algo
a lo siguiente, necesitas una nueva: