UNIVERSIDAD NACIONAL JORGE BASADRE

GROHMANN
Facultad de Ingeniera
Escuela Acadmico Profesional de Ingeniera en Informtica y
Sistemas

TRABAJO ENCARGADO DEL CURSO DE INGENIERA DE

SOFTWARE II

Analisis de Edificacionesincasa.net
Presentada por:
Jhira Berthzal Roque Crdenas
Roco Elizabeth Paria Paredes
Grunddy Kenyu Yaipen Chiro
William Rufino Ramos Mendoza

Docente:
Ing. Gianfranco Mlaga Tejada

TACNA - PER
Mayo del 2016

TABLA DE CONTENIDO

INTRODUCCIN________________________________________________________2
OBJETIVOS____________________________________________________________3
GENERALES_________________________________________________________3
ESPECFICOS_________________________________________________________3
CAPTULO 1. MARCO TERICO__________________________________________4
1.1. USABILIDAD_____________________________________________________4
PRINCIPIOS GENERALES DE USABILIDAD EN SITIOS WEB_____________5
MTODOS DE PRUEBA Y EVALUACIN DE USABILIDAD PARA SITIOS
WEB_______________________________________________________________6
BENEFICIOS DE LA EVALUACIN DE USABILIDAD EN SITIOS WEB_____7
1.2. ACCESIBILIDAD__________________________________________________8
RECOMENDACIONES PARA ACCESIBILIDAD WEB_____________________8
NIVELES DE ACCESIBILIDAD________________________________________9
CAPTULO 2. ANLISIS DE REQUERIMIENTOS___________________________10
2.1. REQUERIMIENTOS FUNCIONALES_________________________________10
2.2. REQUERIMIENTOS NO FUNCIONALES_____________________________14
CAPTULO 3. USABILIDAD Y ACCESIBILIDAD____________________________15
BIBLIOGRAFA________________________________________________________17

INTRODUCCIN
"La usabilidad trata sobre el comportamiento humano; reconoce que el humano es
emotivo, no est interesado en poner demasiado esfuerzo en algo, y generalmente
prefiere las cosas que son fciles de hacer contra las que son difciles de hacer." David
McQuillen Taking Usability Offline" Darwin Magazine, Junio 2003
Edificaciones Inca S.A. es una empresa peruana fundada en el 2014 con el objeto de
dedicarse a la construccin y venta de departamentos. Al ingresar a su pgina web se
puede interactuar con su mltiple contenido.
El trabajo se centrar en el anlisis de la pgina web de Edificaciones Inca S.A., se
detallar cada requerimiento usado para elaborar la pgina web as como los diferentes
estndares usados.
Al final del trabajo se har una breve discusin y/o conclusin si la pgina web de
Edificaciones Inca S.A., est bien elaborada y si es fcil de usar por diferentes usuarios.

OBJETIVOS

GENERALES
Analizar y opinar sobre la pgina web del sistema de proyectos Edificacionesincasa.net
mediante mtodos de prueba y evaluacin de usabilidad para sitios web.

ESPECFICOS
Recolectar los posibles requerimientos que se plantearon a la hora de disear el sitio
web.
Observar

el

funcionamiento

comportamiento

Edificacionesincasa.net

del

sistema

de

proyectos

CAPTULO 1. MARCO TERICO

1.1. USABILIDAD
Usabilidad es un trmino adaptado de la palabra en ingls usability, para indicar que
algo se puede usar; la norma ISO 9241-11 dice que la usabilidad se refiere al alcance en
el que un producto puede ser utilizado por usuarios especficos para alcanzar metas
especficas con efectividad, eficiencia y satisfaccin en un contexto especfico de uso.
Que un producto sea usable implica que:
Pueda ser utilizado en forma adecuada, eficiente y satisfactoria por la mayora de los

posibles usuarios.
Sea tan fcil de aprender a usar que no requiere manuales.
Pueda ser utilizado por personas con diferentes habilidades o discapacidades.
Cualquier persona, sin importar su edad o cultura, pueda usarlo.
Evita que el usuario cometa errores.
Cuando nos referimos especficamente a un sitio Web o sistema usable, nos interesa que
sea:

Amigable con el usuario.

Fcil de usar.
Fcil de aprender.
La interaccin con el sistema debe ser acorde con las habilidades, capacidades y
costumbres del usuario para procesar la informacin, para lo que se necesita conocer al
grupo de usuarios y aplicando tcnicas de Diseo Centrado en el Usuario.
La norma ISO 13407 indica que el diseo centrado en el usuario se caracteriza por:
Involucrar activamente a los usuarios.
Un claro entendimiento de los requerimientos del usuario y la tarea final.
Una adecuada distribucin de las funciones entre los usuarios y la tecnologa.
4

 Iteracin de soluciones de diseo.

Diseo multidisciplinario
El diseo centrado en el usuario, y la usabilidad debe considerarse durante todo el
proceso de diseo, desde la planeacin del sitio Web hasta hacer el sistema, producto o
servicio disponible al pblico, e incluso una vez puesto en funcionamiento se debe dar
seguimiento para conocer si el sitio Web o sistema cubre los requerimientos de la tarea y
de los usuarios al trabajar en la realidad.

PRINCIPIOS GENERALES DE USABILIDAD EN SITIOS WEB

Existen diversos principios y guas para hacer sitios Web usables, entre las que podemos
destacar:
Anticipacin, el sitio Web debe anticiparse a las necesidades del usuario.
Autonoma, los usuarios deben tener el control sobre el sitio Web.
Los colores no deben dificultar el acceso a los usuarios con problemas de distincin de
colores.
Consistencia, las aplicaciones deben ser consistentes con las expectativas de los
usuarios y con su aprendizaje previo.
Los sitios Web se deben centrar en la productividad del usuario, no en la del propio sitio
Web.
Reversibilidad; se debe permitir deshacer las acciones realizadas; cuando el usuario
comete un error, el sistema ha de solucionar el problema, o sugerir soluciones posibles,
y no slo informar del error.
A menor distancia y mayor tamao para alcanzar un objeto con el mecanismo de
interaccin hay ms facilidad para usarlo.
Reduccin del tiempo de espera e informar al usuario del tiempo pendiente para la
finalizacin de la tarea.
Aprendizaje; los sitios Web deben requerir un mnimo proceso de aprendizaje y deben
poder ser utilizados desde el primer momento.
El uso adecuado de metforas facilita el uso y aprendizaje de un sitio Web.
Proteccin del trabajo de los usuarios; los usuarios no deben perder su trabajo como
consecuencia de un error.
Legibilidad; el color de los textos debe contrastar con el del fondo, y el tamao de
fuente debe ser adecuado.
5

 Seguimiento de las acciones del usuario. El conocer y almacenar informacin sobre su

comportamiento previo le permite realizar operaciones frecuentes de manera ms
rpida.
Interfaz visible. Se deben evitar elementos invisibles de navegacin que han de ser
inferidos por los usuarios, como los mens desplegables o indicaciones ocultas.
Los usuarios no deben sufrir sobrecarga de informacin. Cuando un usuario visita un
sitio Web y no sabe dnde comenzar a leer, existe sobrecarga de informacin.

MTODOS DE PRUEBA Y EVALUACIN DE USABILIDAD PARA SITIOS

WEB
Entre los mtodos de prueba y evaluacin de usabilidad para sitios Web se puede
mencionar:
La observacin de campo, que se aplica especialmente en el anlisis de tareas y en la
etapa final del proyecto, e incluso durante su implementacin. Para la observacin de
campo se recomienda que se realice para tres usuarios como mnimo.
Grupos de enfoque, que son aplicables especialmente en las etapas de anlisis de tareas
y determinacin de requerimientos. Se recomienda que el nmero de usuarios sea de
seis a nueve en cada grupo.
Evaluacin heurstica, aplicable al inicio del diseo, durante las iteraciones del proceso
de diseo y en la etapa anterior a la puesta en lnea. No requiere de la participacin de
usuarios ya que la realizan expertos.
Grabacin de entradas, de gran utilidad durante las pruebas finales y estudios de
seguimiento. Se recomienda que participen por lo menos veinte usuarios.
Encuestas, con especial aplicacin para conocer los requerimientos de los usuarios en la
etapa inicial del proyecto y en los estudios de seguimiento, una vez implementado el
producto. Se recomienda que sean cientos de usuarios los que participen.

BENEFICIOS DE LA EVALUACIN DE USABILIDAD EN SITIOS WEB

La evaluacin de la usabilidad durante el desarrollo, puesta en lnea y seguimiento de
sitios Web reporta importantes beneficios y ahorros tanto econmicos como en tiempo

para obtener productos que resulten de mayor utilidad, tanto para los usuarios como
para quienes desarrollan los sitios, como por ejemplo:
Para los usuarios:

Menor tiempo requerido para aprender a manejarse por el sitio Web.

Mayor rapidez en la ejecucin de las tareas.
Experiencia de uso ms satisfactoria.
Ms posibilidades de conseguir los objetivos marcados.
Para las empresas:

Mayor rapidez en el diseo y produccin (ayuda a determinar la direccin del diseo e

identificar los problemas).
Reduccin del costo de trabajos de rediseo posterior, centrndose en los usuarios
durante las fases iniciales de desarrollo.
Aumento de la tasa de conversin, en el caso de los sitios de comercio electrnico, con
el consiguiente aumento de las ventas.
Aumento de la satisfaccin de los usuarios.
Disminucin de costos en la atencin al cliente/ayuda.
Ventaja competitiva apoyndose en la calidad, mayor nmero de retencin de usuarios,
y lealtad de clientes.
Refuerzo de imagen de marca.

1.2. ACCESIBILIDAD
Por accesibilidad se entiende la posibilidad de que un producto o servicio Web pueda
ser accedido y usado, de forma independiente de las limitaciones propias del individuo o
de las derivadas del contexto de uso.
La distincin entre usabilidad, que implicara la facilidad de uso, y accesibilidad, no
solo es difcil, sino en muchos casos innecesaria; la accesibilidad debe ser entendida
como parte de, y al mismo tiempo requisito para la usabilidad.
Dentro de las limitaciones propias del individuo puede haber deficiencias visuales,
auditivas, motrices, cognitivas y de lenguaje, pero tambin puede tener limitaciones
derivadas del contexto de uso y del dispositivo de acceso empleado (hardware y/o
7

software), como puede ser el idioma, la experiencia o conocimientos previos. Por

ejemplo, comparten el mismo problema de visualizacin los usuarios con visin
reducida y los que, sin padecer discapacidad visual, utilizan pantallas pequeas o
accedan desde entornos llenos de humo.

RECOMENDACIONES PARA ACCESIBILIDAD WEB

Todos los elementos visuales, imgenes o animaciones, deben contar con una
descripcin de su funcin.
Incluir subttulos y transcripciones de los sonidos, y descripciones de los videos.
Usar texto que tenga sentido cuando se lea fuera de contexto.
Aplicar una apropiada organizacin de la pgina; usar encabezados, listas y estructura
consistente; usar tablas solo para presentar datos tabulares, as como hojas de estilo en
cascada donde sea posible.
Dar alternativas accesibles a los scripts, applets y plug-ins para los casos en que las
caractersticas activas sean inaccesibles o no soportadas.
Hacer las tablas de manera que se puedan leer lnea por lnea, y aadir un resumen.

NIVELES DE ACCESIBILIDAD
El World Wide Web Consortium (W3C) es una organizacin internacional fundada en
octubre de 1994, que agrupa a ms de 350 organizaciones en todo el mundo, y tiene la
finalidad de desarrollar especificaciones, guas, software y herramientas para que las
tecnologas Web sean compatibles entre s.
En el caso de la accesibilidad Web ha desarrollado la primera versin de las guas de
contenido accesible en Web, donde establece tres niveles calificacin de accesibilidad
para los sitios.
Estas guas (Web Content Accessibility Guidelines 1.0) y la calificacin de accesibilidad
para los sitios se pueden consultar en el sitio Web de la W3C.

CAPTULO 2. ANLISIS DE REQUERIMIENTOS

2.1. REQUERIMIENTOS FUNCIONALES

El usuario como primer requerimiento quiere su sistema se encuentre basado en un

diseo web.
Otro requerimiento que el dueo desea, es mostrar mediante el formulario principal en
qu consiste la empresa, los proyectos que realiz, si estn vendidos o si an estn en
venta. Adems, una manera de contactarse con ellos, mediante correo, telfono y/o redes
sociales.

Figura 1 Pagina Web Edificaciones Inca S.A.

Tambin, detallar en qu consiste cada proyecto (residencial). Quiere mostrar la

cantidad de departamentos que tiene cada residencial, qu tipo de departamento, si es
dplex o flat, si cuenta con estacionamiento, cmaras de vigilancia, sistemas contra
incendio, ascensor, construccin antissmica y azotea.
De cada departamento, en general, especificar su rea total, la cantidad de dormitorios,
los baos y si cuenta con garaje. Y si el departamento cuenta con otros servicios
particulares, mostrarlo de igual manera.

10

Figura 2 Proyectos de Edificaciones S.A.

11

Figura 3 Caractersticas de los departamentos

12

Que el usuario pueda contactar a la empresa mediante el correo para especificar y

detallar qu es lo que desea saber o si tiene alguna inquietud sobre el proyecto.
Tambin, brindar la ubicacin de la empresa para que el usuario pueda ir personalmente
para cualquier consulta.

Figura 4 Formulario de Contacto

Es el formulario en el cual la empresa muestra lo que quiere lograr al realizar sus

proyectos, teniendo un enfoque en la comodidad del usuario.

Figura 5 Formulario de Descripcin de la Empresa

13

2.2. REQUERIMIENTOS NO FUNCIONALES

Los requerimientos no funcionales son:

Administrar y tener un mantenimiento constante del sitio web.

Rapidez a la hora de buscar los proyectos y detalles de cada uno.
Seguridad al momento en el que el usuario nos brinda su informacin.

14

CAPTULO 3. USABILIDAD Y ACCESIBILIDAD

Como la ISO/IEC 91261: 2001 presenta el modelo de calidad que clasifica la calidad
del software en un conjunto estructurado de caractersticas: funcionalidad, fiabilidad,
usabilidad, eficiencia, mantenibilidad y portabilidad. Por ello la usabilidad se divide en
las siguientes subcaractersticas que sern aplicadas al anlisis de la pgina web
Edificaciones Inca S.A :
Fcil de aprender: Su manejo no es complicado por el mnimo uso del mouse y teclado.
Fcil de entender: Al momento de ingresar a la pgina, se puede observar las distintas
funciones que ofrece la empresa lo que hace fcil su entendimiento.
Fcil de operar: capacidad del producto de ser operado y controlado en cualquier
momento.
Atractivo: La interfaz que presenta la pgina web es atractiva a la vista del usuario por
la combinacin de colores.
Conformidad: Adherirse a estndares, convenciones, guas de estilo o regulaciones
relacionadas con la usabilidad.

Tiempo de carga
Dentro de la usabilidad tiene que haber un tiempo menor de carga de la pgina:

15

Figura 6 Ttiempo de carga de pgina Web Edificaciones S.A.

Como se observa la carga de la pgina dura un promedio de 3,56 segundos, teniendo en

cuenta que las normas internacionales al respecto indican que un usuario no esperar
ms de 5 segundos para que aparezca algo visible en la pantalla.

Manejo del color

Sobre el manejo del color es necesario decir que no hay como establecer estndares para
la eleccin y el uso del color pues es muy subjetivo y depende del equipo de trabajo que
elabore la interfaz, el cual tiene la potestad de aprobar o desaprobar el uso que se haga
del mismo; cada color tiene un significado y expresa una sensacin agradable o
desagradable, fra o clida, positiva o negativa.
Se debe mantener una coherencia y uniformidad en las estructuras y colores de todas las
pginas. Esto sirve para que el usuario no se desoriente en su navegacin.
Los colores fuente-fondo se ha demostrado que es ms saludable para la vista leer texto
negro sobre fondo blanco.
Es evidente el uso de colores fros en la pgina web y esto se debe a que la mayora de
imgenes de las construcciones son de colores clidos y para poder tener una
experiencia buena en la visualizacin de colores en la pgina tiene que haber contraste
entre colores el cual est bien utilizado en la pgina. Se ve una gran armona entre los
colores de las letras y los fondos.

16

BIBLIOGRAFA

Carreras Montoto, O. (15 de Marzo de 2012). UssableAccesible. Obtenido de

Olga Carreras: http://olgacarreras.blogspot.pe/2012/03/estandares-formales-deusabilidad-y-su.html#cap321

Estrategia,

S.

C.

(s.f.).

Edificaciones

Inca

S.A.

Obtenido

de

http://www.edificacionesincasa.net

Martnez de la Teja, G. M. (s.f.). Semac. Obtenido de DISEO ERGONMICO

PARA

ESTACIONES

DE

TRABAJO

CON

COMPUTADORAS

Tools.

Obtenido

http://www.semac.org.mx/archivos/6-11.pdf

PingDom.

(s.f.).

PingDoom

http://tools.pingdom.com/fpt/#!/cZeZtC/http://www.edificacionesincasa.net/

17

de