Desde hace unos meses casi no utilizo mis PC. La verdad es que cuando empiezas a trabajar con Mac no quieres nunca más tocar un PC. Pero no todo el mundo tiene Mac, entonces a la hora de diseñar un página web es importante tener en cuenta que navegador estan usando nuestros usuarios.

Thecounter.com nos da para octubre de 2008 las siguientes estadísticas:

1. MSIE 7.x		17987927	(41%)
2. MSIE 6.x		15496441	(36%)
3. FireFox		7275662	(17%)
4. Safari		1532326	(4%)
5. Opera x.x		355428	(1%)

A la vista de estos números es importante probar como mínimo tu diseño para los siguientes navegadores: IE7, IE6, Firefox.

Para hacerlo puedes instalar en tu PC el Multiple IE Installer.  Instala en la misma máquina hasta 5 versiones diferentes de Internet Explorer.

Seguro que como yo habeís notado que una paginas web tienen un Favicon transparente en evz del típico cuadro de 16×16.

Los pasos para conseguirlo con Photoshop CS3 son muy sencillos. El primer paso es de descargar e instalar el Plugin ICO para Photoshop CS3.

1. Diseña sobre fondo transparente el logo que quieras usar como Favicon. Lo mejor es partir de una imagen 32×32 o 64×63 pixeles.
2. Redimensiona tu imagen a 16 x 16 pixeles
3. Cambia la imagen al modo de color indexado. El modo Color indexado produce archivos de imágenes de 8 bits con un máximo de 256 colores.
4. Exporta la imagen usando la opción “guardar para web” de Photoshop.
5. Guarda la imagen como gif. y cierra el fichero
6. Re-abre el fichero, y guardalo como “windows icon, ico”. Ya esta, tienes un favicon transparente.

Si necesitas más información sobre los favicon te aconsejo la lectura de Mysteries Of The Favicon.ico — How To Create A Favicon In Photoshop

Por casualidad esta noche encontré esta imagen de Einstein. Me gustó mucho esta frase “Everything should be made as simple as possible, but not simpler”.

Parece una frase directamente sacada de un libro de usabilidad como el de Jacob Nielsen.

Aprovecho para compartir con vosotros unas directrices sacadas del  libro de usabilidad de Nielsen:

• Poner el logo en la esquina superior izquierda
• Logo con enlace a la página principal
• Colocar un búscador en la esquina superior derecha
• Diseñar para desplazamientos cortos
• Texto en negro sobre fondo negro blanco
• Etc…

Os aconsejo la lectura de este libro.