bitácora de Roberto Abizanda Santos
Se muestran los artículos pertenecientes al tema Diseño web.
15/11/2007
De AENOR, accesibilidad y certificación
Vaya la que se ha montado en el blog de Olga Carreras a raíz de su artículo "¿Certificación es sinónimo de accesibilidad?". AENOR tiene una certificación de accesibilidad web y Olga ha detectado unos cuantos problemas, que no han gustado a algunos de los comentaristas. Y ya el colmo es que se nos "pide" que no entremos a discutir estos temas en blogs, que para ello hay un procedimiento, que no tengo ningún interés en conocer, por cierto.
No sé si será de AENOR o no el tal Javier, pero lo ocurrido me reafirma en mi recomendación hace unos días a que la Cámara de Zaragoza no contratara ese servicio para su web.
18/03/2007
Usabilidad, accesibilidad, microformatos... en la Feria de Zaragoza
Interesante jornada la de ayer en la Feria de Zaragoza (Salón de Educación y Empleo) que reunió cuatro interesantes ponencias impartidas por Daniel Torres Burriel, que habló sobre Estandares web, accesibilidad, Usabilidad y pipas. Alejandro Gonzalo Bravo nos habló de la Web semantica. Tenía ganas de conocer a Luis Villa, el siguiente en participar, al que leo desde hace mucho tiempo. Habló de Microformatos . Tras una agradable comida le toco el turno a un expectacular Ismael Olea (su presentación). Aquí está su ponencia. Luego me tuve que ir apresuradamente y me perdí la mesa redonda final. Un sábado aprovechado.
31/01/2006
Jornada TIC en la Cámara: Usabilidad
¿Porqué los visitantes de mi web no compran?
Esa es la pregunta que se hacen muchos empresarios y cuyas causas pueden ser muy diversas. Una de ellas puede ser una usabilidad deficiente. Los clientes acceden a la página pero no saben moverse por ella, no les resulta cómoda y las posibilidades de comprar se reducen drásticamente.
La Cámara de Comercio de Zaragoza organiza el lunes 6 de febrero una jornada para ayudar a empresas y autónomos a mejorar sus páginas web:
http://www.satipyme.com/zaragoza/servicios/formacion.php
Lugar: Centro de Formación de la Cámara de Zaragoza (Calle Ortiz de Zárate, 26) cómo llegar
Fecha: lunes 6 de febrero
Hora: de 17:00 a 19:00
Precio: gratuito
Confirmar asistencia.
Esa es la pregunta que se hacen muchos empresarios y cuyas causas pueden ser muy diversas. Una de ellas puede ser una usabilidad deficiente. Los clientes acceden a la página pero no saben moverse por ella, no les resulta cómoda y las posibilidades de comprar se reducen drásticamente.
La Cámara de Comercio de Zaragoza organiza el lunes 6 de febrero una jornada para ayudar a empresas y autónomos a mejorar sus páginas web:
http://www.satipyme.com/zaragoza/servicios/formacion.php
Lugar: Centro de Formación de la Cámara de Zaragoza (Calle Ortiz de Zárate, 26) cómo llegar
Fecha: lunes 6 de febrero
Hora: de 17:00 a 19:00
Precio: gratuito
Confirmar asistencia.
28/10/2005
Día de la Usabilidad en Zaragoza
El jueves día 3 de octubre se celebra el Día de la Usabilidad y por ello se ha organizado el Zaragoza WUD (World Usability Day). Se celebrará en el Milímetro Digital en La Almozara en la Asociación de vecinos, calle Guadalope (ver mapa). Entre los ponentes se encuentran Rubén Cárdenas, Rubén Pamplona, Jesús Tramullas y Daniel Torres. Habrá una mesa redonda abierta al debate.
El resultado de este desprecio al usuario y a sus intereses fue que progresivamente éstos comenzaron a fijar enlaces y procesos de navegación directos a los contenidos y servicios que les resultaban realmente útiles, ignorando la homepage. Jesús Tramullas
Fuente: Diseñe su homepage (PDF 116 KB).
Para ver más información de los ponentes hay un weblog oficial: http://www.lacoctelera.com/zaragoza-wud. Muy interesante. No todos los días hay eventos de este tipo en Aragón y el Día de la Usabilidad es una buena excusa.
11/10/2005
Documentos no web, enlaces, javascript y accesibilidad
Hace poco leía (1) que los documentos no web, un PDF por ejemplo, es mejor no abrirlos en la misma ventana, porque el usuario tiende a cerrar el navegador como si del Acrobat Reader se tratara. Además también se proponía que esa ventana nueva fuera emergente y sin menús. Esto sólo se consigue utilizando javascript. No me convence que no aparezca en la barra de estado la url cuando pasamos el ratón por encima.
< a href="http://www.camarazaragoza.com/formacion/pre-inscripcion.pdf" onClick="javascript:window.open(this.href,'popup','top=20,left=20,width=700,height=400');this.href='#';" >Formulario para inscribirse a jornada< /a >
Hace tiempo ponía return false en vez de this.href='#' pero al instalar un Service Pack en Windows me dejó de funcionar "milagrosamente". exit también me da error sólo en IE.
La pega de esta última solución (this.href='#') es que el enlace cambia una vez hemos pinchado, pero para el que tiene desactivado javascript o navega con un dispositivo que no lo soporta (móviles o PDA's), esto sería un problema menor. Lo he probado con Firefox, Internet Explorer y Opera sobre Windows XP.
A ver si alguien tiene una solución mejor, sin la pega esa.
(1). ¡No recuerdo dónde lo leí!
< a href="http://www.camarazaragoza.com/formacion/pre-inscripcion.pdf" onClick="javascript:window.open(this.href,'popup','top=20,left=20,width=700,height=400');this.href='#';" >Formulario para inscribirse a jornada< /a >
Hace tiempo ponía return false en vez de this.href='#' pero al instalar un Service Pack en Windows me dejó de funcionar "milagrosamente". exit también me da error sólo en IE.
La pega de esta última solución (this.href='#') es que el enlace cambia una vez hemos pinchado, pero para el que tiene desactivado javascript o navega con un dispositivo que no lo soporta (móviles o PDA's), esto sería un problema menor. Lo he probado con Firefox, Internet Explorer y Opera sobre Windows XP.
A ver si alguien tiene una solución mejor, sin la pega esa.
(1). ¡No recuerdo dónde lo leí!
16/12/2004
El sitio de la CAI ahora carece de tablas
Poco a poco las grandes empresas y entidades se van enterando de las bondades de realizar diseños separando contenido y presentación. Es una gran noticia, desgraciadamente, porque no es lo habitual.Web de la Caja Inmaculada
Vía Torres Burriel.
27/09/2004
El colmo de los colmos
Admiten sutilmente que la carga del Flash es tediosa...09/09/2004
Nos pilla el toro de la accesibilidad
Los medios se empiezan a hacer eco del problema, como en este artículo del ABC: Los portales universitarios incumplen la normativa sobre accesibilidad. El informe es de Acctiva y podeis ver el informe en PDF (630 KB).
Del artículo destacaría este párrafo:
existe una normativa sobre la materia que obliga a los organismos públicos, entre los que se encuentran las universidades, a cumplir con una serie de recomendaciones básicas dirigidas a promover la accesibilidad de la información que se proporciona desde sus sitios web. En este sentido, hay que recordar que la Ley de Servicios de la Sociedad de la Información y de Comercio Electrónico (LSSICE) establece en su disposición adicional quinta que "las Administraciones públicas adoptarán las medidas necesarias para que la información disponible en sus respectivas páginas de Internet pueda ser accesible a personas con discapacidad y de edad avanzada", contando para ello hasta el 31 de diciembre de 2005 como plazo máximo.
Dice que 9 de cada 10 no cumplen estos criterios.
Realizar una página accesible no es difícil... si se tiene en cuenta desde el principio de su desarrollo. Ahora bien... ¿Cual es la vida útil de un desarrollo web para un organismo público? Pues no baja de los dos años, y normalmente suelen ser bastantes más, porque no se renuevan tan a menudo como en la empresa privada. Pues no entiendo cómo actualmente la mayoría de nuevos desarrollos incumplen la legislación que entra en vigor dentro de 1 año y 4 meses.
En mi trabajo es algo que he tenido claro desde el principio, aunque mi forma de pensar es quizás muy egoísta: con lo que me gusta a mí Internet, ¿Qué pasaría si mañana perdiera la visión?
Del artículo destacaría este párrafo:
existe una normativa sobre la materia que obliga a los organismos públicos, entre los que se encuentran las universidades, a cumplir con una serie de recomendaciones básicas dirigidas a promover la accesibilidad de la información que se proporciona desde sus sitios web. En este sentido, hay que recordar que la Ley de Servicios de la Sociedad de la Información y de Comercio Electrónico (LSSICE) establece en su disposición adicional quinta que "las Administraciones públicas adoptarán las medidas necesarias para que la información disponible en sus respectivas páginas de Internet pueda ser accesible a personas con discapacidad y de edad avanzada", contando para ello hasta el 31 de diciembre de 2005 como plazo máximo.
Dice que 9 de cada 10 no cumplen estos criterios.
Realizar una página accesible no es difícil... si se tiene en cuenta desde el principio de su desarrollo. Ahora bien... ¿Cual es la vida útil de un desarrollo web para un organismo público? Pues no baja de los dos años, y normalmente suelen ser bastantes más, porque no se renuevan tan a menudo como en la empresa privada. Pues no entiendo cómo actualmente la mayoría de nuevos desarrollos incumplen la legislación que entra en vigor dentro de 1 año y 4 meses.
En mi trabajo es algo que he tenido claro desde el principio, aunque mi forma de pensar es quizás muy egoísta: con lo que me gusta a mí Internet, ¿Qué pasaría si mañana perdiera la visión?
20/07/2004
Búsqueda de PageRank
Vía Blogpocket veo una herramienta que resulta muy interesante para mejorar el posicionamiento de las páginas web. Se trata de Prog, un buscador que devuelve los mismos resultados que Google, pero con su PageRank correspondiente. Así es posible comparar la situación de nuestras páginas frente a sus competidores para una palabra clave.15/06/2004
Creación de texto dinámico con GD de PHP
Dynamic Text Replacement, leído en A List Apart. Ver demo. Efectivamente, crea texto con fuentes no estándares de los navegadores, y para ello se ayuda de las librerías GD de PHP. Quizá la pega es que usa javascript. Lo veo útil para webs que requieran mucho diseño, por ejemplo, en los títulos de apartados.
Por cierto, ya tengo cuenta de Gmail, cortesía de Fernand0.
Por cierto, ya tengo cuenta de Gmail, cortesía de Fernand0.
04/06/2004
Windows XP Service Pack 2 obliga a cambiar algunas webs
En How to Make Your Web Site Work with Windows XP Service Pack 2 Microsoft sobre varios cambios importantes que pueden afectar a algunas webs al ser visitadas desde ordenadores con el Service Pack instalado.
Bueno, tampoco es tan problemático, al menos para los que vamos hacia lo estándar...
- Hay de todo:
- Cambios en ActiveX
- Cambia la pantalla de autentificación y la de descargas. Esto sólo es para actualizar manuales de usuario en los que aparezcan dichas pantallas.
- Cambios en las descargas no iniciadas por el usuario
- Problemas con content/type que no corresponde con la extensión
- Bloqueo de pop-ups. Importante: ya no se permite de ningún modo saltar un pop-up desde una película Flash.
- Problemas con las dimensiones de las pantallas emergentes.
- Problemas con pantallas de aviso.
Bueno, tampoco es tan problemático, al menos para los que vamos hacia lo estándar...
02/06/2004
ROI de utilizar estándares web
Interesante artículo el de D. Keith Robinson titulado Web standards ROI en el que analiza 3 proyectos webs desarrollados por él. Compara horas y coste de desarrollo haciendo uso de estándares web y sin hacerlo.
06/05/2004
Paleta de colores
Vía Microsiervos.25/04/2004
Modelo de contrato para desarrollo web
Me guardo esto, que me será útil (y me lo habría sido).
Es un modelo de contrato para desarrollo web, de acuerdo a la legilsación española.
vía: Irene Fernández e Isopixel
Es un modelo de contrato para desarrollo web, de acuerdo a la legilsación española.
vía: Irene Fernández e Isopixel
16/04/2004
Rediseño de eltorico.com
Ayer me puse a cambiar el diseño de eltorico.com, que es algo que le hacía falta hace tiempo. La página no valida los estándares (habría que empezar de cero todo), pero hace bastante más uso de la etiqueta DIV que antes. Los colores se han adaptado a lo que se lleva hoy, es decir, todo más claro y colores suaves. También le he dado más protagonismo a los anuncios, a ver si ayudan a cubrir los costes del portal.
La portada vendrá más adelante. Y también cambiaré Teruel Digital, pero nada de esto es prioritario para mí.
El menú rollover lo he adaptado de The Imposter.
Teruel es una zona con poco movimiento emprendedor, así que rentabilizarlo publicitariamente resulta muy complicado. Se me ha ocurrido que ofreciendo publicidad gratis, si alguien se anima a añadir la suya, y le resulta rentable, igual después paga por ella. Veremos como funciona. Sólo se aceptan empresas de Teruel.
03/03/2004
CSS play
Muy buenas ideas en CSS play. Encontrado vía del.icio.us.
Mis preferidas: los listados con iconos de carpetas, y la tabla que no se muestra como una tabla...
Mis preferidas: los listados con iconos de carpetas, y la tabla que no se muestra como una tabla...
02/03/2004
Trillo da ejemplo con su web
Se presentó la página web Trillo.org del actual ministro de defensa. Es una web que le da cien vueltas a la de cualquier otro candidato de estas elecciones. Está realizada en XHTML, cumple los estándares de accesibilidad y además es usable.Mi opinión sobre la web es radicalmente opuesta que mi opinión sobre su protagonista.
20/02/2004
Accesibilidad por ley
La LSSI (Ley de Servicios de la Sociedad de la Información) obliga a las Administraciones públicas a que sus webs sean accesibles antes del 31 de diciembre del 2005.
Más información en SIDAR.
En la empresa que trabajo la mayoría de los clientes son administraciones públicas a los que afecta esta ley. Ahora no se hacen diseños accesibles porque no es rentable, y creo que quedo siempre como el malo de la película.
Más información en SIDAR.
En la empresa que trabajo la mayoría de los clientes son administraciones públicas a los que afecta esta ley. Ahora no se hacen diseños accesibles porque no es rentable, y creo que quedo siempre como el malo de la película.
ZapateroPresidente.com no es usable
Joaquín Duaso Longás analizó la página web Zapatero Presidente y obtiene un rotundo suspenso. Estas son las conclusiones que apunta (en negrita son las suyas y mis comentarios sin negrita a continuación.
Joaquín Duaso Longás ha hecho un excelente trabajo. Muy objetivo.
Y no es que su competencia (Mariano Rajoy) lo haga bien, ni mucho menos.
Ahora mis consejos, válidos para ambas webs:
- Si no tienes ADSL ni entres.
- Ni se te ocurra perder la vista o el oído antes de visitar su web (o perder el ratón).
- Si quieres informarte de algo relacionado con los candidatos, lee prensa o espera a que llegue el panfleto de papel a tu casa.
1. El sitio zapateropresidente.com no ha tenido en cuenta la usabilidad y la accesibilidad para sus usuarios. La usabilidad no parece un gran problema, ya que la página carece de contenido, así que no es necesario adaptar su uso al usuario. Lo de la accesibilidad no debe ser tampoco prioritario en su programa. Total, para cuatro ciegos que hay... Si Zapatero se quedara sin vista (Dios no lo quiera), no podría acceder ni a su propia web.
2. El peso de la página es excesivo. 11 veces más de lo recomendado. Los diseñadores (si es que se pueden considerar tal) tienen en sus oficinas como mínimo una RDSI o un ADSL, y no tienen en cuenta que la mayoría cuenta con una conexión a 56 Kbps, con la que la página tarda casi un minuto en cargar. Si su web sólo va dirigida a un público pudiente, enhorabuena, lo han conseguido.
3. El uso de Flash es injustificado. No añade valor a la página y representa la mitad del peso. Bueno, por lo menos no tiene un splash. Ahora bien, lo del peso es criminal, y sólo para ver moverse las nubes.
4. La navegación es caótica. Tanto que ni existe. No hay jerarquía de páginas ni una posible ruta para su visita.
5. Los contenidos son escasos e incómodos de leer. Son pantallas estilo pop-up, demasiado estrechas, sin separación entre el texto y el lateral. No sólo para el ojo humano son complicadas, tampoco las indexarán los buscadores por hacer uso de javascript.
6. El diseño parece poco profesional por el abuso de tablas y el uso etiquetas font para definir colores. Yo no lo he dicho, ha sido él. Que luego me dicen que si soy demasiado "fanático".
7. Los objetivos indicados por el candidato al final de "sobran los motivos" no se consiguen.
Joaquín Duaso Longás ha hecho un excelente trabajo. Muy objetivo.
Y no es que su competencia (Mariano Rajoy) lo haga bien, ni mucho menos.
Ahora mis consejos, válidos para ambas webs:
- Si no tienes ADSL ni entres.
- Ni se te ocurra perder la vista o el oído antes de visitar su web (o perder el ratón).
- Si quieres informarte de algo relacionado con los candidatos, lee prensa o espera a que llegue el panfleto de papel a tu casa.
18/02/2004
Diseños rollover de menús
30/01/2004
Menús desplegables con CSS
Para hacer menús desplegables con CSS, leído en A List Apart.
13/12/2003
Barra para desarrolladores web
edmz publica una muy interesante herramienta para desarrolladores web. Consiste en una barra (Web developer toolbar) para Firebird. Con ella es posible, en par de clicks, deshabilitar CSS, javascript, revisar las imágenes (alts, rotas, ocultarlas...), ver información de cabeceras, CSS, velocidad de carga, documentación HTML... También se puede validar la página, tanto en accesibilidad (WAI), estándares (HTML, XHTML, CSS) o enlaces rotos. Para mí ya es imprescindible.
24/11/2003
menús multinivel con CSS
Esto lo necesitaba, porque en mi empresa los usan mucho (aunque a mí no me gustan, la verdad).
http://www.csscreator.com/menu/multimenu.php
Los he encontrado vía Blogpocket.
http://www.csscreator.com/menu/multimenu.php
Los he encontrado vía Blogpocket.
09/11/2003
Instalar varias versiones de Internet Explorer
23/10/2003
10 razones para usar CSS
Las da Christopher Schmitt, según dicen algunos, gurú del CSS.
1. Para poder sustituir los métodos tradicionales de diseño web. El W3C creó CSS para sustituir las tablas, las etiquetas font, los frames y otros elementos del HTML orientados a la presentación.
2. Para obtener tiempos de descarga más rápidos. Con CSS se reduce a la mitad el tamaño del
fichero que necesitaría una página web con métodos tradicionales.
3. Para conseguir tiempos de desarrollo más cortos. Todas las páginas de un sitio se pueden diseñar editando unas pocas veces un sólo fichero CSS.
4. Para conseguir un mayor control sobre la tipografía de una página web. No se necesita usar ni la etiqueta font para cambiar colores ni tipos de letras.
5. Para facilitar la escritura. Se puede crear y editar CSS muy fácilmente.
6. Para conseguir mejoras en la accesibilidad. Usando CSS y HTML estructurado no es necesario realizar versiones especiales del sitio web.
7. Para poder crear presentaciones no sólo para navegadores sino para otros medios como impresoras.
8. Para conseguir un mejor control sobre el lugar de los elementos en una página web.
9. Para separar el contenido de la presentación.
10. Para mejorar el ranking de los motores de búsqueda.
Vía blogpocket
1. Para poder sustituir los métodos tradicionales de diseño web. El W3C creó CSS para sustituir las tablas, las etiquetas font, los frames y otros elementos del HTML orientados a la presentación.
2. Para obtener tiempos de descarga más rápidos. Con CSS se reduce a la mitad el tamaño del
fichero que necesitaría una página web con métodos tradicionales.
3. Para conseguir tiempos de desarrollo más cortos. Todas las páginas de un sitio se pueden diseñar editando unas pocas veces un sólo fichero CSS.
4. Para conseguir un mayor control sobre la tipografía de una página web. No se necesita usar ni la etiqueta font para cambiar colores ni tipos de letras.
5. Para facilitar la escritura. Se puede crear y editar CSS muy fácilmente.
6. Para conseguir mejoras en la accesibilidad. Usando CSS y HTML estructurado no es necesario realizar versiones especiales del sitio web.
7. Para poder crear presentaciones no sólo para navegadores sino para otros medios como impresoras.
8. Para conseguir un mejor control sobre el lugar de los elementos en una página web.
9. Para separar el contenido de la presentación.
10. Para mejorar el ranking de los motores de búsqueda.
Vía blogpocket
12/10/2003
Consejos para una web accesible
Mini-d da unas recomendaciones para la web accesible que me servirán de guía. Algunas ya las aplicaba, pero no todas.
- Leer bien las iniciativas de la W3C sobre la accesibilidad Web.
- Descargar
y aprender a utilizar los navegadores para gente discapacitada (por lo
general la gente que nunca los ha usado les cuesta mucho, pero un
discapacitado lo hace 20 veces mejor). - Aprender a programar un sitio bien.
- Leer más sobre semántica en la Web.
- Comprender y saber documentar bien cada página.
- Implementar navegación invisible.
- Utilizar evualadores de accesibilidad.
- Proveer un documento introductorio de la accesibilidad del sitio.
30/08/2003
La rueda de los colores
Vía Hadez he encontrado una rueda de colores que ayuda a ver cómo quedarían determinadas combinaciones de colores en una web.
26/08/2003
sobre XHTML
Ahora no me da tiempo a estudiar el relato de XHTML de mini-d, así que me lo guardo aquí.
También sería interesante echarle un vistazo a cómo hacer zoom de imágenes con CSS, encontrado vía blogpocket.
También sería interesante echarle un vistazo a cómo hacer zoom de imágenes con CSS, encontrado vía blogpocket.
25/08/2003
Formato sencillo de edición: Textile
23/08/2003
Imprescindible: Pasakache
Pasakache es un programilla (realmente pequeño: 30 KB), que permite evitar la cache de los proxys de las operadoras telefónicas. Es muy sencillo de instalar.Roberto Abizanda Santos. rabizanda@gmail.com.
.