karpicius

En otras oportunidades he comentado sobre materiales para la educación, pero, estos días estuve buscando alguna guía, genérica al menos, de como diseñarlos.

Es asi que encontré el portal, en realidad un wiki de Gleducar en donde disponen de un listado importante de aplicaciones de software libre para utilizar en nuestras aulas y algunos tutoriales muy interesantes.
Pero de todos modos, no encontré un “hágalo así, utilice estas herramientas, etc” .

Tampoco lo voy a hacer ahora, pero quise escribir unos pequeños lineamientos de como empezar y que software utilizar para cada caso particular en que se quiera diseñar pequeños contenidos modulares para colgar en la web.

Ya llegará el momento en que comencemos a crear estos módulos de ejemplo, de como utilizar el software, de hecho ya empecé y los dispondré en el transcurso del semestre.

El problema es siempre por donde comenzar, por eso, una pista de que programas usar para cada caso particular.

Si necesitamos hacer videos, sobre usos de software, o por ejemplo, que los alumnos puedan ver como crear una cuenta en Bloglines o Flickr, o mas simple, como utilizar el navegador, la opción puede ser Wink.

Ya saben, hoy es viernes, asi que una para mis amigos blogueros.
Esta ilustración pertenece al sitio MiraRuido e ilustra muy bien a algunos que conozco (y no doy nombres).-

Un artículo que me gustó mucho por lo sencillo y útil que puede resultar es el que ha traducido en su blog Sergio Gago.
No tiene desperdicios y me pareció buena idea reproducirlo completo, ya que hace un tiempo salió este tema en las listas del Sidar sobre el correcto marcado semántico y algo de microformatos.
Que lo disfruten y creo yo que es de lectura obligada para todos, pero muy especialmente para aquellos que brindan contenidos web informativos; los blogueros.

Un trabajo realizado desde Microformática, blog dedicado sobre todo a los microformatos y a la Web semántica, que me atrevo a traducir, ya que me parece muy interesante a tenerlo incluso como “chuleta” a la hora de codificar. El resto del blog es muy intersante.

Por supuesto que este post esta relacionado a lo que escribíamos ayer sobre tablas y CSS.
En verdad a veces muchos tratamos de buscar cual es la raíz de este inconveniente que siempre lo vemos, y que a muchos nos cuesta aceptar.
Para muchos diseñadores es un gran problema volcarnos a escribir código y, lo mismo a los programadores, les molesta mucho tener que trabajar con conceptos visuales y de diseño.

Todos quienes estemos en ambientes mixtos (diseñadores y programadores) en donde ambas profesiones deben interactuar, pasamos por las mismas situaciones a la hora de un desarrollo.
Ni el diseñador está al día con lo último en lenguajes y programación, ni el programador está al día con lo último en diseño.

El problema es cuando uno debe suplir el trabajo del otro, o lo que es peor, hacer ambos trabajos, por nadie puede saber absolutamente todo lo que la web puede darnos, aunque existan excepciones  a esta regla, el diseñador diseña y el programador programa, al menos en teoría...
Pero ¿porque en ambos lados, nos cuesta avanzar hacia nuevas metodologías y formas de trabajo?. De un modo u otro siempre terminamos buscando al malo de esta película, y hoy quienes ganan por lejos, los estándares.

Estos últimos días, inclusive hasta hoy, se ha estado dando una discusión, que no sería importante en lo absoluto y que siquiera alguien se animaría a discutir, salvo hasta ahora, eso pensaba.
Y no ha salido sino, de la lista de correo que considero la avanzada en Iberoamérica en cuanto a diseño centrado en el usuario, a experiencia del usuario.

La pregunta es sencilla ¿maquetamos con tablas o maquetamos con CSS?

Yo les dije, parece sencillo, pero a las claras no lo es.
Para mantener limpia la información no daré nombres ni de la lista, ni de las personas ni de la empresa involucrada. Aquí lo importante es la discusión que gira entorno a estos.

Ahora bien, es una práctica común, someter un diseño, mas precisamente un sitio, a la opinión de los miembros de la lista, mismos que aportan de forma objetiva y muy profesional, sus puntos de vista al respecto en la gran mayoría de los casos.

Este fue un caso más. El diseño propuesto resultó muy limpio visualmente, con un estilo bien cuidado, buena navegación, buen marcado de las secciones, etc.
Hubo por supuesto, detalles importantes, que se resaltaron como errores, o mejor dicho, como mejorables, entre los que mas se repitieron estaban, mejorar el contraste de colores, no utilizar imágenes para el menú de navegación y no maquetar con tablas.

Todo estaba en orden hasta que uno de los responsables del proyecto se descargó con un, “...cada uno lo hace lo mejor que puede con los métodos que mejor domina...”.

Días pasados leí un post de Sergio Gago que me interesó mucho, particularmente por el análisis al proceso de diseño que hace y al punto de vista sobre la usabilidad que se tiene en muchos de los desarrollos.
En un párrafo señala:

"... Pero el hecho, es que cada sistema, cada aplicación o máquina/aparato tiene unas reglas de usabilidad totalmente distintas. Incluso en aplicaciones y páginas Web, donde la consultora “guay” es la que vende al cliente que sus sistemas cumplen AA, realmente lo único que tienen es una serie de patrones que intentan seguir hasta que se les pone delante el IExplorer 6… Y eso por no hablar de las grandes consultoras, donde por supuesto la usabilidad es en lo último que se piensa.

Pero… si a mi me habían dicho que me leyera unos manuales y aplicara lo que pone en mis diseños… y que hiciera las cosas como para que mi abuelita pudiera navegar por mi sitio Web….

MAL! ¿Por qué vas a diseñar tu sistema apto para que navegue tu abuelita por él si nunca lo va a hacer? Posiblemente, para quitar funcionalidades a tus verdaderos usuarios. Al final lo único que hacemos es ponernos a aplicar estándares y verdades a medias que alguien dijo alguna vez, sin pararnos a pensar si son lo que realmente necesitan los usuarios finales de lo que vamos a crear...."

También se dieron un par de comentarios a la entrada que resultaron mas que interesantes.

Para leer el resto de la entrado visitar el blog de Segio Gago

Hace ya un tiempo que en una de las listas de discusión del SIDAR, se trató el tema de los tipos de usuarios. En esto se nombraron los Nativos e Inmigrantes digitales; dos clases bien marcadas generacionalmente a las cuales hace referencia Mark Prensky en una traducción libre de Omar Villota Hurtado, para las cuales debemos diseñar y presentar información de manera que ambas la comprendan.
Hoy leyendo un post de hace unos meses, en el blog de Joaquín Marquez, me encontré con este ejemplo, más que claro, de que se trata cuando hablamos de nativos e inmigrantes.

"... Esta mañana, en el tren de camino al trabajo, he sido testigo de un diálogo genial entre una madre y su hijo de unos 13 años.

- En el cole hace dos años que sabíamos que Google iba a retar a Microsoft- dice el chico, leyendo el titular de un periódico.

- ¿Qué?

- Te digo que ya sabíamos que Google iba a retar a Microsoft.

-¿Quién?

- Google. GOOGLE.

- Ahhh… ¿y qué iba a hacer el gugl ese?

- Joder mamá, retar a Microsoft, a Windows, para hacerle competencia con el Office.

- Ah. Claro. ..."

Para seguir leyendo les dejo el artículo completo

Hace un tiempo ya, presenté como trabajo final para una materia, una propuesta para trabajar los patrones de diseño relacionados a la teoría de la Gestalt. En ese punto publique el trabajo en Catfish Project, en donde a decir verdad, no me esperaba que fuera descargado tantas veces, para bien o para mal.
Es que me di cuenta que sobre la temática hay muy poco. Días pasados estaba buscando en la web alguna solución en Patrones de Diseño para la Educación a Distancia, y me di cuenta que llamativamente, tampoco había mucho, por no decir nada.

Tal vez, la representación que tengo de los patrones de diseño no es la adecuada a su verdadera definición, pero de uno u otro modo, es necesario tener una guía que solucione problemas relevantes a la hora de generar y mostrar contenidos para el aprendizaje en la web.

Por esto me puse nuevamente a reflotar la idea de los Patrones y la Gestalt en la esperanza de poder brindar alguna solución, o , aunque más no sea, alguna guía de procedimientos para la creación de material para la educación a distancia y el e-learning.
De momento y para comenzar con este rescate, en el vínculo al final de este texto pueden acceder a descargar el trabajo presentado en su momento como “Aplicación de la Gestalt y los Patrones de Diseño de Interacción al diseño de Interfaces Centradas en el Usuario.”

Demás esta aclarar que el trabajo fue en mis primeros inicios en este terreno y que por supuesto presenta algunas correcciones para hacer. Espero también todas las críticas que quieran hacer, mientras seguiré trabajando la idea.

Haciendo mi recorrida diaria por la blogosfera, me encontré en el factor humano con un post interesantísimo sobre guías de estilo para el diseño web. Para expresarnos mejor no solo se trata de una guía CSS, sino de como trabajar con una imágen institucional ya existente desde el estilo de la interfaz, pasando por la estructura, las hojas de estilos, el contenido y la accesibilidad.
Me pareció más que interesante la que ofrece la Florida State University en su sitio.
Es un modo interesante de mostrar como el diseño web se puede tratar con un alto nivel de profesionalismo y de modo interdisciplinario. Si bien una web la puede hacer cualquiera, sería mas que interesante avanzar un poco hacia este tipo de trabajos.-
Como menciona Nelson Rodriguez Peña en el post, es una lástima que no existan, o al menos no se conozcan o estén disponibles, guías de estilo como esta en castellano.
Guía de Estilo Florida State University