HTML5 en proyectos reales

Banner de Adobe interactiva y en diferentes zonas de la página

Parece que cada día veremos más y más banners interactivas tomando diferentes espacios en la página. Vean el progreso de esta banner al mover la parte de arriba:
creative licensecreative licensecreative licensecreative licensecreative licensecreative licensecreative licensecreative license

Vi el banner en el sitio de Layer Tennis

¿Cuál es el perfil del nuevo Diseñador Web?

perfil disenador web
Luis Alarcón hizo esta pregunta a varias personas involucradas en el medio.

Mi respuesta en su momento fue esta:

Existe la idea que todos los diseñadores web deben saber PHP, manejar bases de datos, etc. Tal vez no sea un requisito indispensable, pero si el diseñador web conoce la interacción de diferentes lenguajes, eso ayudará a comprender los requerimientos del equipo, para un proyecto en Internet y así saber qué se puede hacer y que no.
Lo ideal es que se asesore o trabaje en forma de alianza con programadores en diferentes lenguajes de programación, pero definitivamente será un plus si la persona domina lo relacionado al (HTML), CSS, Javascript, Actionscript, como trabaja un e-commerce, saber manejar scripts pre-diseñados y la forma en que funciona una plantilla PHP, por ejemplo.

En cuanto a las herramientas, el diseñador web debe saber plasmar sus ideas en forma de bocetos y conocer los programas que le ayuden a expresarlas en forma correcta, por ejemplo Photoshop, Illustrator, Flash, un programa generador de código, ya sea en forma WYSIWYG o mejor aún, dominar un editor de texto.

Y lo más importante es que el perfil del diseñador sea la de un eterno estudiante, que trate de actualizarse, tomar capacitaciones, que lea tutoriales y que sea un maestro en el auto aprendizaje.

Lean el punto de vista de más personas en la liga al sitio de Luis Alarcón:
El perfil del nuevo diseñador web (I Parte)

Todavía tienes que diseñar pensando en el Internet Explorer 6.0

Si pensabas que ya se había pasado la era del IE 6.0, tienes que pensarlo dos veces.
Viendo las estadísticas del uso en navegadores, nos damos cuenta que todavía existen infinidad de personas manejando esta versión.
navegadores utilizan

  • Microsoft Internet Explorer 6.0 43.09%
  • Microsoft Internet Explorer 7.0 34.32%
  • Firefox 2.0 13.75%
  • Safari 4.1 3.88%
  • Opera 9.x 0.98%
  • Firefox 1.5 0.69%
  • Safari 3.0 0.62%
  • Safari 3.1 0.46%
  • Firefox 1.0 0.39%
  • Netscape 6.0 0.37%

Browser Version Market Share for October, 2007

Definr: otro diccionario 2.0

Otro diccionario al estilo Web 2.0.
Nos muestra la definición de la palabra al instante (en Inglés).
definr

definr

Volkswagen Drive In

Volkswagen, la música y el iPod en un sitio.

El sitio es muy lento por estar compuesto totalmente en Flash, pero se pueden rescatar algunas imágenes:

Volkswagen Drive InVolkswagen Drive InVolkswagen Drive InVolkswagen Drive In

Volkswagen Drive In

El re-diseño de msnbc

msnbcmsnbc
Buenos artículos donde explican la forma en que re diseñaron ese sitio. Vale la pena leerlos para entender el desarrollo en esos casos.

The new msnbc.com: Designs we left behind

MSNBC Redesign

Todo sobre nube de etiquetas ‘tag clouds’

nube de etiquetas
Lo que dice la Wikipedia:

Una nube de etiquetas (tag cloud en inglés) es una representación visual de las «etiquetas» o palabras clave usadas en un sitio web. Generalmente este listado de palabras se ordena alfabéticamente; las etiquetas más utilizadas se representan con un tipo de letra de tamaño mayor que el resto.

En Smashing Magazine hacen un estudio de las diferentes formas de mostrar una nube de etiquetas.

Tag Clouds Gallery: Examples And Good Practices

El Logo y sitio de Paypal visto con lupa por WebDesignerWall

paypal logo
Ya ningún logo o sitio queda exento de algún recuento o crítica por parte de la comunidad visual. En este caso Nick La, desmenuza el Logo y el nuevo sitio de Paypal, descubriendo así diferentes aspectos que no le ayuda al sitio de este servicio.

Nos dice que el Logo es muy pobre y que no pensaron en los diferentes fondos:
paypal logo fondo

Al estudiar el sitio encontró algunas inconsistencias en cuanto a los estándares web.
paypal rediseno

Desde hace tiempo que vemos un gran número de críticas a logos y sitios importantes.
Esto sí puede ser un buen punto a tomar en cuenta para los diseñadores responsables de los proyectos.
Ya no existe un diseño cerrado, ahora cada persona puede verter una crítica. Lo importante será ver de quien viene y a donde van esas críticas o estudios.

Review: PayPal Redesign