[ View menu ]
04 Abr 09

Pensando la accesibilidad desde nuestra paleta de colores

ishih16El  8% de las personas de sexo masculino tienen algún tipo de limitación en la visión de colores. Es importante asegurarnos que nuestros trabajos gráficos sean legibles, desde el punto de vista del color, por la mayor cantidad de personas posible.

Color Oracle es un programa que nos ayuda a diseñar para las personas con distintos tipos de ceguera al color, o daltonismo. El soft nos muestra, en tiempo real, la forma en que los daltónicos van a ver nuestros trabajos. Color Oracle aplica un filtro de color a pantalla completa, independientemente del software que estés utilizando.

El programa simula deuteranopia, prot anopia y tritanopia. Estas son las formas más extremas de daltonismo,  la mayor parte de las personas con deficiencias en la visión del color ven una gama más amplia de colores.  Por eso, si vas a diseñar para personas con daltonismos extremos, tus trabajos van a ser fácilmente visibles y legibles por aquellos con problemas leves y visión “normal”

El número de personas afectadas por deficiencias en la visión de colores es difícil de medir. Según la fuente los porcentajes varían entre el 1%  y el 12%. Lo si que está claro, es que el daltonismo afecta casi exclusivamente a las personas de sexo masculino.

Color Oracle utiliza estos números:

  • Deuteranopia: 5% de los varones .
  • Protanopia : 2.5% de los varones.
  • Tritanopia: Menos del 0.3% de las mujeres y varones.

El soft es gratuito, viene en versiones Windows, Mac y Linux.

Se puede descargar desde el sitio web:  Color Oracle

07 Dic 08

Wordpress 2.7 el 10 de Diciembre!

Se viene la nueva versión de Wordpress.
El día 10 de diciembre se hará publica la versión 2.7. Estoy probando la RC1, y la verdad que es impresionante el cambio que han hecho en el panel de administración. Es una evolución muy grande y seguramente va a costar un poco acostumbrarse.

A primera vista, ademas de un rediseño total del panel de administración, el sistema tiene un montón de funcionalidades nuevas.

QuickPost: que permite escribir posts rápidos desde el Dashboard.

QuickEdit: para editar categorización, fecha, tags, estado, etc de las entradas directamente en la lista de posts y páginas, sin tener que abrir e editor completo para cambiar por ejemplo sólo una categoría

Plugin Browser/Installer: esto es maravilloso! podemos buscar e instalar los plugins en Wordpress.org directamente desde el el panel, y la instalación es automática. O bien, si tenemos el .zip, lo podemos subir e instalar ahi mismo. Es uno de los cambios que yo estaba esperando.

Upgrade: hace lo mismo que el plugin WPAU. Busca nuevas versiones de WP para instalarlas automáticamente. Pero directamente desde el panel. Muy bueno.

Seguramente hay mas cosas que irán apareciendo con el uso.
Muy bien por WordPress

29 Oct 08

Plagio!

Revisando las estadísticas de moodstudio.net, descubrí un sitio que se parece “bastante” a un diseño nuestro de hace unos 3 o 4 años.

Hace ya bastante tiempo, un cliente nos encargó un trabajo para una empresa de servicios de marketing online. El sitio en cuestión es DigitalTraffix. Ya no está mas en línea pero lo conservamos en el portfolio. Es un diseño viejo, hecho con tablas. Pero en su momento estaba bastante bien.

Al parecer, unos ladrones de código y diseño, se descargaron todos los archivos html e imágenes del sitio y, muy alegremente, le cambiaron el logo, el nombre de la empresa y lo publicaron TAL CUAL! A tal punto que ni siquiera se tomaron el trabajo de revisar el código fuente en donde hay un link a moodstudio.

Original:

Copia:

Y bue…

28 Oct 08

De vuelta en casa

aeroparque.jpg

Así es, luego de 4 semanas de andar recorriendo Europa estoy de vuelta. Anduvimos por Italia, Austria, Alemania, Francia y España. Conociendo un poco de todo, caminando como locos y comiendo porquerías todo el día. Todavía no he organizado los 7 GB de fotos que trajimos… organizarlos va a implicar un cambio de disco duro a mi MacBook, que ya no tiene mas espacio.

Cuesta un poco volver a arrancar; retomar todas las cosas pendientes, recordar adonde quedaron todos los archivos. Pero de a poco nos vamos acostumbrando.

Es lindo estar de vuelta.

27 Ago 08

10 consejos para escribir emails HTML

En MailChimp, publicaron 3 templates HTML para email gratuitos. Pero además, armaron una lista de consejos a tener en cuenta para escribir emails HTML. Me tomé la libertad de traducirlos y republicarlos. Espero que alguien le sirvan.

  1. Codificá los emails HTML en un editor de texto plano. De esa forma vas a obtener el código mas limpio posible. No uses editores WYSIWYG ni esperes que el Microsoft Word exporte código HTML limpio. Incluso algunos filtros de spam van a penalizar tu email si lo creaste en FrontPage. Mejor usa el NotePad, o el TextEdit.
  2. No te vuelvas loco escribiendo CSS. Usá CSS embebido y evita el posicionamento con CSS. Las tablas funcionan mejor.
  3. Diseñá para el panel de previsualización del cliente. El panel de previsualizacion de cualquier cliente de correo es mucho mas angosto que una página web común y corriente. Menos de 600 pixeles es generalmente una buena guía. Alinea los elementos a la izquierda, y asegurate que el logo y contenido mas importante se “asome” en la parte izquierda de tu template.
  4. Evitá poner JavaScript, ActiveX, Flash, video embebido, archivos de sonido, o DHTML. Los virus generalmente van ocultos en ese tipo de archivos, asi que los programas antivirus van a bloquearlos.
  5. Las imágenes tienen que estar subidas a un servidor web, y las rutas de las etiquetas img tienen que ser absolutas.
  6. Los clientes de Webmail (Yahoo, MSN, Hotmail, Gmail, etc) generalmente borran el código HTML que está encima y por debajo de las etiquetas BODY (y también las etiquetas BODY). Por lo tanto:
    • BODY BGCOLOR no va a funcionar. Mejor crea una tabla al 100% de ancho con tu color de fondo, y embebé tu template adentro.
  7. El código CSS dentro del HEAD no va a funcionar. Embebé CSS debajo de la etiqueta BODY, justo encima del contenido.
  8. TODOS los programas de email desactivan las imágenes por defecto. El destinatario tiene que clickear un botón “Mostrar Imágenes” para verlas. Esta es una característica por defecto y no puede ser apagada. Además, el destinatario tiene que estar muy motivado para clickear ese botón. Por lo tanto:
    • No diseñes emails en HTML que contengan solo una imagen grande. El destinatario no va a ver nada (y los filtros de spam no pueden leer contenido, asi que van a asumir que el email es un spam).
    • Tomá los reportes estadísticos de email entre comillas. La mayoría de los sistemas de seguimientos de campañas de email utilizan gifs transparentes, y cuentan cuantas veces la imagen fue impresa. Si tu destinatario tiene desactivadas las imágeners, el gif no va a ser descargado.
  9. Siempre hay que incluir una versión de texto plano (plain-text) en tus emails. Esa es la versión que va a mostrarse si el destinatario no puede (o no quiere) ver emails HTML.
  10. Probá los emails todo lo que puedas, en todos los clientes y servicios webmail como sea posible. Acordate que la forma en que cada cliente de email muestra el HTML es muy distinta, y el testeo va a ser tu única garantía
« Anterior