Categoría: Diseño web

Diseño web

Categorías
accesibilidad Diseño web Personales

Recopilación de entrevistas relacionadas con la web en bitácoras

Este artículo lo debería haber escrito hace unos días, para dar las gracias a Daniel García, pero como podéis ver, la semana pasada no escribí absolutamente nada, como probablemente ocurra lo mismo con la siguiente.

Como dice el título, vamos a mencionar aquí algunas de las entrevistas que se han hecho personas de eso que llaman blogosfera, a otras personas de la blogosfera. Todo queda en casa, je je. Se puede conocer mucho de una persona leyendo lo que escribe, pero a veces nos gusta saber un poco más, para acercarnos a la persona que hay detrás de una bitácora. Porque en el fondo eso somos, je je.

La lista de entrevistas es incompleta, pero, exceptuando las que ha realizado Diego Lafuente, tienen en común que son recientes, y las personas entrevistados tienen que ver generalmente con alguna de las facetas del diseño web. Empezamos:

Entrevistas de Diego Lafuente (mini-d)

  • Entrevista: Walter “HTML Life” Kobylanski, 23 de Diciembre del 2002.
  • Entrevista: José Luis “eCuaderno” Orihuela, 3 de Noviembre del 2003.
  • Entrevista: Ernesto “ErneX” González Aroca, 5 de Noviembre del 2003.
  • Entrevista: José Miguel “Marcapáginas”, 23 de Febrero del 2004.
  • Entrevista: JJ “Atalaya” Merelo, 29 de Septiembre del 2004.

Todas las entrevistas, se pueden encontrar en Entrevistas de mini-d.

Entrevistas de Torres Burriel (torresburriel)

Y todas las entrevistas, las puedes encontrar en la sección Diez preguntas.

Entrevistas de Mc (Accesibilidad Web)

Y la sección donde puedes encontrar estas entrevistas, es en: Entrevistas Accesibles.

Entrevistas de (Daniel García Trampe)

  • Entrevista a MC Creador del blog “Accesibilidad Web Todos tenemos el derecho de una web accesible”, 12 de Septiembre del 2005.
  • Gonzalo Bravo de WebPosible, 15 de Septiembre del 2005 éste soy yo, je je.

Y junto a otros artículos, que no son sólo entrevistas, los puedes encontrar en la sección de Diseño web.

Seguro que faltan más entrevistas…

Seguro que faltan más entrevistas, por ejemplo la que hicieron a Eduardo Manchón en el periódico 20 minutos. Y también seguro que faltan muchas personas y con mucho que decir sobre accesibilidad web, web semántica, estándares, usabilidad,… en una entrevista. Pero eso lo dejo para aquellos que se ven capacitados para realizar esta interesante labor periodística, que no es mi caso, je je.

Actualización 2005/10/24: También podemos leer una entrevista a mildiez publicada en ventiuno. Como la entrevista apareció en una publicación en papel, han sido tan amables de publicarlo en su web, je je.

Categorías
Diseño web

La estructura y presentación en el diseño web, desde el punto de vista de una boda, je je.

Lo siento, me ha costado mucho escribir un título para este artículo, pero es que viendo el recurso que comparto, no se me ocurría una forma seria de explicarlo. Nos ponemos corbata, y adoptamos un gesto de presentador de informativos para recomendaros la lectura de un documento bastante interesante y curioso.
Se trata de un documento que se presentó en el Web Design World 2004, y tiene el simpático título de The Marriage of Presentation & Structure, y los autores son Molly Holzschlag & Ethan Marcotte.
En sus pocas páginas (20 en total), nos cuenta los consejos que supongo todos conocemos y básicamente se reduce a lo bueno que es separar la estructura de la presentación.
Representación en forma de arbol de algunas etiquetas de XHTML
El estilo de la presentación es bastante original, me imagino que nada más empezar la presentación se escaparía alguna risita en el auditorio por la metáfora matrimonial, je je.

Categorías
accesibilidad Diseño web

¿Porqué diseñar con tablas es estúpido?

Siguiendo con el rescate de vínculos interesantes, me toca mencionar uno de los artículos más graciosos que se puedan encontrar en favor del diseño accesible. Se trata de Why tables for layout is stupid,… y para los que nos enteramos mejor en castellano Porqué diseñar con tablas es estúpido.
Como seguro que ya habéis visitado el vínculo y nadie va a leer esto, aprovecho la ocasión para… no mejor no 🙂 mejor explico un poco de qué va el artículo, porqué es tan chulo y un par de historias relacionadas con este artículo (¡y sin usar un libro de cuentos!).
Comencemos con un breve comentario sobre el artículo. Como a los [edad vílmente ocultada] todavía sigo leyendo tebeos, me resultaba una forma muy simpática de presentar el artículo: aparte de textos sencillos pero didácticos, en cada página la explicación viene acompañada de unas viñetas muy graciosas. Ya está, se ha acabado el comentario, no ha sido tan duro, ¿verdad?
Y el par de historias prometidas:

  1. Como ya he contado alguna vez por este blog, este año dí un curso de accesibilidad en mi empresa. Uno de los momentos en los que los sufridos alumnos mostraron interés, fué cuando visitamos esta página. Me salvó el pellejo 🙂
  2. Cuando Torres Burriel entrevistó a mort en su sección de «Diez preguntas», cuando Manuel (alias mort), empezó a hablar de La historia auténtica incluye una noche tormentosa, varios hombres vestidos con pijamas amarillos y un crimen inconfesable., y No sé si lo he mencionado alguna vez, pero lo que realmente me gusta es inventar nombres para cosas. De pequeño inventaba nombres de superhéroes […]… Entonces se me iluminó esa bombilla que todos tenemos encima de la cabeza (¿no lo habéis visto en los tebeos?) y encontré la tercera personalidad de Manuel alias Mort, alias… El hombre del marcado semántico. En los siguientes comentarios, nadie desmiente mi hipótesis. Si hacemos caso al refrán «Quien calla otorga», se llega claramente a la conclusión de que estoy en lo cierto. Por eso ahora mismo el blog de mort, logicola, se encuentra parado. Seguramente ahora mismo esté navegando por los confines de la web resolviendo entuertos en forma de páginas maquetadas con tablas, antisemánticas y nada accesibles. Aún así, mort, ¡regresa pronto! ¡La web te necesita!
Categorías
Diseño web Herramientas

Color Scheme Generator, eligiendo armonías de colores

Hace algunos días, en Dando color a la web: ColorBlender mencionábamos una herramienta para elegir colores.
Hoy continuamos esta miniserie con otra interesante aplicación, con algunas características bastante interesantes desde el punto de vista de la accesibilidad: Color Scheme Generator.
Se trata de una página web, donde elegimos un color, y podemos generar combinaciones de colores mediante contraste, triada, tétrada y colores analógicos.
Como características interesantes:

  • Permite variar el ángulo y la distancia para triada, tétrada y colores analógicos.
  • Permite hacer variaciones de brillo-saturación gracias a los botones pastel, pastel oscuro, pastel claro, contráste y cálido.

Y desde el punto de vista de la ccesibilidad, contamos con las siguientes características:

  • Permite utilizar colores de una paleta web safe (ya sábéis de 256 colores teóricos que se ven igual en todas las plataformas. Al final son 216 en realidad).
  • Permite emular como verían esos colores personas que tienen alguna discapacidad visual relacionada con la ceguera de colores: protanopía, deuteranopía, tritanopía, protanomalía, deuteranomalía, tritanomalía, ceguera total del color, y monocromatísmo atípico.

Y de muestra, un pantallazo:

Pantallazo de la aplicación web Color Scheme Generator[D]

A la izquierda aparece una rueda para seleccionar un color. Debajo, opciones para encontrar combianciones de colores mediante contraste, triada, tétrada y colores analógicos. En el medio aparece la combinación de colores elegido. A la derecha, podemos modificar la posición de esos colores. Debajo tenemos unos botones para alterar el brillo y saturación de los colores mediante unos valores predefinidos (pastel, pastel oscuro, pastel claro, contráste y cálido), y debajo una lista desplegable donde podemos emular como verían los usuarios los colores elegidos en el caso de que tengan alguna discapacidad visual.

Otra aplicación recomendable.

Categorías
Diseño web Herramientas

Dando color a la web: ColorBlender

Leo en La Cápsula el «descubrimiento» de otra herramienta para combinar colores: Color Blender.
Aunque este tipo de herramientas no va a conseguir disimular mi enorme torpeza a la hora de combinar colores (el hecho de que mi página principal todavía no tenga una presencia más «agradable» se puede achacar en parte a esto), algo puede ayudar.
A ver si estos tres proyectos que tengo en marcha (ups, ¡de momento tendré que guardar secreto!), consiguen tener un aspecto mejor que «patético», «penoso», «horrible», que son los apelativos que se me ocurren al ver el resultado final.
Mi primer boceto, que he llamado Azul mediterráneo, es el siguiente:

Pantallazo de la aplicación web ColorBlender para combinar colores.

Una de sus características más interesantes para ver algunas ideas inspiradoras, es la de poder cargar aleatoriamente combinaciones de colores generadas por otros usuarios. Claro: si los usuarios tienen el mismo sentido del color que yo, las únicas ideas inspiradoras de nuevo serán «patético», «penoso», «horrible», je je.