jueves, 7 de abril de 2011

Análisis al sitio de GVA Tours

Se analizo el sitio web de la operadora de grupos, viajes y autobuses GVA. Este proceso se realizo a través de la navegación del portal además de
revisarse aspectos estéticos y prácticos. A continuación una captura.


Las deficiencias del sitio se hicieron obvias en pocos momentos al presentarse desordenado, deforme y difícil de navegar. Es por eso que se
plantea renovar a fondo al plantearse un diseño totalmente nuevo además de proponerse un nuevo esquema de contenidos que resulte más simple
y claro al eliminarse secciones que resultan repetitivas.
A continuación el mapa de contenidos sugerido para el sitio.


Deficiencias en el diseño:
1)El menú de navegación se encuentra ubicado muy cerca del margen superior, lo cual lo esconde además de alejarlo del resto del contenido.
2)El logo se repite, al mostrarse tanto a la izquierda como a la derecha con variaciones en su diseño, siendo confuso al no saberse con precisión
cual es el oficial, además de aportar un elemento desequilibrante a la composición del sitio.
3)El "header" donde se hubican los logos es demasiado ancho, robando espacio al contenido y siendo otro elemento que juega en contra de la
composición.
4)El rectángulo blanco y redondeado que "une" al "header" y al espacio del contenido roba mucha atención y no es un elemento estético.
Desequilibra la composición y no tiene un fin útil ni técnico.
5)No existe un estandar en cuanto a la tipografía de los contenidos, restando seriedad a la página además de confundir al romper con la
continuidad de la navegación a través del sitio.
iconicidad = 5/10 Los botones o links de menu no parecen botones y necesitan de una inspección más atenta o de la lectura de los elementos para
reconocer que son.
accesibilidad = 5/10 El sitio es confuso y no quedan claros los servicios, costos y destinos que se ofrecen.
Al ser estas deficiencias muy marcadas se opta por plantear una renovación total del sitio ya que se cuentan con muy pocos elementos a "rescatar"
en la página actual.
El diseño propuesto sería el siguiente:


En este diseño se coloca el logo en un sitio estandar o clásico, esquina superior izquierda, y solo se muestra una vez. El menú tiene un aspecto más
tradicional resultando en una navegación más intuitiva. Los contenidos cuentan con tamaños, fuentes y colores definidos que aportan continuidad
en la línea del diseño y resaltan los títulos sobre el contenido guiando al usuario a la información que necesita. Se opta por colores más obscuros
que son más serios a la vista además de invertirse la utilización de los colores, al hacerse al "header" y "menu" de color azul y al espacio de
contenidos blanco.
Además se agrega un espacio para mostrar un banner en flash que aportara dinamismo para mostrar los viajes más cercanos.








jueves, 31 de marzo de 2011

AVJ Guión Técnico


A continuación el Guión técnico para la aplicación AVJ. Ahí se desglosan todas sus partes y se especifican que hacen y como funcionan.

jueves, 17 de marzo de 2011

Actualización mapa de contenidos

Acá las correcciones y la tabla que había faltado:

Tabla de contenidos

Canales
1.1 Nombre de archivo
2. Monitor de canal
2.1 Controles de reproducción
3. Sync tempo a master
4. Tempo display
5. Blend Mode
6. Fader opacidad/volumen
7. Control color Knobs HLS
8. Control knobs RGB
9. Hot cues
10. Ganancia
11. Selección de filtro de audio
12. Control filtro audio
13. Conrol knob EQ (Bajos, medios y altos)
14. Control propiedades de video y efectos

Columna central
1. Monitor Master
14.1 Control propiedades master y de efectos
17. Osciladores
16. Browser efectos
15. Browser archivos ¿Media bin?

Y acá el mapa

lunes, 14 de marzo de 2011

IO Graph

Acá los resultados del trackeo de mouse:

Jagger Music
Trackeo sin mostrar el sitio

Trackeo con el sitio de fondo

Lessrain

Trackeo sin mostrar el sitio


Trackeo con el sitio de fondo

En el caso de Jagger music vemos que hay una tendencia hacia la derecha, mientras que en el caso de Less rain todo se concentra más abajo a la izquierda. Quiza cada caso es su propuesta de navegación, donde la de Jagger music (en mi caso) se siente un poco más natura mientras que en el caso de Lessrain llegas a preguntarte porque se desaprovecha o no se utiliza la parte superior del navegador para mostrar contenido.



jueves, 3 de marzo de 2011

¿Processing o Max?

Ahora nos enfrentamos a una gran decisión: ¿Se utilizará Processing para desarrollar el software o Max?
Por un lado Processing ofrece una programación más profunda y librerías de botones, knobs y faders bastante útiles. Pero por otro en Max el desarrollo de AVJ sería más natural y veloz.
Todo apunta hacia Max al tener un motor más potente y eficiente, al ser eso uno de los factores más importantes en la interfaz, velocidad y eficiencia. Se consultará a un par de profesores para poder llegar a una conclusión final.

jueves, 24 de febrero de 2011

Página que cumple las 5 reglas sobre le diseño web

http://www.albinoblacksheep.com/

Albino Black sheep es una comunidad de diseñadores/animadores que tiene ya una existencia de casi 10 años donde se exponen principalmente animaciones y juegos creados con flash. Esta página se a depurado con el tiempo y ha logrado dese hace ya un par de años contar con una interface muy amigable y eficaz.
La gran mayoría de su contenido esta al alcance de un par de click, y de igual manera podemos regresar a cualquier punto. Funciona a través de un menu superior, una cabecera que muestra material destacado y abajo se despliega una especie de blog que se va a actualizando con lo que se va agregando. Los colores y el diseño van acorde al contenido y permiten a las animaciones o juegos ser el centro de atención al contrastar con el fondo negro.
Además cuenta con un buscador que funciona con un motor de google, y con la opción de traducir la página (creo que también es a través de google) pero esta opción todavía tiene sus peros.