viernes, 30 de octubre de 2009

¿Cómo poner avisos en el blog?

Hace algunas clases incluimos en nuestros blogs un nuevo gadget llamado Google AdSense pero, a pesar de habernos registrado, la herramienta se demoraba algunos días en comenzar a funcionar.

La imagen muestra una columna de avisos de Google

Recordando un poco de qué se trataba: AdSense nos otorga dinero por cada click que las personas hagan sobre los avisos que se despliegan en nuestro blog. La cantidad de dólares que recibiremos depende de las palabras con las que hayamos identificado el contenido de nuestro sitio.

La tarea de hoy es hacer que la aplicación sea visible en los blogs. ¿Cómo? Cuando nos registramos, AdSense nos envió un e-mail con las instrucciones para poder lograrlo. De esta forma, podremos comenzar a ganar dinero a través de dichos sitios.

Recuerden que la última revisión de los blogs será el lunes 30 de noviembre y, para poder tener el puntaje completo, deberán tener sus sitios al día, con todas las aplicaciones que hemos integrado en clase, como también con los post de las visitas y los videos correspondientes. De la misma forma, se evaluará el posicionamiento de los blogs en Google.

miércoles, 28 de octubre de 2009

Invitado de hoy: Manuel Contreras Esparza


Manuel Contreras es el editor del sitio web de Cooperativa, en el que se ha preocupado por mantener a la audiencia al tanto de las noticias minuto a minuto, tal como lo amerita una radio. A raíz de esto, vino a la clase de hoy, principalmente para contarnos acerca del cambio cultural que estamos viviendo, en este sentido.

De esta forma, se refirió a la integración del papel al ámbito digital y citó, a modo de ejemplo, el importante cambio que realizó La Tercera hace algunos meses en su sitio web. Según él, esta modificación no funcionó como debía, puesto que las noticias que ahí se publican no ocurren en tiempo real, que es lo que la audiencia requiere y espera.

¿Cómo lo sabe? Ha comprobado que los periodistas piensan que quienes ingresan a los sitios web de los medios, lo hacen esperando leer noticias. Sin embargo, nos explicó que esto no es así, por lo que debe producirse un cambio de pensamiento, puesto que muchas veces la intención de los usuarios es otra.


Por ejemplo, comentó que las personas entran a la web de radio Universo sin la intención de informarse, sino para escuchar la señal online. De esta forma, idearon nuevas herramientas de participación: la audiencia puede escoger la parrilla programática de las tardes, puede comentar en determinados temas en conexión con Facebook, etcétera.


Manuel Contreras logró llegar a esta conclusión luego de plantearse que, para hacer un sitio web, es necesario identificar al grupo de usuarios para poder entenderlos, tal como lo plantean los Arquitectos de la Información.


Finalmente, y a modo de conclusión, nos contó que se quedó con un desafío en particular: poder publicar en tiempo real, para adaptarse de mejor forma al consumo de la audiencia. El hecho de saber que las cosas son en vivo, hacen verlas de otra manera.

A continuación, el video post-clase, realizado por Daniela Cornejo y Javiera Heider.

miércoles, 14 de octubre de 2009

¿Qué es y para qué sirve un wireframe?

En la clase de hoy presentamos los wireframes y explicamos su relevancia dentro del proceso de desarrollo de los sitios web.

Un wireframe es un dibujo esquemático (sin elementos gráficos acabados ni color) que permite entender los elementos que serán incluidos en la interfaz de un sitio web. Gracias a su uso, es posible explicar a todos los participantes en el proceso de desarrollo (especialistas en contenido, diseño y programación), la forma que tendrá un sitio y la manera en que se debe abordar el trabajo.
El wireframe es utilizado en el proceso previo al diseño gráfico y normalmente es desarrollado en conjunto por todos los actores señalados, con el fin de identificar todos los problemas y las posibles soluciones que se deberán enfrentar a medida que se vaya construyendo el sitio.
Sobre el tema recomiendo la interesante exlicación que ofrece el diseñador Y. Pezzopane y este artículo de Smashing Magazine acerca de las herramientas usadas para crear wireframes.
En los comentarios, cada alumno ofrece su propia versión para la pregunta con la que se titula este post.
Nota final: La palabra wireframe viene de la industria de la animación y se refiere a los esquemas hechos sólo con líneas, que permiten identificar la formas que intervienen en una pantalla. De allì deriva su uso en la Arquiectura de Información.

Temas de la Solemne

En la clase de hoy dimos a conocer los temas que serán abordados en la prueba solemne del pròximo lunes 19 de octubre a las 8:00 AM.
La prueba será escrita y abordará cuatro temas:
  • Desarrollo de estrategia para un caso, hasta llegar al wireframe de una solución.
  • Análisis de Posicionamiento para un caso dado.
  • Definición de términos usados en el negocio, orientado a un ejemplo.
  • Revisión y reparación de código HTML
La prueba se entrega por mail y los alumnos pueden usar todos los recursos de información a los que sea posible acceder por su computador, con la excepción de la conversación por cualquier vía con terceros (a.k.a. copiar).

viernes, 9 de octubre de 2009

Invitada de hoy: Darcy Vergara


Darcy Vergara entró a estudiar Periodismo en la UCV hace algunos años, sin estar muy convencida de la carrera. Después de hacer una práctica en medios y dos en empresas, se dio cuenta de que lo suyo no estaba precisamente en el reporteo.


La práctica en Codelco le sirvió para entender lo entretenido que podía ser el trabajo en intranet. Por eso, tiempo después, entró a una empresa llamada AyerViernes, dedicada al diseño digital. En 2004 comenzó siendo editora de blogs, para finalmente pasar a ser parte del equipo encargado de la arquitectura de la información.


Fue ahí donde descubrió que eso era lo que le gustaba. Si bien quería estudiar más acerca del tema, no existían postítulos apropiados, por lo que tuvo que comenzar a aprender de los libros. Uno de los que recomienda, por lo mucho que le ha servido, es "Arquitectura de la Información para la Web", de Rosenfeld y Morville. Luego encontró un magister online de documentación digital, que, aunque no le tenía mucha fe, llenó con creces sus espectativas.


Cabe destacar que lo que más aprendió en AyerViernes fue a trabajar en equipo. Tal como explica, ahí aprendió los pasos para aplicar la arquitectura de la información: cuando llegaba un proyecto, entre todos creaban la estrategia - a partir de las características del usuario y de varios estudios. Luego escogían los contenidos y, finalmente, los organizaban.


Actualmente trabaja en una empresa llamada Mercado Público, donde está encargada de realizar proyectos. Ella organiza el equipo humano, que luego desarrolla el trabajo. Sin duda, gran parte de lo que sabe hacer hoy en día, ha sido gracias a la práctica, más que a la teoría.


En este video, hecho por los alumnos Jordan Jopia, Carla Trenfo y Luis Mario Venegas, está parte de lo que Darcy nos contó y luego una entrevista en la que comenta acerca de los principales consejos que nos entregó.

miércoles, 7 de octubre de 2009

¿Cómo se aplica la A.I.?

En la clase pasada aprendimos en qué consiste la Arquitectura de la Información; hoy entenderemos cómo podemos aplicarla en un sitio web.

El proceso es sencillo y se divide en varias partes: en primer lugar se deben fijar las expectativas del cliente; el paso siguiente consiste en definir los objetivos de mi sitio (¿qué quiero lograr con él?), con ayuda de los clientes.

A partir de los resultados, habrá que definir cómo será la experiencia del usuario del sitio web (escenarios de uso y sitios de la competencia). La siguiente etapa, basada sobre los contenidos del sitio, consiste en la identificación y organización de la información. Esto abre paso a la estructuración del sitio, que incluye el orden, la metáfora de uso, la visión gráfica, los mapas permanentes y los sistemas de navegación.

Finalmente, hay que dedicarse al diseño visual del sitio web: estructuras de páginas, bocetos de diseño, borradores de página y maquetas web, todo lo cual puede ser realizado a través de wireframes.

Esta seguidilla de pasos, se hace más fácil gracias a las diversas herramientas de las que se dispone a la hora de pensar en un sitio web, que consisten en documentos, formularios, pruebas, bocetos, etcétera.

La tarea de hoy consiste en tomar un sitio web (cualquiera) y analizarlo desde lo visto en esta clase.

lunes, 5 de octubre de 2009

Arquitectura de la Información

El concepto de Arquitectura de la Información, fue acuñado por primera vez en 1975 por Richard Saul Wurman, y hace referencia a los espacios que utiliza la información en un lugar determinado.

En la clase de hoy definimos una serie de pasos para llevar a cabo este concepto, para lo cual nos basamos sobre tres elementos principales: usuario, contenido y contexto. La primera de estas etapas consiste en la creación de una estrategia, que se define a partir de la identificación de mi audiencia y, por ende, de sus necesidades.

En segundo lugar, se determinarán las necesidades de contenido de mi sitio. Como tercer paso, y una vez con la información en las manos, ésta deberá organizarse. Finalmente se diseña la pantalla y la forma en que el usuario navegará por mi sitio web, lo que determinará su diseño visual.

Para verificar si todo lo que hicimos estuvo bien, se deberá tener en cuenta tres cosas: que el usuario, al entrar por primera vez al sitio, lo entienda rápidamente y que encuentre lo que quiere de forma fácil. Al mismo tiempo, el creador deberá poder introducir nuevos contenidos sin necesidad de modificar la estructura.

Redes Sociales

Share/Bookmark