10+ herramientas para evaluar la accesibilidad de sitios web 0

Varias veces he mencionado sobre la importancia de la usabilidad en sitios web, es un punto que tanto el desarrollador como el diseñador tienen responsabilidad, porque?

Un diseño puede ser muy bonito pero si los botones no son fáciles de identificar y tu fondo no hace contraste entonces no ayuda en nada, y por el lado del desarrollador un ejemplo claro de que se hace caso omiso de la usabilidad es el abuso de acciones en Ajax porque? simple estas acciones usualmente carecen de función para retroceder acciones.

Pero bueno en Six Revision me encuentro una lista de aplicaciones y extensiones para Firefox realmente utiles, son 10 herramientas para evaluar la accesibilidad de sitios web.

Aquí les dejo dos de las 10 si quieres conocer las otras 8 para lograr obtener un sitio web usable, sigan el enlace.

Firefox Accesibility Extension

Está es una barra de herramientas de Firefox que te permite inspeccionar todos los aspectos de una página web para determinar su accesibilidad. Una característica útil de esta barra de herramientas son las equivalencias de texto de menús que le permite generar listas de elementos tales como imágenes y enlaces para ver si cada uno es compatible con los estándares.
Colour Contrast Analyser

Está extensión para Firefox es muy útil ya que nos ayuda a verificar el contraste de los colores que tienen todos los objetos contenidos en nuestro documento HTML, en que ayuda esto, no todos vemos igual las personas daltónicas o con alguna deficiencia visual pueden tener problemas para visualizar un sitio si este no tiene un contraste adecuado.

Enlace: 10 Tools for Evaluating Web Design Accessibility

10 scripts de mootools para mejorar tus formularios 0

Llenar un formulario puede ser lo mas aburrido y difícil durante tu experiencia en un sitio web, pero esto puede mejorar la usabilidad y experiencia de tu visitante por tu sitio debes considerarlo como el aspecto mas importante a tomar en cuenta.

En cats who code han recopilado 10 scripts de mootools para mejorar formularios, entre los scripts estan herramientas para calendarios, validación de formularios, checkbox y radios personalizados, etc…

Enlace: 10 Mootools scripts for enhacing your html forms

Pattern tap, inspiración para diseñar interfaces 0

Pattern Tap es el sitio que andabas buscando si te han buscado para hacer algún diseño de interfaces? a que me refiero? a los conocidos UI o interfaces de sistemas.

El hecho de rediseñar una interfaz no es lo mismo que rediseñar un sitio web aunque comparten ciertas necesidades, que debes considerar en el diseño de una interfaz?

Usabilidad
Fácil acceso a las diferentes secciones
Utiliza imágenes y botones intuitivos
Innova pero haz las cosas mas sencillas no las compliques mas
No uses muchos colores
Utiliza iconos que representen funciones especificas
No abuses del Ajax

Bueno esos son mis tips, pero para que mas largas ay muchas interfases y muchas librerías para crear interfaces muy buenas, pero bueno pattern tap es el lugar ideal para que te inspires e innoves en este sitio recopilan gran cantidad de imágenes y ejemplos de diseños de interfases usables e intuitivas.

Enlace: Pattern Tap

Diseños y tendencias de los Menus de Navegación 0

Los menus de navegación pueden considerarse la columna vertebral de muchos sitios, es un elemento muy importante y que no debe hacer falta en un sitio, pero no es solamente el hecho de que este ahi, si no que tambien su usabilidad juega una función muy importante y por supuesto su diseño.

En cuanto a la usabilidad debes conocer el publico hacia el que diriges tu sitio si sientes que tus visitantes son gente grande no les pueden poner un menu ultra moderno como que talves si puedas hacer en un sitio dirigido a gente joven.

Sin embargo no es lo unico debes considerar la cantidad de visitas porque si el sitio tiene un diseño muy trabajado este usualmente requiere de muchas imagenes y esto afectaria al consumo de ancho de banda de tu sitio, pero bueno ese es otro tema, el diseño de tu menu de navegación cuenta mucho ya que su atractivo puede ser un punto clave para dirigir a tu visitante a el y que no se pierda en tu sitio.

Ahora no toca un tutorial de los cuales ay muchisimos pero toca una recopilación hecha por Smashing Magazine que muestra excelentes diseño de menus de navegación utilizados en diferentes blogs y sitios web, asi como cuales son las tendencias que siguen los diseñadores en este punto especifico.

panic

Sigue este enlace para ver la lista completa: Navigation Menus: Trends and Examples

Comó usar CSS en los emails? 0

Diseñando emails con CSS

Las empresas e incluso los bloggers muchas veces necesitamos del correo electrónico para regar nuestra información ya sean newsletters, avisos, recordatorios, feeds, etc… y muchas veces quisiéramos aplicar un diseño a nuestro email que vaya acorde a la imagen de nuestro sitio o a al imagen corporativa de la empresa.

El problema esta en que los servicios de correo electrónico, lease hotmail, yahoo, msn, gmail, etc, no ofrecen el mismo soporte en cuanto a etiquetas HTML se refiere cosa que cambia en un gestor de correo electrónico de escritorio, o porque crees que muchos servicios cuando envias un correo te pregunta en que formato enviarlo? (texto plano o HTML).

Bien en los siguientes dos artículos en ingles, nos ayudan a conocer que tipo de soporte dan los servicios de correo electrónico y como podríamos aplicar CSS a los correos electrónicos, usando tablas comparativas para mostrarnos las características soportadas según sistema, etiqueta, sistema operativo, etc..

Enlaces:

A Guide to CSS Support in Email , 2006
A Guide to CSS Support in Email, 2007 (esta incluye información actualizada de los servicios de correo)

Excelente galería de interfaces web 2.0 bien diseñadas 0

Diseño de Interfaces

Enorme galería de Flickr de factoryjoe, que tiene un enorme recopilación de imágenes de interfaces, todo esto mas que servirnos como tutoriales o tips, es una gran fuente de inspiración para los desarrolladores que tienen poca iniciativa en cuanto al diseño de sus interfaces, recuerden que el sistema que desarrollen no solo ustedes lo van a utilizar y un sistema aparte de ser funcional debe ser usable y si aparte tiene un diseño y estructura de la información bien definido, ese va a ser un plus que mas de uno se los va a agradecer.

La galería tiene capturas de interfaces de: