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.

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.

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.

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.

Servidores Dedicados

· Tipos de conexión

Los servidores deben estar conectados con líneas de fibra óptica de alta velocidad, como por ejemplo a través de los más importantes backbones de USA:

	Savvis	OC3	155Mbps Max
	Qwest	OC3	155Mbps Max.
	UUNET	OC3	155Mbps Max.
	Time Warner	OC3	155Mbps Max.
	Cogent	GB	1000Mbps Max.
	Sprint	OC3	155Mbps Max.

El ancho de banda de calidad produce un excelente funcionamiento de la red con alto nivel de resistencia para brindar seguridad y conectividad de primer nivel.

· Firewall

Generalmente las empresas proveen el servicio de firewall de forma gratuita, esto permite que el cliente comience a utilizar el servicio de forma segura desde el primer momento.

El firewall es configurado a las necesidades específicas de cada cliente y permite filtrar puertos para mantener la seguridad de los servicios, por ejemplo si el cliente no desea disponer de acceso IMAP externo entonces se filtra el correspondiente puerto 143 para evitar irrupciones no autorizadas.

Fuentes:

http://www.adn.com.ec

http://www.arsys.es

http://www.servers-dedicados.com.ar

Tipos de conexion a Internet

Tipos de coneccion a Internet
RTC .- La Red Telefónica Conmutada (RTC) —también llamada Red Telefónica Básica (RTB)— es la red original y habitual (analógica). Por ella circula habitualmente las vibraciones de la voz, las cuales son traducidas en impulsos eléctricos que se transmiten a través de dos hilos de cobre. A este tipo de comunicación se denomina analógica. La señal del ordenador, que es digital, se convierte en analógica a través del módem y se transmite por la línea telefónica. Es la red de menor velocidad y calidad.

RDSI .- La Red Digital de Servicios Integrados (RDSI) envía la información codificada digitalmente, por ello necesita un adaptador de red, módem o tarjeta RDSI que adecúa la velocidad entre el PC y la línea. Para disponer de RDSI hay que hablar con un operador de telecomunicaciones para que instale esta conexión especial que, lógicamente, es más cara pero que permite una velocidad de conexión digital a 64 kbit/s en ambos sentidos.

CABLE .-Normalmente se utiliza el cable coaxial que también es capaz de conseguir tasas elevadas de transmisión pero utilizando una tecnología completamente distinta. En lugar de establecer una conexión directa, o punto a punto, con el proveedor de acceso, se utilizan conexiones multipunto, en las cuales muchos usuarios comparten el mismo cable.

Vía satélite.- En los últimos años, cada vez más compañías están empleando este sistema de transmisión para distribuir contenidos de Internet o transferir ficheros entre distintas sucursales. De esta manera, se puede aliviar la congestión existente en las redes terrestres tradicionales.

Redes Inalámbricas .- Las redes inalámbricas o wireless son una tecnología normalizada por el IEEE que permite montar redes locales sin emplear ningún tipo de cableado, utilizando infrarrojos u ondas de radio a frecuencias desnormalizadas (de libre utilización).

El LMDS (Local Multipoint Distribution System) es un sistema de comunicación de punto a multipunto que utiliza ondas radioelétricas a altas frecuencias, en torno a 28 ó 40 GHz. Las señales que se transmiten pueden consistir en voz, datos, internet y vídeo.
Este sistema utiliza como medio de transmisión el aire para enlazar la red troncal de telecomunicaciones con el abonado. En este sentido, se configura un nuevo bucle de abonado, con gran ancho de banda, distinto al tradicional par de hilos de cobre que conecta cada terminal doméstico con la centralita más próxima.
Fuente:http://w3.cnice.mec.es/programa/usuarios/ayudas/tipo_conexion.htm

Que tipo de conexion sirve para poner un servidor dedicada?
Los servidores tienen un tipo de conexión a Internet que se denomina dedicada, que quiere decir que siempre está conectado a Internet. Los clientes pueden tener una conexión a Internet dedicada o no dedicada. La conexión no dedicada quiere decir que la conexión es por un tiempo limitado, no permanente. Un ejemplo de conexión dedicada en clientes es cuando se posee una línea ADSL, y una conexión no dedicada, una conexión vía modem.
Fuente: http://mundointernet.iespana.es/como_funciona.htm

Análisis de interfase según los parámetros de Apple

Analisis del sitio saludsa segun los parámetros de Apple

Site: http://www.saludsa.com/

METÁFORA: Navegando en el sitio de saludsa.com, encontré que no cumple con muchos parámetros de diseño según Apple, no sigue ninguna metáfora para que el usuario se sienta que esta en un sitio que pueda relacionar con la vida real.

MODELO MENTAL: Hay unos iconos que pueden ayudar al usuario a sentirse cómodos para navegar pero no son lo suficientemente claros, podríamos rescatar algo de una metáfora a las fotografías que utilizan relacionando el servicio medico con sus pacientes.

ACCIONES EXPLÍCITAS E IMPLÍCITAS: en este sitio existen acciones de los dos tipos, pero el usuario se puede confundir, ya que no hay mucha diferencia entre los botones del menú principal con los botones del menú secundario.

CONTROL DEL USUARIO: podríamos decir que el usuario va a tener el control en la navegación si ya es un usuario experimentado, no podemos decir lo mismo con un usuario que no tiene la experiencia de navegar en la red, ya que al ir dando clic el usuario se va por varios niveles y se puede perder en el sitio, y esto trae consecuencia de que el usuario abandone el sitio sin haber conseguido la información que necesitaba.

COMUNICACIÓN Y FEEDBACK: hay información muy clara pero a veces se repite la misma información en dos botones diferentes, esto hace que el usuario pierda el tiempo al navegar, y por lo tanto hay pocas posibilidades de que el usuario de una respuesta positiva a este sitio.

CONSISTENCIA: un inconveniente mayor que presenta este sitio es que esta realizado en Flash (Macromedia) y este hace que para cargar el sitio se demore mucho y el usuario pierda su interés de inmediato, además si el usuario no tiene el plugin requerido para la aplicación no tendría acceso al site.

ESTABILIDAD PERCEPTIBLE: este sitio no garantiza una estabilidad ya que la estructura de navegación confunde mucho al usuario y lo tornaría aburrido.

INTEGRIDAD ESTÉTICA: este sitio es sencillo en cuanto a diseño, limpio, no quedaría mal un poco mas de vida para que el usuario se integre mas en la navegación.

COMPLEJIDAD: la complejidad dependerá del tipo de usuario, debemos añadir que lo hace más complejo la programación en el que esta desarrollado el sitio porque demora la carga de la información y las animaciones cansa mucho ya que son repetitivas.

Analisis del sitio langhammer segun los parámetros de Apple
SITE http://www.langhammer.de/

METÁFORA: en este sitio no aplican ninguna metáfora, simplemente esta limitado a dar información concreta.

MODELO MENTAL: es fácil de reconocer al menú principal ya que es una sola barra de botones poco llamativos para la navegación.

ACCIONES EXPLÍCITAS E IMPLÍCITAS: solo hay acciones explícitas y eso lo hace fácil de navegar y ha la vez un poco aburrido.

CONTROL DEL USUARIO: el usuario tiene el control total de la navegación en este site. Este sitio tendría mayor accesibilidad si existiese una opción para elegir el idioma para usuarios de otras partes del mundo, ejemplo (español, ingles, etc.)

ESTABILIDAD PERCEPTIBLE: existe la estabilidad de mantener al usuario que ya conoce de los servicios y productos de esta empresa.

INTEGRIDAD ESTÉTICA: el diseño es muy simple, no existe un valor agregado para que el usuario se sienta cómodo e interesado.

COMPLEJIDAD: muy fácil de navegar para cualquier usuario que sepa el idioma.

ANÁLISIS DE SITIO DE ACUERDO A LA USABILIDAD

http://www.creativos.com
Es un sitio que tiene información de mucha importancia para los usuarios, facil de acceder. Mucha publicidad hace que el usuario se canse y se distraiga sin terminar de ver lo que le interesa.

Este sitio tiene un 50% de usabilidad.

Análisis de Interfases según Apple

Análisis de interfaces de acuerdo a los principios de diseño de Apple

1.- LoopMixer (Mezcladora de loops de audio de distintos instrumentos)

· Metáforas: La interfase de LoopMixer no utiliza ninguna metáfora o comparación con algún objeto real de uso cotidiano que podría ser identificado por el usuario.

· Modelo Mental: Al no utilizar una metáfora, el diseño de la interfase no hace referencia a un modelo mental preconcebido por el usuario al que podría hallar familiar. Los íconos que muestran teclas y los controles de volumen son los únicos elementos que el usuario puede encontrar conocidos y podría usarlos sin problema.

· Acciones Explícitas e Implícitas: El mezclador de pistas de audio utiliza todas sus acciones como explícitas pues los controles y botones son pocos y todos desencadenan una acción directa al activarlos.

· Manipulación directa: Las acciones que pueden mostrar al usuario que está controlando al programa son los controles del volumen pues muestran una barra mientras se agranda o se achica. También es uso de las teclas específicas muestran como se activan las distintas pistas.

· Control del usuario: La interfase de LoopMixer da la libertad de tomar decisiones al usuario todo el tiempo. En el caso de que el usuario escoja opciones que corten la continuidad de la acción, el programa pregunta si está seguro de hacerlo.

· Comunicación y Feedback: El programa no tiene un buen nivel de feedback pero utiliza algunos elementos de comunicación como una ventana de ayuda, cuadros de opción “si o no” y colores de activación en pistas.

· Consistencia: La aplicación es muy pequeña, solo dispone de una interfase principal pero sus elementos son fáciles de utilizar y entender y no varían nunca.

· WYSIWYG: Este programa no requiere de la previsualización de un producto que al finalizado sería impreso o publicado en otro medio.

· Reversible: Las operaciones que pueden causar un cambio abrupto en el transcurso de la aplicación tienen un mensaje previo de pregunta para permitir al usuario regresar sin alterar la acción principal.

· Estabilidad perceptible: La aplicación tiene un problema de usabilidad puesto a que algunos elementos no son muy familiares y el usuario podría experimentar problemas para entender como funciona.

· Integridad Estética: El programa tiene un buen diseño y su información está diagramada acorde a él. Es visualmente agradable y su contenido es entendible.

· Complejidad: El programa puede parecer algo complejo al principio y esto puede significar una debilidad porque se requiere algo de investigación.

2.- Barroco Films (http://www.barrocofilms.com/)

· Metáforas: Utiliza una metáfora muy conocida pues la interfase representa un departamento desordenado. Es entendible y el usuario puede identificarse con ella.

· Modelo Mental: La interfase utiliza varios elementos que son muy familiares para el usuario, pero el problema es que no se sabe exactamente lo que cada uno va a desencadenar, o si todos son interactivos.

· Acciones Explícitas e Implícitas: Todas las acciones son explícitas e implícitas a la vez ya que cada elemento desencadena algo pero no se tiene claro qué es lo que hará.

· Manipulación directa: La mayoría de elementos al ser activados muestra alguna reacción que indica al usuario que ha desencadenado algún tipo de acción pero parece no ser del todo eficaz.

· Control del usuario: Podría decirse que el usuario puede sentir que tiene el control de la aplicación porque casi todos los elementos reaccionan, pero el hecho de no saber que es lo que hace cada uno puede confundir.

· Comunicación y Feedback: La comunicación es mínima y el feedback casi nulo.

· Consistencia: Aunque los objetos siempre hacen una determinada acción, no parece tener una consistencia clara porque es difícil de entender y navegar.

· WYSIWYG: Este programa no requiere de la previsualización de un producto que al finalizado sería impreso o publicado en otro medio.

· Reversible: No hay ninguna opción que pueda causar un daño irreversible.

· Estabilidad perceptible: Al no poder navegar fácilmente por la aplicación, se vuelve inestable.

· Integridad Estética: Estéticamente no es un sitio muy agradable y el contenido no está diagramado de una manera correcta.

· Complejidad: La dificultad que se tiene al tratar de navegar por el sitio hace que no sea una visita agradable y que requiera mucho trabajo.



Análisis de sitio de acuerdo a la usabilidad

1.- Porta (http://www.porta.net/)

El sitio de la compañía de telefonía PORTA en Ecuador tiene muchos problemas de diseño, estructura y navegación por lo que la usabilidad es sacrificada de una manera muy peligrosa.

El sitio utiliza flash en su navegación principal sin un respaldo provisional en html lo que limita su uso completamente para el usuario que no posee el plugin necesario. La navegación es difícil de entender y requiere de una investigación y exploración previa por parte de usuario quién la mayoría de las veces no tiene el tiempo para hacerlo. Uno de los propósitos básicos de la usabilidad es mantener al usuario enfocado en su tarea mas no en descubrir cómo funciona el sistema de navegación del sitio, y en este caso el usuario es obligado a preocuparse más por entender la página que por encontrar la información requerida.
Este problema no solo impide que la página sea navegada de una manera fluida por su usuario sino que también interfiere en el objetivo principal de la empresa por el cual optaron por tener un sitio, que es el de vender su marca y sus productos.

algunos otros sitios

Más y más sitios!...
http://www.galinus.com/es/articulos/principios-diseno-de-interaccion.html
http://www.webestilo.com/guia/articulos.phtml
http://www.uag.mx/66/princ1.htm
http://accesibilidadweb.blogspot.com/2006/02/usabilidad-y-retorno-de-inversin-en.html
http://www.nosolousabilidad.com/articulos/interfaces_afectivas.htm
http://www.nosolousabilidad.com/
http://tochismochis.blogspot.com/2006/11/usabilidad-accesibilidad-y-contenidos.html
http://www.usabilidadweb.com.ar/

Felipe.

algunos sitios de interes

Aqui les dejo algunos sitios de interés sobre accesibilidad y usabilidad para que puedan investigar mejor:
http://www.w3c.org (seguramente ya lo sabian!!)
http://www.alzado.org/
http://www.usolab.com/articulos/desafios_interfaz_web_2.php
http://www.usolab.com/
http://albertolacalle.com/hci.htm
http://developer.apple.com/documentation/UserExperience/Conceptual/OSXHIGuidelines/XHIGIntro/chapter_1_section_1.html
http://developer.apple.com/documentation/UserExperience/Conceptual/OSXHIGuidelines/XHIGHIDesign/chapter_5_section_2.html
http://www.useit.com/ (Sitio creado por Jacob Nielsen)

clase1

MANEJO DE SITIOS
Temas que se van a tratar:
- Tipos de servidores
- tecnologias
- tipos de conecciones
- dominio, hosting
- formas de cobrar por trabajos
- webmaster/ contribute
- proceso de manejo

TRABAJOS:
* Conseguir cliente
* diseñar y colocar el sitio
* proceso de trabajos en grupo

FORMA DE CALIFICACION:
* consultas 50%
* sitio final 50%


FUNCIONALIDAD DE PRODUCTOS
Temas que se van a tratar:
- Usabilidad
- Accesibilidad
- Evaluar un sitio
- Diseño de interfaces

FORMA DE CALIFICACION:
* consultas 20%
* presentaciones 30%
* investigacion 30%
* evaluaciones 20%

TAREA PARA LA PROXIMA CLASE:
- consultar que es la W3C
- tipos de estandar
- parametros de diseño de interfaces / APPLE
- analizar 2 interfaces, una digital y otra cotidiana. DISEÑAR / Mejoramiento de una interface