miércoles, 27 de junio de 2007

Analisis de Accesibilidad

Maritza Castillo

Sitio: http://www.ambiente.gov.ec/

FUNDAMENTOS DE ACCESIBILIDAD
- El sitio del Ministerio del ambiente de Ecuador, aparece en los primero lugares del buscador google, no hay problema alguno para encontralo.
- Este sitio no cumple con la mayoria de puntos que deberían seguir para diseñar un sitio que sea accesible a personas que tengan deficiencias entre ellas la visual.
- Las imágenes tienen el atributo "alt", "longdesc", asi el usuario con problemas visuales no podrá entenderlas.
- El "tabIndex" esta en funcionamiento esto solo le serviria a personas que tienen problemas para manejar el mouse. pero serviria mucho mas si estuviera explicito en cada boton el atajo de teclado correspondiente.
- Las personas con deficiencia visual tienen la opcion de agrandar el texto de este sitio pero solo en el navegador Firefox.
- El espacio destinado para los botones del menu es muy pequeña y para una persona que tenga problema para controlar al mouse sería muy complicado.
- Tiene un banner animado en flash, esto distre mucho la atención al usuario "normal", peor aún a personas que tienen deficiencias ya que no brinda un valor agregado a la información que el usuario necesita.
- Los links estan bastante claros en cuanto a su color pero no en cuanto a su tamaño, mejoraría si el texto de información, botones, lo hagan con un tamaño mas grande, ya que hay muchaos usuarios que tienen problemas visuales leves y necesitan tener una facilidad de lectura mas amplia.
- No tiene opcion para cambiar de color, tamaño de texto, para que el usuario se sienta mas agusto en la navegación.
- Ademas en la pagina del Home tiene un boton de home, esto es un error porque hace perder el tiempo al usuario porque no sirve de nada.
Conclusión: Este sitio no cumple con casi nada de los fundamentos de diseño de sitios web, tanto en la estructura como en la accesibilidad, debemos tomar en cuenta que es un sitio de importancia para casi todas las personas en especial los ecuatorianos, y se debería mejorar ya que no se da una manera buena de información y peor aún a las peronas que tiene deficiencia visuales, motris, entre otras.

martes, 26 de junio de 2007

Accesibilidad

Análisis de Accesibilidad
Mauricio Malo

Sitio: http://www.presidencia.gov.ec/

El sitio web de la Presidencia de la República del Ecuador está dirigida a todo el pueblo ecuatoriano en general, por esto debería tener en cuenta todos los aspectos de accesibilidad web para que sea apta para todo tipo de usuario.

A continuación se analizarán distintos temas de accesibilidad de esta página.

  • Los buscadores parecen tener bien indexada a la página de la presidencia pues siempre aparece en los primeros lugares en las busquedas con palabras relacionadas al país o al presidente.
  • No he probado la página con un navegador especial para usuarios no videntes, pero la estructura parece ser la correcta. Las imágenes tienen su atributo "alt" específico y explicatorio.
  • Para las personas que puedan tener algún tipo de discapacidad o incapacidad temporal y le es imposible utilizar el mouse, el "tabIndex" u orden del boton tab es el correcto de acuerdo a la navegación y contenido.
  • El texto puede ser agrandado con el comando "ctrl+" para las personas que tienen problemas de la vista.
  • Los botones tienen un área sensible lo suficientemente grande para no tener ningún problema al tratar de clickear en ellos.
  • No existen banners flash o gif que muestren colores parpadeantes que podrían ocacionar algun síntoma en personas con problemas de epilepsia.
  • Tiene un problema en el color utilizado en los links pues no son llamativos, no estan en bold o subrayados. De hecho, tienen un color gris demasiado suave que podría perderse en el fondo blanco, en especial para una persona con problemas de daltonismo.
  • En ninguna parte hace referencia a una sección, botón u objeto de la misma página , por el color.
  • La página está diagramada con tablas, no es un error, pero tendría un mejor rendimiento si se utiliza divs con css.
  • Tiene traducción al quichua en varios textos, es muy buena la intención pues llega a un grupo específico de la población, pero debería tener una página alterna completamente redactada en ese dialecto.
En conclusión, la página cumple con varias de las recomendaciones para obtener un nivel de accesibilidad alto y que cubra a toda la población, podría mejorar aún más algunos aspectos, pero sin embargo no deja de ser un buen ejemplo para las demás páginas del estado o públicas las cuales deberías preocuparse más por la accesibilidad.

viernes, 15 de junio de 2007

Evaluation CheckList

Analisis del site: http://www.voguenovias.com

Website Evaluation Checklist

DISEÑO Y ESTABILIDAD

1.- SI, el objetivo es claro, ya que el usuario encuentra toda la informacion en cuanto al tema
de novias se refiere.
2.- SI, esta enfocado su producto.
3.- SI, la navegacion no es complicada.
4.- es sencillo, falta mas detalle en el diseño para que el usuario se sienta mas comodo
5.- NO, su forma de navegacion es lineal, no tiene mucha interactividad con el usuario
6.- NO, porque tiene ordenadas segun la importancia de temas
7.- Tiene una publicidad muy visible, esto hace que el usuario no este muy comodo cuando esta leyendo lo que realmente le interesa.
8.- SI, la informacion en todo el sitio es importante y concreta
9.- SI, cuando es un usuario ya experimentado, porque si es un usuario sin experiencia en
sitios, talves no encuentre el menu y no sepa en seccion del site esta.
10.- SI, el tiempo de cargar las paginas son rapidas.
11.- NO, el sitio no requiere de instalar plug-ins. y es una ventaja para este sitio ya que no hace que el usuario pierda tiempo al momento de visitar su site.
13.- SI, ya que es un site mas informativo en cuanto donde pueden comprar o acceder a sus
servicios, un valor agregado seria que desde ese site haya un e-commerce para sus productos
y que lleguen de inmediato al usuario.
14.- SI, en este caso hay pero no esta disponible por el momento, esto puede hacer que el usuario se desanime de seguir en su investigacion y asi puede perder muchas oportunidades de aceptación del site.
15.- NO, no muestra quien es el autor de este sitio, y no hay contactos.
16.- SI, en cada tienda y detalles de servicio se encuentran claramente la direccion y numero de telefono para el contacto respectivo.
17.- SI, pero hay problemas al cargar esta condiciones de uso, osea da igual como si no esten puestas, no se abren.
CONTENIDO:
1.- NO, no hay un aviso que diga que una página es nueva
2.- SI, su contenido es facil de leer y entender.
3.- NO, el texto es poco y concreto, pero si hay link que llevan a otra pagina para ver mas detallada esa informacion.
4.- SI, cuenta con una seccion de busqueda.
5.- NO, hay contenido de informacion que varian con graficos que atraen al usuario
6.- SI, los temas a tratar son facil de entender por el usuario.
7.- SI, la lectura de la informacion es bastante clara.
8.- NO, el sitio si esta desponible.
9.- SI, si se encuentran mas links de informacion en cuanto a sitios parecidos.
10.- NO, no hay pagina de ayuda.
11.- NO, no hay links de regreso a este site.
LINKS
1.- SI, el usuario puede ver algo de la pagina al mometo de inicio de la carga.
2.- SI, en el menu principal hay 7 botones de informacion, en otro panel se encuentran mas
opciones de navegacion(secciones)
3.- Hallamos links con urls en algunos casos cuando estamos en una seccion de segundo nivel, en el home pag no hay, solo muestra el nombre de la empresa.
4.- SI, hay una breve explicación de lo que pueden encontrat en ese link.
SITE STRUCTURE
1.- NO, no hay un mapa de sitio
2.- SI, es facil ir al home page
3.- NO, no esta disponible un mapa de sitio
4.- SI, las paginas estan organizadas por temas
5.- SI, hay diferencia de tamaños de la tipografia dependiendo la jerarquia, pero no hay un color que reslate en cuanto a los links.
PAGE LAYOUT
1.- SI, cada página tiene su propio titulo
2.- SI, en cada página esta muy claro con el nombre del link
3.- SI, el texto esta centrada en las tablas
4.- SI se puede entender la informacion por ser concreta
5.- las paginas no son muy largas para detallar la información.
6.- la diferencia de colores es muy poca, seria de mucha ayuda para el usuario.
7.- no tiene tabla de contenido.
8.- no existe link para una tabla de contenido
9.- en algunos casos se muestra todo el url.
BROWSER TEST
1.- el sitio no tiene problema al cargar en NETSCAPE
2.- el sitio no tiene problema al cargar en INTERNET EXPLORER
3.- no se probó en otro browser el sitio.
4.- El sitio se cargó en Firefox, Internet Explorer y Netscape sin problema.

Evaluation CheckList

Análisis de sitio web
Website Evaluation Checklist
Mauricio Malo

Sitio: http://www.ecuadormall.com

Diseño y Estabilidad

· El propsósito del sitio no es completamente claro pues al entrar nos damos cuentas que es una página de ventas por internet pero no se explica que contiene solo productos ecuatorianos en especial artesanales.

· El sitio si logra su propósito pues ofrece una gran variedad de productos ecuatorianos y parece tener mucha acogida a nivel mundial.

· Al principio puede ser un poco confuso entender la navegación del sitio, pero en poco tiempo el usuario puede aprender a navegarlo con facilidad.

· El diseño es agradable pero creo que al ser una página que ofrece productos ecuatorianos debería utilizar en su cromática colores de la bandera para que la gente se sienta mas identificada.

· La estruntura de navegación es muy amplia pues tiene varias opciones para dar libertad al usuario que se dirija donde desee.

· Tiene un poco de saturación visual por la variedead de elementos, imágenes, links y colores que pueden darle un apariencia un poco desordenada.

· No utiliza publicidad de distraiga o quite importancia al contenido.

· La información más importante esta ubicada en un lugar prioritario, no es necesario hacer scroll para visualizarla.

· Ya que posee una variedad de formas de navegación, es usuario tiene muchas opciones para escoger y navegar.

· La carga de la página es rápida.

· La página esta disponible siempre, de hecho tiene dos urls distintos para entrar (www.decuador.com)

· No necesita ningún tipo de plugin para ser vista.

· No hay elementos con nivel de interactividad altos, solo links que te llevan de página en página.

· Es gratis.

· Hay una opción de contactos a las oficinas, pero no específicamente al webmaster.

· Hay un extenso directorio de contactos con teléfonos, correos y direcciones.

· Si existe texto de copyright.


Contenido

· No posee un link de "Lo nuevo"

· El contenido es muy resumido, concreto y entendible.

· La información de los productos es suficiente y útil.

· El contenido es extenso por la variedad de productos y posee una opción de busqueda interna.

· El contenido en general es conciso y apropiado.

· Las categorías están siempre presentes para permitir al usuario saltar de una a otra cualquier momento.

· Se encuentran varias faltas de ortografía especialmente en las descripciones de productos.

· La página está finalizada, es decir, no hay ninguna sección bajo contrucción.

· El momento que el usuario escoge una categoría, te muestra sus distintas opciones de productos.

· No es una página informativa asi que la información es corta y suficiente.

· Los links que te llevan a otra página hacen que se abra en una nueva ventana.


Links

· El usuario puede observar los distintos productos y sus imágenes de primera.

· Existen más de 7 links en la barra de navegación principal.

· Los links externos no muestran todo el url sino el nombre del sitio seguido del ".com ".

· No te dá ninguna explicación de lo que se trata la página a la que se dirige el link.


Estructura del sitio

· No posee un mapa del sitio

· La información importante está a dos clicks del home

· No hay link a un mapa de sitio.

· No hay una página de links.

· Los títulos tienen mayor presencia en el contenido por el tamaño y color.


Layout de página

· Cada página tiene su propio título.

· Los títulos utilizan las palabras de los links que llevan a cada una de ellas.

· El texto se muestra en la parte central de la página donde el contenido cambia.

· La información es muy resumida y no necesita ser fragmentada o reducida.

· Esta no es una página de contenido extenso.

· Cada sección de la página tiene su respectivo título.

· No tiene una tabla de contenido que resuma la información que se encontrará en la página.

· No hay link a una tabla de contenidos.

· Si muestra el url exacto de la página que se quiere imprimir.


Prueba de Browser

· La página no presenta ningún problema al se vista con Netscape.

· No hay ningún problema al desplegar la página en Internet Explorer.

· No se revisó a la página en una versión antigua de algún browser.

· Provado el sitio con Firefox, Internet Explorer y Netscape, no se han presentado problemas en la estructura.

jueves, 14 de junio de 2007

Análisis de sitio

(designing web usability)
Mauricio Malo

Sitio: http://www.ecuadormall.com

· Home page

El home page contiene los elementos requeridos que son: logo o marca, menú de navegación, promociones especiales y campo de búsqueda. Pero existe una saturación de mensajes e imágenes que en conjunto no indican de manera clara el objetivo de la página y evitan que el usuario pueda responder fácilmente a la pregunta ¿Qué puede hacer este sitio por mí?

· Splash screen

El sitio no cuenta con una página splash screen para elegir entre opciones previo a desplegar el home. Esto es una ventaja pues elimina un paso innecesario y te lleva directamente a la página importante que es la del home.

· Home page vs páginas internas

Las páginas internas del sitio mantienen una estrecha relación de diseño y estructura con el home, así que es fácil de navegar y de regresar desde cualquiera al home solo con un clic en el logo, pero no posee un link de texto “home” adicional para las personas que no están familiarizadas con el link en el logo.

· Metáfora

La página no utiliza ningún tipo de metáfora que se refleje en el diseño directamente, pero en su nombre utiliza la palabra “mall” que hace referencia a un centro comercial que de alguna manera da la idea de que se trata de un gran portal donde se encontrará una variedad de artículos para comprar. El shopping cart que contiene la página es básicamente el mismo que se utiliza en la mayoría de páginas pero algo que parece un poco extraño es que usa la palabra “cesta” para referirse al carrito de compras, lo cual no es un término muy utilizado en el e-commerce o en la compra diaria en el mundo real.

· Navegación

La barra principal de navegación muestra con un color de link distinto cuando te encuentras en la página que le corresponde haciendo fácil de identificar dónde se encuentra el usuario en ese momento. Los links de texto no muestran con un color distinto las páginas que ha visitado, y al tener muchos links, puede ser un poco confuso si el usuario quiere saber que es lo que ya ha visitado. Todo el tiempo se pueden observar las distintas opciones de navegación para que el usuario sepa a dónde puede dirigirse cualquier momento.

· Estructura centrada en usuario

A pesar de algunos problemas en navegación que fueron señalados antes, la página parece tener una estructura centrada en usuario muy clara pues ofrece las opciones que su target seguramente está buscando sin llenar de datos innecesarios como información interna de la empresa o algo por el estilo.

· Subsites

Esta página no posee ningún tipo de subsite que esté contenida dentro de la principal pues se maneja bajo categorías de productos y cada producto en stock así que no es necesario crear un micrositio que trate de algun tema o producto específico.

· Búsqueda

Posee una opción de búsqueda interna muy buena pues se puede buscar alguna palabra en especial en toda la página o bajo alguna categoría específica. Pero el momento de buscar una palabra que no encuentra nada no existe una opción de búsqueda avanzada o ayuda.

· URL

Este sitio utiliza dos opciones de url para llegar a la misma página: www.ecuadormall.com y www.decuador.com, esto puede ser una ventaja para ampliar las opciones de llegada de usuarios a la página pero puede también confundir el momento de contar de boca a boca la página.

Analisis de un Sitio Web segun Jacob Nielsen

Site: http://www.voguenovias.com

El Web Site www.voguenovias.com no cumple con algunos recomendaciones de diseño de interfaces para sitios web segun Jacob Nielsen

* HOME PAGE.- El logo de la empresa solo se encuentra en el home, en el resto de paginas no muestra en que sitio esta el usuario.
* No cuenta con una informacion de el sitio ya que es necesaria para el usuario, que sepa donde esta y con quien esta tratando una posible compra.

* NAVEGACION.- El menu principal no es muy notorio para el usuario en cuanto a que los botones no muestran en que pagina esta el usuario, no hay cambio de color solo la mano que indica que es un boton.

* BUSQUEDA.- La opcion de busqueda no se encuentra en la pagina principal en el resto si, pero eso puede ser un punto menos para el sitio ya que si el usuario no encuentra lo que estaba buscando en esa pagina, se puede salir y buscar otra opcion.

* METAFORA.- este sitio no sigue ningun tipo de metaforas, seria de gran utilidad ya que si el diseño siguiera una metafora de lo que el sitio ofrecen seria mas atractivo al usuario y se sentirian mas comodos al navegar.

* ESTRUCTURA DEL SITIO.- ya que el sitio es pequeño la estructura tambien y no tiene mucha complicacion al navegar, pero en algunas paginas si falta ordenar la estructura en cuanto al despliegue de la información.

* 3D.- ninguno

* PUBLICIDAD.- el sitio no cuneta con mucha publicidad, solo con una pero ocupa un espacio considerable de la pàgina, eso hace que el usuario este mas atento a este, y eso causa distraccion al usuario.

* SUBSITE.- en este sitio hay un subsite FOROS: relacionado de belleza y temas relacionados a novias, ademas este subsite esta mas completo.