Aprendiendo Web

Siguiendo con la entrada Relativa facilidad de lectura aquí está la traducción del artículo de Oliver Reichenstein The 100% Easy-2-Read Standard

La mayoría de sitios web están repletos de texto pequeño que es un dolor de cabeza leer. ¿Por qué? No hay razón para tener tanta información apretada en la pantalla. Es sólo un estúpido error colectivo que se remonta a un tiempo en que las pantallas eran muy, pero muy pequeñas. Por eso:

No nos digas que ajustemos el tamaño del texto.

¡No queremos cambiar la configuración de nuestro navegador cada vez que visitamos un sitio web!

No nos digas que las paginas que están repletas de cosas se ven mejor.

Las páginas repletas de cosas no se ven bien: se ven horribles. Llenar las páginas nunca ha ayudado a la usabilidad. Es la pereza la que hace que nos arrojes todo tipo de información.

Queremos que pienses, y pre selecciones lo que es importante. No queremos hacer tu trabajo.

Continúa leyendo...

Les cuento que acabo de aumentar el tamaño del texto en el blog, ahora los posts de Aprendiendo Web tienen un font-size de 16 píxeles, y el texto del sidebar es de 13px.

La razón es muy sencilla, hace unos minutos llegue al post Relative readability de Wilson Miner, en este explica por qué un texto de 16 píxeles en la pantalla se ve igual que uno de 11 puntos en texto impreso.

Un texto de 16 píxeles en la pantalla se ve igual que uno de 11 puntos en texto impreso.

¿No me creen?

Wilson Miner tuvo la gentileza de permitirme usar una de sus imágenes en mi blog para ilustrar este punto.

Increíble (y muy lógico también), al momento de leer, los monitores están siempre a una distancia mayor que los libros...

Continúa leyendo...

La accesibilidad web es un tema muy interesante, aquí les presento el libro Dive Into Accessibility, un muy buen libro (del cual he aplicado ya varios conceptos en este blog), descarga el PDF y mejora la accesibilidad de tus páginas!

También tiene datos de muy buenas herramientas para probar y mejorar la accesibilidad de tu sitio web.

Ahora una pequeña reseña:

Este libro responderá a 2 preguntas básicas:

1. ¿Por que debería hacer mi sitio web más accesible?
2. ¿Cómo puedo hacer mi sitio web más accesible?

Para responder a la primera pregunta, Dive Into Accessibility nos presenta 5 personajes: Jackie, Michael, Bill, Lillian y Marcus.

Todos ellos tienen cosas en común:

Continúa leyendo...

Google Webmaster central blog ha sacado una serie de videos para ayudar a comprender mejor cómo funciona google y qué herramientas tenemos a nuestra disposición para mejorar el ranking de nuestros sitios.

Desde hace un tiempo, Google ha empezado a dar más información a los webmasters, así que es hora de aprovecharla.

Como siempre, los videos están en inglés, ya lo dije antes, si quieres enterarte de lo que pasa en el mundo del diseño/desarrollo web, es indispensable que aprendas este idioma.

No vale sentarse a esperar a tener los contenidos en otro idioma, esto puede demorar días, semanas o incluso meses (también puede pasar que nunca estén disponibles en español).

Estos videos son cortos y explican bastante bien como trabaja Google, los videos son estos:

1. Cómo Google Descubre las páginas
2. Accesibilidad, cómo Google ve la información de tus páginas y las indexa
3. El ranking de Google

Continúa leyendo...

Este discurso de Steve Jobs es simplemente inspirador, el video (14 minutos 33 segundos) es bastante conocido, si ya lo viste de seguro querrás hacerlo de nuevo, si nunca lo has visto te lo recomiendo.

Cada cierto tiempo vuelvo a verlo, es como recargar energías y era algo que quería compartir con ustedes.

Steve Jobs en Stanford (Junio 12, 2005).

Espero que les guste y los inspire.

Ya lo saben...

Stay Hungry. Stay Foolish.Steve Jobs

Nota: Si quieren ver el texto en inglés del discurso pueden encontrarlo en el servicio de notcias de Stanford.

Continúa leyendo...

Traducción al castellano del artículo Marketing should be education, education should be marketing de Kathy Sierra.

¿Quieres usuarios apasionados? Edúcalos.
¿Quieres alumnos apasionados? Véndeles.

Si alguna vez hubieron 2 grupos que debieron cambiar de lugar --y especialmente de investigación-- son los profesores y los de marketing. Nuestro mantra aquí es, "Donde hay pasión hay un usuario pateando traseros..." y por "patear traseros" nos referimos a "ser realmente buenos en algo" en el mundo post 30-segundos-de-atención, el departamento de marketing debería convertirse en en departamento de aprendizaje. Mientras tanto, en las ecuelas, los profesores deberían convertirse en... gente de marketing.

Continúa leyendo...

¿Te imaginas tener una imagen de toda una página web?, y cuando digo toda, no me refiero sólo a lo que se ve en la pantalla sino a la página web completa!.

Pues es eso entre otras cosas lo que puedes hacer con la extensión para Firefox ScreenGrab!

ScreenGrab! te permite guardar una imagen (.png) de:

• Toda la página web
• Sólo la parte visible de la página
• Un área seleccionada de la página

Cómo usar ScreenGrab

Ahora que sabes qué es lo que se puede hace con ScreenGrab! es hora de ver cómo funciona...

Continúa leyendo...

Hoy me encuentro este video, de la conferencia Navarparty, donde Antonio Javier Ortiz nos habla sobre posicionamiento en Google.

El video (1 hora) es muy interesante, y tiene además de la información sobre SEO, una ronda de preguntas y respuestas muy buena.

Del sitio de Navarparty:

En esta charla sobre optimización de motores de búsqueda (”Search Engine Optimization”, SEO) hablamos de los factores importantes en la promoción de una página para un buscador como Google, de la temporalidad en el lanzamiento y sus pautas de promoción. El desarrollo de contenidos propicios, la accesibilidad de contenidos para el SEO de páginas de flash y técnicas de posicionamiento no muy lícitas utilizadas a dia de hoy.

Continúa leyendo...

Siempre he usado Amazon para comprar libros, la verdad es que el servicio es muy bueno y los precios son mucho más bajos que en las librerías (si es que llego a encontrar esos libros en alguna).

Resulta que Amazon tiene un programa de afiliados que permite crear una tienda virtual. Obviamente Amazon tiene el producto, hace el envío y se encarga de cobrar (mediante una transacción segura)

Así que he creado la tienda de diseño de Aprendiendo Web!, aquí podrás encontrar los mejores libros (en mi opinión) de diseño, diseño web y algunos temas relacionados.

Continúa leyendo...

Acabo de encontrar ColorExplorer una gran herramienta gratuita online para el manejo de colores que definitivamente será de gran ayuda a todos los diseñadores web.

Las herramientas de ColorExplorer incluyen, pero no se limitan a:

1. El ajuste de colores, desde un solo color hasta una paleta de colores
2. Buscar colores en bibliotecas populares
3. Selector de color NCS (Natural Color System)
4. Sugerencias de conversión entre múltiples bibliotecas de color (RAL, PANTONE, y más)
5. Exportar paletas para su uso en programas populares como Adobe Photoshop, Illustrator, e InDesign
6. Análisis de de paletas de color e importación de fotografías e imágenes
7. Almacenamiento de paletas centralizado para un fácil acceso
8. Filtros y estilos de paletas

Ver la lista completa de funciones

Son muchas las características que ofrece ColorExplorer, aquí les dejo algunas capturas de pantalla de esta estupenda herramienta.

Continúa leyendo...