¿Qué son los wireframes?

Aprovechando que hemos hablado y estamos usando esta metodología en clases, les dejo este enlace para contar con más información al respecto.

Características de los contenidos

Luego de analizar en la clase pasada los elementos que rodean al contenido, en ésta entregamos las características que deben cumplir los contenidos propiamente tales. Las siete más relevantes son las siguientes:

1. Los textos deben ser cortos, breves y directos, ya que las personas no leen en las pantallas sino que buscan palabras y saltan por el contenido tras ellas.


2. Dado lo anterior, se deben destacar palabras en el texto para ayudar a los "saltos" señalados.


3. Los títulos deben ser largos, incluyendo sujeto y predicado, para permitir que puedan ser entendidos fuera del contexto que da el sitio. Por ejemplo, cuando aparecen en la página de resultados de búsqueda de un buscador.


4. Los contenidos se deben agrupar por áreas de interés o relación, utilizando subtítulos significativos.


5. Al incluir imágenes o videos, el autor del contenido debe contextualizarlas con información de texto, explicando su contenido para crear polos de atracción en la pantalla.


6. Se debe preparar el contenido para que haya lectura horizontal, vale decir que se pueda acceder a más información a través de enlaces internos o externos ofrecidos por el autor.


7. En caso de que se quiera ofrecer mayor información, se la debe entregar a través de textos para imprimir o descargar. Pero lo importante debe entregarse de acuerdo a lo dicho en el primero de estos consejos.

Como trabajo en clases se pidió revisar el análisis de Ricardo Canales y priorizar cuál es el más relevante y luego, revisar la crónica de Marcelo Araya sobre el fracaso de Colo Colo y determinar si cumple con las recomendaciones vistas.
El trabajo de los alumnos se puede revisar en la zona de comentarios de este post.

Tarea de hoy: análisis heurístico

Como parte de la clase de hoy, invité a los alumnos a realizar un análisis heurístico de los sitios que les parecieran más adecuados para hacerlo.
Aunque tal tipo de trabajo requiere de más elementos de juicio, en esta ocasión les pedí que trabajaran analizando cuatrro áreas concretas:

• Zona de Identificación: todo lo que permite reconocer qué es y de qué se trata el sitio; incluye la revisión de logo, slogan, favicon y título para buscadores, entre otros aspectos.


• Zona de Contacto: permite entregar todos los datos para saber quién publica y cómo llegar a ellos, considerando como relevante la inclusión de dirección, teléfono, mail y hasta nombre de un representante. NaturaLmente, se busca que haya acceso a un formulario de contacto disponbible; todo lo anterior debe estar presente en cada página del sitio.


• Zona de Navegación: es la que permite ofrecer elementos para moverse dentro del sitio. Incluye menú de navegación con las secciones y marcar aquella que esté activa; contar con claros identificadores de la sección y con un menú de rastro o breadcrumb.


• Zona de Acción: es la que permite que el usuario interactúe con el sitio web; se le ofrece contenido adicional y cualquier objeto que le permita extender la navegación que lo haya llevado a la página que está visitando.

En los comentarios de este post podrán ver los análisis entregados por los alumnos al término de la clase.

El desafío de este jueves

Tal como indica nuestro calendario, hoy es día de entrega.
Para que sea más claro, ésta comprende:

1. Documento que explica el proyecto.


2. Inventario de contenidos.


3. Estructura del sitio.


4. Wireframes de portada principal, portada de sección y página de contenidos.

Como es habitual, la entrega es al mail del profesor al término de la clase.

Comenzamos con AI

Hoy en clases comenzamos con Arquitectura de la Información.
Como parte del trabajo de clases dejamos el siguiente encargo a los alumnos:

• Escribir un post en el blog de cada alumno, que responda a la pregunta ¿Qué es la Arquitectura de la Información?


• La redacción debe incluir una definición formal y el punto de vista personal acerca de la disciplina.


• Una vez escrito, debe postearse el enlace en los comentarios de este artículo.

Finalmente, en el FTP del curso están los apuntes de la clase de hoy; de ellos el próximo martes se debe tener completo el primero para revisión con el profesor.

Última hora: ya tenemos fecha y hora para la Solemne. Será el martes 26 de mayo a las 8:00 AM.

El periodismo que estudiamos no es el que ejerceremos

A diferencia de cuando yo estudié Periodismo -en el comienzo de la década de los 80s-, hoy existe claridad de que lo que se aprende en clases, no necesariamente llegará a ser aplicado.
Todo está cambiando, así que lo interesante en clases es aprender una actitud, más que la forma de hacer las cosas. O, como dijimos en la clase pasada, lo bueno de ir a clases, es que uno puede equivocarse con tranquilidad, ya que sólo la nota está en juego (más tarde será la pega y eso, es otra cosa).
Esto, a raíz de un excelente artículo del profesor Miguel Paz, que les recomiendo leer.

Primera entrega; requisitos mínimos

De acuerdo a nuestro calendario, este jueves 9 tenemos la primera entrega.
Se trata de un sitio de al menos tres páginas que debe tener las siguientes características:

• El conjunto de páginas debe referirse a una noticia, por lo que las páginas a construir deben referirse al mismo tema. En una se debe presentar el hecho; en otra los protagonistas y en la tarecera, material de apoyo. Se valorará especialmente la inclusión de más páginas e información.


• Las páginas deben estar vinculadas entre ellas por un menú que marque cuál es la página que se está visitando y permite acceder a las demás que estén disponibles.


• Las páginas deben estar diagramadas en columnas. El contenido, por lo tanto, debe estructurarse en espacios que le den un sentido adecuado a dichas columnas.


• Cada página debe tener enlaces internos y externos.


• En al menos una de las páginas, debe haber un video proveniente de YouTube.com u otra plataforma, que tenga relación con el sitio que se construye.


• Parte de la evaluación será formal y se referirá al orden de las carpetas, la forma de nombrar los archivos y la manera de organizar los documentos en carpetas.


• Para hacer el trabajo se debe utilizar la cascada de estilo del archivo 9abril.css.

La evaluación de este trabajo buscará determinar el grado de aprendizaje de cada alumno en el manejo de conceptos de HTML + CSS.