Trabajo Colaborativo 1

301569 Evaluacin de Software

Grupo N 6

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA

EVALUCAIN DE SOFTWARE

Trabajo Colaborativo 1
Aporte Individual

Presentado por:
OSCAR JOS RAMREZ CARDONA - Cd.: 79810115

Tutor
FRANCISCO NICOLAS SOLARTE

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD

INGENIERIA DE SISTEMAS
Septiembre de 2014

Trabajo Colaborativo 1
301569 Evaluacin de Software
Grupo N 6

Introduccin
Dada la rapidez del avance informtico en el que vivimos actualmente, se hace notable en el
hecho de pasar en muy poco tiempo de una programacin en cdigos de lnea de comando a
programaciones grficas orientadas a objetos brindando un desarrollo ms rpido y atractivo
para el usuario final.
A pesar de tantas ventajas algunos programadores y diseadores se olvidan de la calidad del
producto final, no solo deben fijarse en la calidad grfica o la velocidad de respuesta, hay que
tener en cuenta la accesibilidad y que los procesos o consultas puedan hacerse de forma
intuitiva, ya que el usuario no est todo el tiempo acompaado del diseador para guiarlo a
travs del aplicativo.
A continuacin veremos algunos aspectos a tener en cuenta basados en los estndares
consignados en la NTC 5854, ISO 9126 y los lineamientos de Gobierno en lnea entre otros.

Trabajo Colaborativo 1
301569 Evaluacin de Software
Grupo N 6

Objetivos
Conocer la normatividad vigente sobre el diseo de sitios web.
Fomentar y promover el trabajo en grupo.

Trabajo Colaborativo 1
301569 Evaluacin de Software
Grupo N 6

Desarrollo de la actividad
1. Consultar la normatividad vigente sobre gobierno en lnea, diseo de portales web, y
requerimientos del ministerio de educacin para portales web de instituciones de
educacin superior.
Para entender mejor esta normatividad, debemos conocer un poco a cerca de Gobierno en
Lnea.
Qu es?
La Estrategia Gobierno en lnea, liderada por el Ministerio de Tecnologas de la Informacin y
las Comunicaciones, es el conjunto de instrumentos tcnicos, normativos y de poltica pblica
que promueven la construccin de un Estado ms eficiente, transparente y participativo, y
que a su vez, preste mejores servicios con la colaboracin de toda la sociedad mediante el
aprovechamiento de la tecnologa.
La visin de Gobierno en lnea es la de un Estado construido por y para los colombianos,
mediante el aprovechamiento de las TIC, para la prosperidad del pas. Un Estado ms
eficiente, ms transparente y participativo que presta mejores servicios electrnicos con la
colaboracin de toda la sociedad.
En el ao 2015, la ciudadana en general tendr acceso de forma oportuna a ms y mejor
informacin bajo un esquema de comunicacin en doble va y de rendicin de cuentas
permanente y en tiempo real, lo cual permitir una mejor participacin en el proceso de toma
de decisiones y un mejor ejercicio del control social. De igual forma, la ciudadana no tendr
la necesidad de hacer filas ni asistir personalmente a las entidades para llevar a cabo sus
trmites y recibir los servicios del Estado, generando una relacin ms fcil, con menores
costos y que genere mayor confianza y satisfaccin.
Aspectos a tener en cuenta al momento de evaluacin
Al momento de evaluar un sitio web debemos tener en cuenta 4 puntos importantes:
Accesibilidad, identidad, navegacin y contenido; a su vez cada uno tiene caractersticas que
no debemos pasar por alto
ACCESIBILIDAD
Tener en cuenta cualquier cosa que provoque que un usuario no pueda acceder a informacin
de la pgina. Sea cual sea el motivo, la pgina no carga, un texto muy pequeo, o un
navegador para el que no ha sido optimizada.

Trabajo Colaborativo 1
301569 Evaluacin de Software
Grupo N 6

El tiempo de carga es razonable?

La velocidad de carga no solamente nos mejora el posicionamiento natural, sino que tambin
mejora la experiencia del usuario.
Contraste del texto con el fondo
El diseo no debe pelear con la usabilidad. Fondo gris claro sobre texto gris oscuro podr
verse bien, pero va cansa la vista del usuario. Debemos tener en cuenta que todos los
monitores muestran los colores de forma diferente.
Tamao y espaciado entre caracteres
El tamao de la fuente s importa; letras pequeas o juntas produce cansancio y por lo tanto
el abandono del sitio web, ocurre igual con el espacio entre lneas. No es necesario doble
espacio como trabajo del colegio, pero si lo suficiente como para mejorar la experiencia del
usuario.
Flash
Nadie espera un minuto para cargar un sitio web. Es ms, todo lo que pase de dos segundos
es lento, y nadie va a esperar ms de 10. Por lo tanto no es buena opcin un sitio web hecho
completamente en flash, por muy llamativo que sea el resultado.
Etiqueta ALT
El correcto uso de las etiquetas ALT est ms que contrastado para lograr buenos resultados.
Pgina 404 personalizada
Se debe cambiar la pgina de error 404 que existe por defecto, por una personalizada,
indicando que la pgina no se encuentra, y con enlaces a las principales pginas de la web,
as como un buscador, para guiar al usuario y no perderlo.
IDENTIDAD
Una pregunta al llegar a un sitio web es Quin o qu es esto? Es importante responderla,
ya que sin esa informacin, el usuario puede sospechar de la credibilidad del sitio,
especialmente si est interesado en adquirir algn artculo.
Logo
La gente quiere y espera ver una marca al iniciar en algn lado o siempre presente, y eso es
lo que se les debe dar. De hecho, esperan hacer clic en ese logo para ir al home.

Trabajo Colaborativo 1
301569 Evaluacin de Software
Grupo N 6

Qu hacemos?
Seguramente nosotros lo tenemos muy claro y hasta nos parece obvio.
Entender la Homepage rpido
Algunos dicen que 2 segundos, algunos que 7, algunos que 5. Lo que es claro, es que el usuario
debe poder entenderla en un corto perodo de tiempo.
Contactar
Debemos dar el mximo de posibilidades. Telfono, correo, formulario o direccin fsica si
procede. Facilitar el contacto al mximo.
NAVEGACIN
Una vez el usuario ya nos conoce, debemos facilitarle el acceso a la informacin de toda la
web, sin que se pierda en ningn momento.
Navegacin principal
Los mens de navegacin existen desde los inicios de la web. Ha cambiado la posicin, la
tecnologa y los estilos, siempre debemos tener un men de navegacin principal que nos
lleve a travs del sitio web, no slo para guiar al usuario, sino para mostrar una estructura
clara.
Menos es ms
Ser claros y concisos. No es necesaria una opcin comuncate online con nuestro equipo
cuando podemos tener contctenos.
Nmero de elementos
Se dice que nuestro cerebro puede procesar entre 4 y 7 elementos de forma inconsciente. As
pues, los enlaces o botones de los mens, que se limiten o pensemos en otra distribucin.
Enlaces coherentes e identificables
No hace falta que sea el clsico enlace azul y subrayado, pero el link debe ser siempre con el
mismo estilo, y fcil de identificar para el usuario.
Bsqueda
Por lo general arriba a la derecha est el botn buscar y ah estn acostumbrados a verlo.
El formulario de bsqueda no slo debe ser visible, sino que los resultados deben ser
relevantes y organizados como cualquier otra seccin del sitio web.

Trabajo Colaborativo 1
301569 Evaluacin de Software
Grupo N 6

CONTENIDO
Es aplicable para la usabilidad. No slo debemos tener un buen contenido, fresco y relevante.
Tambin debe ser coherente, organizado y de fcil acceso.
Encabezados
Pocos usuarios leen el sitio web a no ser que se trate de uno de contenidos, como blogs,
revistas o prensa. En las pginas corporativas se suelen hacer lecturas diagonaesl, fijndose
en encabezados, inicios de prrafos, listas y negrillas, buscando lo que les interesa.
Informacin importante antes del scroll
La mayora de usuarios tienen un monitor de 1024768. Aspecto que debemos tener en
cuenta la momento de disear u organizar la informacin, es buena idea mantener la
informacin crtica e importante por encima del scroll. Es decir, que el usuario no tenga que
utilizar las barras de desplazamiento.
Coherencia en los estilos
Elegir un estilo y ceirse a l. Colores, fuentes y cualquier estilo. No cambiarlos de una seccin
a otra, o usar plantillas distintas, ya que puede confundir al usuario.
Negrita
Tratar destacar demasiada informacin, no destaca nada. Mucho texto en negrita, al final no
permite apreciar lo realmente importante. Lo mismo con las novedades de la web. Si la mitad
de los artculos del men estn acompaados por un nuevo! parpadeante en rojo, ya nada
ser nuevo.
Anuncios y pop-ups
Deben estar muy bien integrados en el contenido del sitio, sin confundirse con el mismo. No
es recomendable forzarlos encima del contenido, ni pop-ups intrusivas. El usuario odia ese
tipo de intromisiones.
Se conciso y explicativo
Mira t pgina de inicio. Se puede decir lo mismo usando la mitad del texto? Pues hazlo. Ser
conciso y descriptivo, y evitar argot innecesario. A nadie le importa el texto que est de ms..
Ttulos auto explicativos
Los ttulos de cada pgina (etiqueta TITLE) deben ser descriptivos, nicos y relevantes. No una
retahla de palabras embutidas. Adems de ser sospechosos para los buscadores, los usuarios
pasarn a la siguiente pgina de resultados.

Trabajo Colaborativo 1
301569 Evaluacin de Software
Grupo N 6

PORTAL WEB
Un Portal hace referencia a una puerta grande, por lo tanto decir Portal Web es referirse a
una puerta situada en la web donde a travs del cual podemos acceder a muchos recursos y
servicios tales como: buscadores, documentos, aplicaciones, transacciones electrnicas y
otros. Uno de sus objetivos es que los usuarios utilicen el portal como su pgina de inicio y se
muestre todos sus recursos y servicios antes de comenzar a navegar de forma ms especfica.
Los portales se caracterizan por tener tres tipos:
Portales horizontales: Dirigidos a una audiencia amplia, llegando a la gente con
muchas cosas a la vez. Como por ejemplo se encuentran en sta categora a Terra,
AOL, AltaVista, Lycos, etc.
Portales verticales: Dirigidos a un usuario para ofrecer un contenido especfico, como
lo puede ser un portal de msica, de empleo, Instituciones Educativas,
Gubernamentales, Finanzas, Deportes, etc.
Portales diagonales: Es una mezcla entre el horizontal y vertical, los cuales utilizan
redes sociales o aplicaciones generalistas, como por ejemplo Facebook, Youtube y
otros.
2. Visita a los portales web de las universidades pblicas y seleccin de por lo menos tres de
ellas (anexar pantallazos de los portales web seleccionados).
http://www.udistrital.edu.co/

Trabajo Colaborativo 1
301569 Evaluacin de Software
Grupo N 6

La Universidad Distrital, es una Institucin de Educacin Superior Pblica, la pgina ofrece la

informacin de una manera sencilla, utilizando un men principal en el cual se encuentra
consignada informacin sobre la institucin (misin, visin, funcin), sobre las carreras
(pregrado, posgrado, extensin), cronogramas, institutos anexos a la universidad, sobre la
contratacin, de las diferentes dependencias.
La distribucin de la pgina es adecuada, presenta buena visibilidad y accesibilidad en su
entorno, los colores de la pgina son neutros, la informacin presentada es especfica y es
correspondiente entre el texto y las imgenes, el tiempo entre el clic de ingreso y la aparicin
de informacin es adecuado (rpido), cuenta con enlaces para la participacin de manera
sincrnica y asincrnica de los usuarios. A pesar de contar con varias observaciones positivas,
no se logra visualizar una opcin de ayuda para las personas que se encuentran con limitacin
visual o informacin especfica para los nios.
http://www.uniquindio.edu.co/

La Universidad del Quindo, es una Institucin de Educacin Superior Pblica, la pgina ofrece
la informacin de una manera ms compleja que la anterior, no en un men principal en el
cual se encuentre consignada la informacin sino en una barra horizontal justo despus del
cabezote contiene informacin sobre la institucin (misin, visin, funcin), sobre las carreras
(pregrado, posgrado, extensin), cronogramas, institutos anexos a la universidad, sobre la
contratacin, de las diferentes dependencias, la investigacin, bienestar, entre otras.

Trabajo Colaborativo 1
301569 Evaluacin de Software
Grupo N 6

La distribucin de la pgina es adecuada, presenta buena visibilidad y accesibilidad en su

entorno, los colores de la pgina son neutros, la informacin presentada es especfica y es
correspondiente entre el texto y las imgenes, el tiempo entre el clic de ingreso y la aparicin
de informacin es adecuado (no rpido), cuenta con enlaces para la participacin de manera
sincrnica y asincrnica de los usuarios, tiene un mini sitio de informacin para los nios, se
logra visualizar una opcin de ayuda para las personas que se encuentran con limitacin
visual.
http://www.ut.edu.co/

La Universidad del Tolima, es una Institucin de Educacin Superior Pblica, la pgina ofrece
la informacin de una manera sencilla y compleja al tiempo, presenta un men principal en
el cual se encuentra consignada la informacin de carcter institucional hacia los estudiantes
y funcionarios, como normatividad y servicios y en una barra horizontal justo despus del
cabezote contiene informacin sobre la institucin (misin, visin, funcin), sobre las carreras
(pregrado, posgrado, extensin), institutos anexos a la universidad, sobre la contratacin, de
las diferentes dependencias, la investigacin, bienestar, entre otras.
La distribucin de la pgina no es adecuada, presenta buena visibilidad y accesibilidad en su
entorno, los colores de la pgina son neutros pero no maneja una uniformidad, la informacin
presentada es especfica y es correspondiente entre el texto y las imgenes, el tiempo entre
el clic de ingreso y la aparicin de informacin no es adecuado (lento), cuenta con enlaces
para la participacin de manera sincrnica y asincrnica de los usuarios, tiene un mini sitio

Trabajo Colaborativo 1
301569 Evaluacin de Software
Grupo N 6

de informacin para los nios, se logra visualizar una opcin de ayuda para las personas que
se encuentran con limitacin visual aunque se encuentra escondida y no cambia los tonos de
la pgina.

Trabajo Colaborativo 1
301569 Evaluacin de Software
Grupo N 6

Bibliografa
Estrategia Gobierno en Lnea [En lnea]. Disponible en http://programa.gobierno
enlinea.gov.co (visitada el 15.09.2014)
Equipo del Programa Gobierno en lnea (2011) Manual 3.0 Para La Implementacin De La
Estrategia De Gobierno En Lnea En Las Entidades Del Orden Nacional De La Repblica
De Colombia. Bogot