19 de febrero de 2010

Sesión 12 - Extraclase

Como trabajo extraclase tenemos el análisis de una interfaz, añadiendo a éste los puntos que clase a clase vamos aprendiendo.
En esta ocasión vamos a analizar la interfaz de una reconocida marca de zapatos: Converse.

En primer lugar, nuestra interfaz tiene en cuanto a los patrones de organización de contenido el patrón de Two Panel Selector, puesto que del menú superior se despliega toda la información requerida en cada menú que ahí se encuentra,
sin embargo también comparte el patrón de Canvas Plus Palette en una sección de la página, cuando deseas diseñar tus propios zapatos y ponerle distintos colores podemos ver en un apartado las herramientas y en otro el lienzo observando cómo es que va quedando el producto.

También entra dentro de la clasificación de acuerdo a su construcción en un Framework puesto que es una página de una reconocida marca tiene que ser lo bastante original, no se van a prestar a que sólo se cambie el skin de otra, además por toda la programación que debe existir detrás para combinar distintos patrones en vez de sólo tomar uno entre muchos como en la mayoría de las páginas pasa.
En cuanto a su estructura opera con un One Window Paging ya que no te abre otras páginas distintas sino que todo es sobre una misma página, le das click y el contenido se muestra en la misma ventana.
Con respecto a la clasificación según su uso tiene dos puntos, el primero es el de publicación, ya que muestra las noticias más sobresalientes con respecto a sus productos, el motivo de ésta, la idea, o los nuevos modelos;

sin embargo, el uso principal que tiene es el de transacción, ya que su objetivo de existencia de ésta es tener una tienda en línea para comprar toda clase de zapatos, ropa, mochilas, accesorios, además de diseñar tus propios productos.
De acuerdo a los patrones de usuario que son doce, tiene los siguientes:
1. Safe Exploration, ya que no hay consecuencias mortales, puedo regresar y cambiar de decisión si así lo deseo.
2. Instant Gratification, dispone de este patrón puesto que aunque en un inicio muestra un cargador en flash, es lo sufcientemente rápido para que no desesperes, tarda alrededor de 3 a 5 segundos y el siguiente estado Zero de la interfaz muestra todo lo que quiero: la tienda con los distintos productos, el espacio para diseñar tus propios zapatos, y espacios personales para opinión y noticias.
3. Satisfacing, puedes realizar una búsqueda de productos de manera fácil y sencilla o también especializada, pero si no sabes lo que estas buscando de manera particular, todo es simple y no te pierdes en este mundo de productos, al igual que diseñar un producto es lo suficientemente fácil de realizar, no pierdes tiempo en aprender cómo funciona.
4. Changes in Midstream, Esto no siempre resulta fácil puesto que si te "arrepientes" de ver algo o simplemente quieres regresar a la página anterior no es posible se le das click en "atrás" en la flechita que indica lo mismo en el buscador, sino que tienes que hacerlo en el menú que está en la misma página donde te muestra dónde te encuentras, pues si le das click en "atrás" te regresa pero a la página de inicio y tienes que volver a situarte en tu búsqueda por tu propia cuenta.
5. Deffered Choices, si por equivocación le diste click en el "carrito" o "compra" y no era lo que tú buscabas hacer, no hay problema, puedes regresar al punto anterior si problema, sin obligarte a comprar algo que no querías, de igual modo si quieres comprar varios productos no es necesario hacerle uno por uno sino que puedes hacer una lista en tu carrito de compras.
6. Incremental Construction, no es necesario ningún registro o construcción de la página, así que no es necesario este patrón, aunque si de ingresar información se trata, al momento de comprar, de haberte decidido e ingresar el número de cuenta, tipo de banco, en fin, n puedes decidir apagar el ordenador y cuando regreses seguir ingresando tu información, o "salvar" hasta ese punto el proceso, es necesario volver a comenzar.
7. Habituation, el usuario está acostumbrado a con darle click en la "flechita de atrás" regresar a la página anterior vista y no es así, te regresa al inicio, es difícil habituarte y entender que tienes que darle atrás en el menú de la propia página, pero los botones de acción funcionan del mismo modo en todo lo largo y ancho de la interfaz.
8. Spatial Memory, dentro de la misma página se encuentran los botones siempre en el mismo lado, por ejemplo el menú donde muestra dónde estamos situados siempre está en el mismo lugar, del mismo modo que el de avanzar de página o los menús, pero si dentro de la misma marca de zapatos cambias a la tienda de México, la página es completamente distinta a la de USA, por lo que si cambias de una a otra repentinamente tu memoria tendrá que acostumbrarse a ello.
9. Prospective Memory, no cumple con agendas electrónicas ni nada por el estilo.
10. Streamlined Repetition, como es una tienda en línea no tienen que permanecer nuestros datos en una base de datos para ser recordados después, resultaría bastante inseguro, hay que ingresarlos cada vez que entres a ella.
11. Keyboard Only, realmente necesitas el ratón para navegar pues es sólo lo que haces en ella, no son necesarios los comandos rápidos.
12.Other People Device. Existe el apartado para que la gente pueda expresar su opinión en cuanto a los productos, opiniones en general, en fin.

1 comentario:

  1. alisson, me gusta tu forma de trabajo, es muy ordena y completa, el usar imágenes reforza el conocimiento sigue así :)

    ResponderEliminar