SESIÓN 17 :: REFLEXIÓN ::

. PAGE LAYOUTS .


Estos patrones son los que definen la acomodación y la estructuración de la página. Dentro de este tipo de patrones se subdividen 3 categorías:

Jerarquía, que es cuando acomodamos los elementos, con los espacios requeridos, fuentes, colores y formas de modo que generen armonía.

Agrupación, como su nombre lo dice se trata de agrupar la información o los elementos utilizados dentro de la página, existen varias formas de agrupación, entre las cuales se encuentra similitud, que consiste en que todo debe cuadrar de acuerdo al diseño o al modo de trabajar con la página.

Y, por último, Flujo visual, que se encarga de que la página mantenga las caracteristicas necesarias que probablemente harán que el usuario pueda navegar sin problemas através de ella.

SESIÓN 16 . REFLEXIÓN .

. GROUPWARE . Diseñador (experiencia) .

En esta clase la exposición trató de los programas especializados en comunicación para grupos de trabajo vía Internet, llamados "groupware".




Existen compañeros de trabajo que pueden vivir en ciudades, incluso en paises diferentes y están tan al pendiente de sus proyectos y su trabajo colaborativo como si vivieran en el mismo lugar y se vieran todos los días, pero con los "groupware" no es necesario verse todos los dias o vivir en el mismo lugar para acordar o continuar con el desarrollo de algún proyecto.

Estas aplicaciones se caracterizan por brindar gran cantidad de servicios a la vez en uno solo, que, más que nada, es cómodo, ya que permite comunicarte con tus colegas de distintas formas: audio, video, mail, conversaciones escritas. También, por lo mismo de tener el usuario la necesidad de estar guardando o enviando y compartiendo todo tipo de contenidos, permite almacenar y enviar cierta cantidad, que comparada con el mail convencional es mucho más poderosa, esto y muchas cosas más nos ofrece este tipo de servicios.


Creo que estas aplicaciones son muy convenientes y cómodas para las personas que se encuentran lejos y además nos permite experimentar la comunicación de diferentes formas, podemos hasta trabajar para una empresa japonesa y nunca haber visitado Japón, se adquieren experiencias de otro tipo al interactuar por medio de una máquina para llegar a otra en la que otra persona hace lo mismo.

Después de la exposición un Diseñador nos dio una plática acerca de su experiencia y los puntos más importantes para la realización de un diseño. Esta persona pasó por muchos procesos para llegar a ser lo que es ahora, primeramente estudió diseño gráfico (tal cuál), después y con forme cambiaban las necesidades en la gente y las tecnologías decidió aprender por su propia cuenta diseño relacionado con la Web.


Nos mostró un par de páginas que diseñó y nos explicó su metodología o por lo menos lo que él ha descubierto que es necesario seguir para concretar un proyecto, primeramente hay que buscar una necesidad, después generamos la idea para satisfacer esta necesidad, a esto le añadimos los recursos que utilizaremos dentro de nuestro rango, viendo también nuestras limitaciones, que pueden agravarse si se les añade un FT (factor terrorífico: algo que nuestro cliente desea pero que interrumpe y entorpece nuestro diseño, además de no satisfacer las necesidades del cliente de mi cliente).


Su plática me pareció muy interesante y estoy muy de acuerdo con su forma de ver el diseño. También hay que saber decir cuando no queremos hacer algo, o no estamos de acuerdo con algún trabajo que nos propongan, hay que saber imponer nuestros principios o creencias.

SESIÓN 15: extraCLASE

Análisis de interfaz
. . .


Esta vez me gustaría analizar la página del Festival Ethno Port de Poznán ya que me parece muy llamativa, me gusta en cuestión de contenido y me parece interesante la manera en que el usuario interactúa directamente con ella sin necesidad o "maña" de usar el navegador.






Festival Ethno Port de Poznán

La página está constuída como CMS porque controla de manera independiente el contenido y el diseño. De esta manera se pueden crear sitios web más dinámicos y creativos, como lo es la página.

• La finalidad de esta página es dar información y noticias sobre este festival de música al cual asisten grandes figuras entre las que se encuentran: Mari Boine, Iva Bittowa & Lisa Moore, Transglobal Underground, Taraf De Haidouks , Djivan Gasparyan, Habib Koité & Bamada i Houria Aïchi & L’Hijâz’Car, Joanna Słowińska, Żywiołak and Alamut. Este festival, a parte de presentar artistas que continúan interpretando de distintas formas la música y el sonido puro y austero que se había tenido desde hace muchas generaciones, nos invita a conocer el Viejo Canal del Río Warta.

Patrones de uso

Safe exploration: Existe un menú muy fácil de comprender y por medio de este podemos avanzar o regresar cuantas veces queramos sin problema alguno.

Instant gratification: Aunque la plataforma sea CMS no tarda en cargar, debido a que no está saturada de información, todo lo tiene muy bien distribuido y resumido, resaltando puntos esenciales.

Satisfacing: Con el hecho de ser un CMS nos anuncia que la propuesta es creativa, no está retacada de imagenes o de texto, el contenido esta bien distribuido, excelente manejo de animaciones (discretas mas no simples), buenos contrastes y gráficos, agradable a la vista, interfaz interactiva. Changes in midstream: La interfaz es sencilla y permite al usuario interactuar con ella sin problemas sobre cómo hacer alguna acción.

Deferred choices: No pide llenar formatos para poder acceder a ella.

Keyboard only: Ya que es muy dinámico el usuario requiere utilizar el mouse.

Patrones de Taxonomía

• Lista de acciones: Muestra al usuario una lista con opciones para que elija la que más le convenga.

Lista de temas: La interfaz basa el contenido de la información en secciones, cada una de estas nombrada de cierta manera. Estos temas son expuestos al usuario en la página principal.

Patrones de estructura

One-window paging: Todo el contenido se muestra en una sola ventana.

Patrones de organización de contenido

• One-window drill down: porque cuando estas leyendo algún articulo aparece a la derecha, en la misma página una barra de desplazamiento que tienes que mover hacia abajo para terminar de leer la información.

Patrones de navegación

Clear entry points: La página inicial solo muestra algunos temas, dependiendo de qué necesite el usuario se abrirán más para especificar su búsqueda, aún asi, la interfaz permanecerá sencilla.


Global navigation: Esta página me parece muy interesante ya que a pesar de que te vayas adentrando cada vez más en ella puedes retroceder las páginas que quieras o conectarte con otros temas (de la misma aplicación) debido al dinamismo de esta y todo desde donde te encuentres sin necesidad de usar los menús del buscador, lo más extraño es que aunque quieras usarlos no puedes, se encuentran deshabilitados como si nunca hubieras entrado a la página.

• Pyramid: Al inicio se muestran los temas esenciales y cuando colocas el cursor sobre algunos enseguida se abren más opciones referentes a este.

Modal Panel: Ya que como se muestra en algunas fotos de arriba, antes de entrar a la página inicial aparece un panel del cual el usuario tiene que elegir una opción. En este caso son 2 idiomas; ingles y polaco.


Color-coded section: Se juega con los colores. Los puntos esenciales aparecen con cierto color (rojo) al desglosarlos abren temas con un color diferente (azul) para distinguir cada uno.

• Annotated scrollbar: Cuenta con su propia barra de desplazamiento para dar libertad al usuario de manejar y de interactuar más con la interfaz.

En cuanto a las transiciones contiene "animated transitions" porque al hacer una acción con el mouse, como dar click o ponerlo sobre un elemento, la imagen o el texto se mueven y dan origen a otra acción.

SESIÓN 15: REFLEXIÓN

Patrones de navegación . Aplicaciones para compartir contenido

Durante esta clase vimos más tipos de patrones que entran en la clasificación de los de navegación:

Transiciones

Animated transition: Esta categoria es poco común y muy llamativa al público. Puede ser que al momento de abrir una ventana o al hacer click en una opción salte de pronto un menú o una nueva ventana de manera animada.

Scaped hatch: Este patrón se vale de un "truco" o una opción para salir, por ejemplo en una página web, cuando aparece un recuadro el cual no te permite continuar a menos que presiones la opción "cancel".

Señales

Breadcrumbs: Cuando se muestran los sitios que hemos recorrido a lo largo de nuestra búsqueda por orden, en algún lugar de la pantalla, el cual siempre permanece visible.

Secuence: Cuando se nos dan fácilmente los pasos a seguir, puede ser, en la mayoría de sitios visitados, números de páginas que hay por ver y flechas que nos permiten ir a la siguiente o ver la anterior.

Color-coded section: Para hacer referencia a que (dentro de una misma página) nos encontramos en otro tema diferente la pestaña o la nueva ventana cambia de color.

Annotated scrollbar: Cuando la interfaz de la página tiene la opción de navegar dentro de ella y no haciendolo por medio del browser. Este patrón se caracteriza por contener textos o imagenes de un tamaño específico que no nos es posible apreciar completamente si no que tenemos que utilizar las barras de desplazamiento que contiene la página para poder ver completo el contenido.

La exposición trató de las diferentes aplicaciones que utilizamos para compartir contenido, entre las cuales se encuentran con las que se comparten video; youtube, vimeo, tu.tv y vblogging (que es un concepto poco utilizado por la gente y, sin embargo, muy conocido en la red).

Las que comparten conversaciones de audio y video (puede ser al mismo tiempo), este servicio (VoIP) tiene un máximo exponente y que, sin dudas, sobre pasa al teléfono convencional, Skype.

Los servicios FTP y P2P sirven, tanto para compartir archivos, documentos, presentaciones, como para compartir videos y música. Son los más utilizados en la red, FTP permiten acceder directamente al link y descargar el archivo a tu ordenador, mientras que los P2P necesita la interacción entre usuarios para poder descargar los archivos, algunos ejemplos: programas de música; eMule, Vuze.

También durante esta presentación vimos temas como el Internet en sus inicios, cómo revolucionó la vida y las relaciones humanas, qué es lo que sucede en estos días y qué es lo que más se estima que pasará en algunos años, con la gente, el Internet y la Web 3.0.