El diseño visual está lejos de ser “un dibujito a la rápida”, aunque sigo encontrándome con ese tipo de solicitudes. En la web es consecuencia de un proceso cada día más científico de DCU. Pero ¿quién traduce el diseño visual para navegarlo y crear un buena experiencia en los usuarios?

Somos los Diseñadores gráficos que debemos tomar el guante y hacernos responsables y no los programadores o ingenieros.

Nada personal,  es más accesible aprender lenguajes como HTML y CSS por ser más acotados.  En el pasado expliqué ¿Qué es el diseño Front? y teniendo eso en cuenta, lo siguiente.

El dominio del HTML y CSS no basta, si bien es fundamental, no basta. Se necesitan conocimientos y experiencia, como en cualquier oficio o profesión. En este caso, teoría de color, estudio de tipografía, composición de elementos, equilibrios visuales, etc. Elementos que construyen  una sensibilidad que hay que saber utilizar, leer, reconocer e interpretar.

Repito, sin dominar el Front no llegamos a ningún lado. Dominándolo podemos hacer una óptima traducción de la propuesta visual, desarrollada en un lenguaje gráfico, en valores de luces, sombras, pesos visuales, dominios del blanco, etc. plasmando correctamente el objetivo, concepto e idea generatriz del proyecto. Traducción o interpretación que por cierto debe tener sentido, ser semántica.

Cuando no dominamos (Diseñadores, Programadores e Ingenieros por igual) alguno de estos lenguajes, Visual, HTML, CSS es cuando los diseños se distancian de las propuestas visuales, cambian los márgenes, tipografías, desaparecen iconos, etc. y pierde el valor o parte de él, el mensaje que se queire entregar.

El Diseño no es “el arte“. Helarte es lo que sientes antes de congelarte.

Este post está en mis borradores desde Marzo

El sábado pasado buscando información sobre Glaucoma, para documentar mi próximo post ( “Glaucoma y Accesibilidad” borrador aún ) y me encontré con el sitio del Fondo de Discapacitados FONADIS, no está de más decir que me alegró el hallazgo.

Mi alegría se convirtió rápidamente en frustración, al ver el bajo nivel de accesibilidad que tiene el sitio. Incluso declarando literalmente, lo cito:

Este sitio fue realizado considerando las Pautas de accesibilidad de la WAI, con el objeto de facilitar el acceso a la información a personas ciegas o de baja visión, que navegan con browsers especiales.

Como no quería hacerme mala sangre pensé que es el típico caso de una web entregada accesible y válida, que con el correr del tiempo y sus consiguientes actualizaciones y modificaciones por los nuevos dueños administradores actuales va bajando su capacidad de ser encontrada, accedida. Por lo que se ve es mayor de edad, 6 años al menos (de mayo del 2002 es la noticia más “histórica que encontré”).

Como tenia la esperanza de que su nivel de accesibilidad fuese mayor de lo pre supuesto, apliqué los comando por defecto para comenzar a testear siempre con la Web Developer Toolbar para FireFox.

• Desactivar Estilos “Ctrl+Shift+S” : donde la poca diferencia ocurrida confirmaba mi mal presentimiento (figura 1)
• Validar HTML “Ctrl+Shift+A” : el rojo favicon me indicó rápidamente que esto va empeorando (figura 2)
• Test de Accesibilidad Web, solo para ver cuantos errores de accesibilidad automáticos arrojaba en los distintos niveles de prioridad, poroque si no valida HTML ya hay mucho por hacer.

Igual decidí probar el formulario y obtener respuestas, sabiendo que como es sábado no tendría feedback hasta los próximos días habiles.

Esto mandé por el formulario
Estimados, tengo varias preguntas las que enumeraré para que no se “traspapelen” ninguna pues son de todo mi interés.
1.- Donde obtengo más información (Detalle de las propuestas, estado de avance, etc) sobre los proyectos aprobados del XV Concurso Nacional de Proyectos. Me interesan principalmente los de “Acceso a la información”. Desde la lista de resultados (http://resultados.fonaweb.cl/aprobados.asp) no hay link a nada
2.- En la página de Acceso a personas ciegas declaran que el sitio está validado por TAW… podrían revisar eso porque el test está arrojando errores, y tiene algunos problemas de validacion de HTML también
3.- Porqué me piden tanta información para hacer una consulta
Esperando un buena acogida y pronta respuesta me despido
Saludos,
Maximiliano

Obviamente no tuve respuesta, solo una llamada el martes, sabía que no usan internet… no se por qué lo presentí. Finalmente me respondieron solo la primera pregunta (reconozco que las otras dos eran para hinchar, pero igual quería respuestas) y el contacto que prometieron aún lo espero.

Realmente me interesaría seguir los resultados de específicamente un par de proyectos. Si sabes de alguno interesante relacionado acá en Chile por favor avísame [guiño].

Vínculos

• Fondo Nacional de Discapacitados
• Resultado del XV Concurso Nacional de Proyectos
• Acceso a personas ciegas
• Test de Accesibilida Web
• Ubicación 29 al buscar discapacitados en google .cl Páginas de Chile

Me entero por la Tercera que se “rediseñará el sistema de pago y control de subvenciones escolares” que en primera instancia me parece una buena medida, clara y directa pero…

¿Qué se puede esperar de esto?

NADA NO SE, la verdad es que me cuesta visualizar algo distinto a SII versión subvenciones. Está claro que es un sitio que no sirve cuando se necesita. Pasa online todo el año menos para el período de la Declaración de Impuestos, que es cuando más se necesita, incluso me han contado que cerca de los 12 de cada mes se marea. Por qué tengo que volver cada una hora para ver si el sistema está accesible o no.

La otra opción es su gemelo Inacap pero ahora que lo veo (hace un tiempo lo cambiaron y pensé que podía hacer mi declaración y matricularme a la vez [risas] …) ¿volvió a lo que era antes? no entiendo… se supone que la evolución de los sitios es para mejor, las versiones deben tener mejoras en relación a la anterior. lo mínimo es que Valide el código HTML, MINIMO.

A lo mejor estoy muy crítico y nos encontramos en un tiempo más con un sistema válido, accesible, social, que considere a todo Chile como potenciales fiscalizadores un sistema 2.0 ¿por qué no?…. porque al analizar la evolución del código de estos sitios me doy cuenta que faltan 20mil años para que algunos desarrolladores entiendan la Web y sus “leyes de gravedad” y terminen de lanzar “nuevos” sitios con códigos que son la mejor muestra de cómo se hacía internet hace 5 años los pensé en vías de extinción pero aún el 2007 hay sorpresas como estas.

Vínculos

• Rediseñará el sistema de pago y control de subvenciones escolares
• Servicio de Impuestos Internos
• Inacap

Una evaluación sobre la presencia en Internet de nueve partidos políticos publicada hoy en El Mercurio en la que participé junto a otros expertos en el medio es clara en su mensaje.

Los partidos políticos tienen mucho por aprender, entender y aplicar online.

En el artículo Luis Goycoolea califica a los sitios evaluados como “réprobos” en relación directa de la evaluación de 1 a 7, sobre los parámetros y evaluadores:

• Contenidos: Patricio Corvalán / www.per.puc.cl
• Diseño: Adolfo Morales y Maximiliano Martin / www.ayerviernes.com
• Acceso: Nelson Rodríguez / www.webstudio.cl/blog
• Navegación: Nelson Rodríguez
• Participación: Nelson Rodríguez
• Operabilidad: Marco A. Zúñiga / blog.maz.cl
• Utilidad/Estrategia: Carolina Strello / www.ebench.cl

La reprobación en términos web debe ser entendida como una No existencia en internet, en una escala similar donde 7 es existir en internet y 1 es nó existir. Es decir los partidos políticos en internet NO existe para estar y no para comunicarse ni comunicar.

Los criterios de evaluación que consideramos en Diseño con Adolfo fueron:

• El diseño es coherente en todo el sitio?
• Look & Feel
• Rápido despliegue de la página?
• Diseño Funciona en 800×600 y 1024×768 pixeles?
• Páginas con exceso scroll?
• SEO Optimización para Motores de Búsqueda (Acotado al diseño Front)
• Validación de estándares de la W3C “WWW Consorcio”

Copio a continuación mi evaluación referente a Diseño Front.

Diseño Front
Primero la aclaración sobre ¿Qué es Diseño Front y cómo se relaciona con el Look & Feel? Formalmente es la traducción del diseño visual a la pantalla considerando todas las condiciones que este medio propone. En la práctica es la conversión del mensaje (imágenes y texto) a código HTML y CSS. Entendiendo que se está trabajando con un único objetivo que es hacer accesible la información que quiero entregar. Así existen normas y estándares de la W3C que nos guían para no perder el rumbo y cumplir el objetivo.
Bajo esta perspectiva los sitios evaluados cumplen pobremente algunos de los requerimientos necesarios.

¿Por qué?
Porque más de la más de la mitad de los sitios generan una carga excesiva ocupando un ancho de banda innecesario traduciéndose en una larga espera para el usuario. No están pensados para buscadores ignorándolos en sus códigos. Solo dos entregan información a las principales fuentes de tráfico (1/3 un tercio de usuarios acceden a los sitio desde buscadores). La mayoría no tiene canales alternativos obligando al usuario a ir a ellos en vez de entregarles la información donde ellos quieran me refiero a RSS.

¿Cómo mejorar esto?
Tomando una real conciencia de que el diseño no es solo visual y lo que se quiere lograr es comunicación. Aplicándo las normas y estándares W3C nos beneficiamos al crear un producto más accesible, más encontrable generando un circulo virtuoso donde los usuarios encuentran lo que quieren y nuestros clientes logran una comunicación de valor.

Vínculos

• Reportaje publicado hoy en El Mercurio
• Patricio Corvalán / www.per.puc.cl
• AyerViernes / www.ayerviernes.com
• Nelson Rodríguez / www.webstudio.cl/blog
• Marco A. Zúñiga / blog.maz.cl
• Carolina Strello / www.ebench.cl
• Diseño Front
• Flickr Album: Evaluación Webs Políticas

Así se titula la Videoconferencia de la que me enteré por la lista Acceso Web dictada por Emmanuelle Gutiérrez y Restrepo

Razones legalesEmmanuelle aclara que la accesibilidad no es para la persones con discapacidad, es para TODOS y pone como ejemplo los “rebajes” de las esquinas “Si facilitamos el acceso a las personas con discapacidad, facilitamos el acceso a todos”.

¿Sabían que hay una ley sobre el lenguaje de signos en internet?

También hace referencia sobre la responsabilidad social de las empresas en su manifestación “digital” o mejor dicho online.

La accesibilidad incrementa la integración social con directas consecuencias sobre la mejoría

Algunos de los factores económicos

Genera menos requerimientos a los servidores por lo que se verán descongestionados

Y lo mejor aspectos técnicos

la curva de aprendizaje genera rechazo por los cambios de hábito en los desarrolladores , entre muchas cosas.

Normas v/s recomendaciones

La principal diferencia es que la norma es un documento técnico en base a pautas a seguir.

por el chathabilitado pregunté sobre el Decreto 100 y la no “obligatoriedad”, si solo con recomendaciones progresaremos o no, en temas de accesibilidad y Emmanulle concibe un rechazo a priori sobre la imposición de determinadas cosas, así apolla que es un trabajo de concientización sobre el tema.

Buena conexión, respondieron las preguntas del chat, todo sólido

De toda la conferencia rescato el tema de la “Curva de aprendizaje” a la que literalmente le temen los “jefes. Esto a raíz de la pregunta de (no recuerdo ahora pero lo buscaré) que trabaja en lavanguardia.es, que de hecho es el próximo expositor de esta conferencia, al plantearle a su jefe sobre hacer el sitio accesible. La respuesta fue y es clarísima, la implementación de Accesibilidad es una inversión y no hay que verla como un gasto, la inversión está en el tiempo que tomará el equipo de desarrolladores, no solo los que ven código, modificar los actuales métodos de trabajo. Esta curva de aprendizaje es la toda nueva metodología, lenguaje, modo de trabajo, etc. tiene. Lo bueno es que es absolutamente acotada y se restringe a las pautas de accesibilidad.