Conferencia de LA TRUCA-ICESI 25 de Abril

"La inspiración se encuentra en todas partes, hay que ser muy perceptivo. pero sobre todo persistentes"

La conferencia  es una forma de sentar precedentes para un conocimiento que nos ayudara en la vida profesional como diseñadores y que nos da muchos tips en el caso que nos queramos ir por el lado de la cinematografía. Una de las cosas importantes que dijo fue que para un proyecto cinematográfico no se necesita saber el tema que se está tratando en sus inicios, sino más bien contar la historia en el clímax para poder enganchar a la audiencia.

Otro aporte muy importante de la conferencia fue que es mejor empezar un proyecto de ideas sencillas e irlas incorporando hasta tener una historia con pies y cabeza

Se mostraron dos de sus cortos. Uno bastante famoso, llamado Agosto, donde los escenarios fueron inspirados en la ciudad de Bogotá, e incluso los personajes eran familiares de Andrés, que quiso recrear. El otro era más inspirado en una experiencia personal, que aludía al tráfico de Bogotá.

En general, fue una conferencia muy agradable, ya que contaba anécdotas personales, que poco a poco  hicieron que tomara mas experiencia y conocimiento.

En conclusión, este tipo de proyectos requiere de cierto talento que no todo el mundo desarrolla fácilmente y de mucha dedicación, como todo lo relacionado al diseño o producciones visuales. "La maestría es un juego de uno" dijo, cosa que me parece muy cierta pues al fin y al cabo el que desarrolla cierta habilidad es uno mismo y nadie lo va a hacer por uno.

{ CSS :: Cascading Style Sheets:: }

CSS es un lenguaje usado para definir la presentación de un documento estructurado escrito en  HTML o XML (y por extensión en XHTML) La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación. Gracias a esto se pueden realizar de manera mas fácil la programación de los diferentes sitios. 

La información de estilo puede ser adjuntada como un documento separado o en el mismo documento HTML. En este último caso podrían definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo “style”.

CSS proporciona tres caminos diferentes para aplicar las reglas de estilo a una página Web:

El primer estilo es una hoja de estilo externa que está almacenada en un archivo diferente al archivo donde se almacena el código HTML de la página Web. Esta es la manera de programar más fuerte, porque separa completamente las reglas de formateo para la página HTML de la estructura básica de la página.

Otro estilo es una hoja de estilo interna, que está incrustada dentro de un documento HTML. En general, la única vez que se usa, es cuando se quiere proporcionar alguna característica a una página Web en un simple fichero.

Por ultimo encontramos el estilo en línea, es un método para insertar el lenguaje de estilo de página directamente dentro de una etiqueta HTML. El incrustar la descripción del formateo dentro del documento de la página Web, a nivel de código, se convierte en una manera larga, tediosa y no es la mas adecuada.

Utilizar CSS trae grandes ventajas a la hora de realizar un trabajo ya que tenemos mas control centralizado de la presentación de un sitio web completo con lo que se agiliza de forma considerable la actualización del mismo. Es de fácil accesibilidad para todo los públicos, también con CSS una página puede disponer de diferentes hojas de estilo según el dispositivo que la muestre o, incluso, a elección del usuario. De igual forma el documento HTML en sí mismo es más claro de entender y se consigue reducir considerablemente su tamaño.

Que ventajas tiene?

-Definir distancia entre lineas
-Ubicar mejor y cambiar elementos en la pagina
-Podemos definir usando pixeles, pulgadas, puntos y centímetros
-Separación de forma y contenido
-Cargar  mas rápido la pagina
-Modificación de la hoja de estilo (Diseño modificado - Flexibilidad)

El hecho de que CSS ha reemplazado el uso de tablas, trae como consecuencia negativa la diagramación de páginas complejas en arquitectura e información, debido a que el uso de tablas propicia ventajas en diagramación 

Html Vs Flash

Html:
-Lenguaje de Marcas Hipertextuales o Etiquetas de fácil aprendizaje.
-Los archivos pueden tener extensiones (htm, html).
-Permite un manejo del texto mas estructurado, pues permite un manejo de maquetación u organización de elementos de la página que se puede hacer por medio de Capas de DIVS o tablas.
-No requiere exploradores experimentados.
-Buena relación entre peso y calidad.
-Son fáciles de actualizar.
-Se puede cambiar su diseño, sin necesidad de cambiar su información.
-Hay una integración fácil en cuanto a tecnologías como PHP, CMS como wordPress, Joomla, JavaScript.
Limitaciones:
-Páginas web estáticas.
-Manejo de etiquetas muy limitado y si se excede en el guardar de estas puede dificultar su correción (almacenamiento de basura).
-La interpretación de cada navegador esta diversificada.
-Bajo nivel de interactividad.
Flash:
-Editor visual super sencillo.
-Alta calidad.
-Su manejo en el ángulo del desarrollo visual (multimedia) es mas efectivo (animación, sonido y vídeo juegos).
-Mejor y más fácil manejo de calendarios o elaborados sistemas de navegación.
-Hay una integración en cuanto a tecnologías como PHP, CMS como wordPress, Joomla, JavaScript.
Limitaciones:
-El rendimiento y visualización o al cargar la página es muy lento.
-Requiere de plug-in específicos que  no todos los usuarios tienen, o no son lo adecuados o de ActionScrips. Para más información acerca de esto consultar el siguiente link http://www.genbeta.com/multimedia/comparando-el-rendimiento-de-html5-y-flash
-La información contenida en el sitio web, no se puede copiar ni imprimir en muchas ocasiones.

Layout Pagina del Canal Caracol

 La pimera opción tiene el objetivo de mostrar el contenido general de la pagina, no se enfoca en ningun aspecto en especial , es mucha información donde expresa la mayor cantidad de temas posibles. En el segundo Layout se maximiza el tema de las imagenes, donde se quieren mostrar los productos mediante imagenes representativas que ocupan la mayor cantidad del espacio, y desde las cuales se puede navegar.
En la tercera opción se resalta el sentido corporativo al sitio, es por esta razón por la cual hay mas enlaces a las redes sociales porque se quiere crear una conexion mas estrecha con el usuario, se muestra mas veces el logo del Canal para que siempre haya una coherencia corporativa mas agrupada en todo el sitio.

Analisis Paginas Web

http://dl.dropbox.com/u/52340910/arquitectura_webs_pdf.pdf

Pagina de la exposicion:

http://dl.dropbox.com/u/52340910/ea_web.pdf

Exposición Capitulo 2

¿QUÉ HACE UN ARQUITECTO DE LA INFORMACIÓN?

A grandes rasgos se podría resumir la labor de un arquitecto de la información en 3 partes:

- Transormar lo complejo en entendible

- Permitir a los usuarios "aprender su forma de aprender"

- Dar de forma clara la información en la actualidad

REQUERIMIENTOS PARA UN SITIO WEB

 Se habla de 6 factores necesarios para el desarrollo de un sitio web, cada uno de ellos es esencial para el éxito de este desarrollo:

1. Trabajo en Equipo importante para que cada individuo copere por el objetivo grupal

2. Páginas HTML Conocimiento necesario para hacer el montaje de la página

3. Reglas de los sitios web Se debem conocer para no entrar en contraproducencia con el sitio.

4. Programador que revise el servidor Muy importante un programador presente para regular toda la actividad de página

5. Servidor para Internet El servidor permitirá que el sitio este al alcance de todos

6. Asesoría de un diseñador El elementos más importante para cautivar al cliente

Dada la labor y los requerimientos podemos conocer los objetivos de un Arquitecto de la Información, que son básicamente 3:

OBJETIVOS:

- Reconocer la misión y visión de la página web

- Equilibrar exigencias y necesidades de los patrocinadores

- Organizar la interacción entre usuario y sitio web

El arquitecto de la información cuenta con clientes de diferentes tipos, podemos identifcar dos de ellos:

CONSUMIDOR "CONCRETO"

No quiere invertir mucho tiempo, sabe lo que quiere y necesita información rápida y fácil

CONSUMIDOR "EXPLORADOR"

Explora sobre los temas de interés, agarra información de la página ya que desconoce el tema.

PERSPECTIVA DEL CONSUMIDOR

Para conocer la perspectiva del consumidor se deben tener en cuenta 3 aspectos:

1. Criterios de tercers

2. Fácil flujo de información

3. Entendible uso del sitio

siguiendo estos tres lineamientos se obtendrán buenos resultados de inversión

¿QUÉ SE NECESITA PARA SER UN BUEN ARQUITECTO DE LA INFORMACIÓN?

- Pensar como extraño; se debe ver el sitio como si nunca se hubiese visto para hacerlo intuitivo a los nuevos usuarios.

- comprender la misión, objetivos y público objetivo; importante porque después de todo el público es el que juzgará si el sitio funciona o no.

- Entender las disciplinas en los procesos de la información; se debe tener conocimientos sobre cómo disponer de la información y presentarla de la manera más clara posible

A TENER EN CUENTA

Hay seis campos que componen el desarrollo de un sitio web: El Diseño Gráfico, Bibliotecología, Periodismo, tecnología de utilización, comercialización e informática. Por esta diversidad de componentes laborales en el desarrollo de un proyecto como estos se deben tener en cuenta algunas cosas.

En primer lugar debemos asgurarnos de trabajar en equipo con personas de otras disciplinas para evitar estar sesgado por nuestra propia perspectiva. El segundo lugar,  es importante la concentración en la arquitectura del sitio como tal, y salirse un poco de la identidad gráfica que distrae.

Finalmente el equipo de trabajo debe estimular tus ideas y permitir observar el desarrollo del proyecto desde las diferentes perspectivas.

AREAS DE TRABAJO

Mercadeo: Se centra en el target del sitio web para atraerlos  adecuadamente

Arquitectos: Diseño de la estructural funcional del sitio

Diseño gráfico: Equilibrio entre forma y función

Editorial: Corrección y edición del lenguaje

Técnico: Programadores responsables de la administración del servidor

Gestión de proyectos: Regular el manejo del tiempo y presupuesto del proyecto

CONCLUSIÓN

El éxito de un diseño de página web y el proyecto de producción depende de una comunicación exitosa y la colaboración entre los miembros del equipo especializado.

Para el arquitecto de la información, la comunicación es un reto especial debido a la naturaleza intangible de la obra.

Desarrollo de la exposición del Capítulo 2 del Libro guía "Information Architecture on the World Wide Web" Desarrollada por Juan Sebastián Durán C, Nicolás Botero B y Alejandro González S.

Pagina Canon