El hecho de que nada se queda igual en la web por mucho tiempo es casi un dogma de fe entre los usuarios veteranos. Si alguien se toma eso sumamente en serio y encarna esta idea como pocas aplicaciones es Twitter. El dia de ayer anunció varias sorpresas importantes:

1. Actualizaciones a las apps de iOS y Android, y particularmente a la de iPad
2. Confirmó que los servicios de terceros para fotografías serían descontinuados definitivamente
3. Lanzó el nuevo diseño de perfil personal que ahora contiene una imagen de encabezado

Se podría hacer un post de cada uno de los puntos, pero por hoy solo me interesa comentar el tercero. Tan pronto me enteré de este nuevo diseño fui a probarlo y la verdad es que no es tan sencillo de implementar. Con el fin de ahorrarles algo de tiempo y enfados, decidí compartir aqui un poco de la sabiduría duramente ganada la tarde de ayer y una herramienta bastante sencilla pero que puede ayudar mucho a todo esto. Ojalá la hubiera tenido antes, pero asi es esto.

Es importante hacer notar que TODOS ya podemos usar esto. A diferencia de otros cambios en Twitter este no tuvo un lanzamiento gradual, de manera que no es necesario esperar para recibirlo. Ya está disponible en este instante para ustedes. Solamente tienen que ir a la dirección http://www.twitter.com/settings/design y en la parte inferior verán la opción de «Encabezado».

Primero que nada 5 cosas a considerar:

• La imagen necesaria es bastante grande. El tamaño sugerido es de 1252 x 626 px. Esto es cortesía de la aplicación del iPad que es la que mas luce este diseño nuevo. Ojo porque cosas de menos de 640 px de ancho se van a ver distorsionadas y/o pixeleadas.
• No todo el espacio está disponible. Esto es lo MAS IMPORTANTE. Como ya vieron en la foto al inicio del post, la imagen es solo un fondo para el resto de nuestra información y foto de perdil, de manera que hay que tomar en cuenta todo esto. Apenas el primer tercio de la imagen va a verse bien si tenemos un bio grande y queremos que se pueda leer. Para resolver este problema les dejo una plantilla que muestra el espacio que ocupan todos los datos de nuestro perfil. Sobre todo el ancho puede variar un poco dependiendo de la cantidad de texto, pero esto debería de darles una muy buena idea de qué pueden esperar. Esto puede ahorrarles un muy buen rato de prueba y error. La plantilla tiene fondo transparente y es del tamaño completo asi que pueden usarla para basar su diseño. Pueden descargarla aqui

• No hay control sobre algunos elementos. Relacionado con lo anterior, sobre todo el texto de la bio, su posición y color parecen no poder cambiarse fácilmente. Asi que también hay que tomarlo en cuenta. No he visto textos en otro color que no sea blanco. De igual manera no hay forma de mover mucho la posición del texto como no sea jugando un poco con los espacios o escribiendo en texto directo en la imagen, lo cual es otra posibilidad pero que tiene problemas serios para las búsquedas y algunas apps. No lo recomiendo, pero se puede.
• Ojo con los colores. Nuestro perfil consta de 3 imágenes ahora: Nuestra foto de perfil, el encabezado y la imagen de fondo. Eso sin mencionar el color de los enlaces. Ojo con las combinaciones de colores entre todas ellas porque de lo contrario puedes lograr un batidero horrible.
• No en todas las aplicaciones se va a ver igual. Por si todo lo anterior no fuera suficiente, noté que el resultado final puede variar dependiendo de la aplicación. La imagen inicial fue tomada de sitio web de Twitter, pero vean como se despliega en el sitio móvil en horizontal. Vale la pena añadir que en modo vertical sale de una manera diferente y que no se ve tan bien. Quiero pensar que en las apps oficiales podría verse de manera mas uniforme. En algunos casos los resultados pueden ser terribles sobre todo en pantallas mas grandes que un smartphone normal. Ahi tienen la dichosa consistencia que tanto pregona Twitter.

Como pasa con esto hay gente que está experimentando con este nuevo diseño y está haciendo cosas muy interesantes. Les dejo este enlace que muestra 10 buenos ejemplos de como usar el nuevo encabezado. Puede servir para sacar algunas ideas.

Y por si quieren «sincronizar» su imagen de perfil con la del encabezado he aqui este tutorial hecho por Mashable, que básicamente es un refinamiento de la plantilla que les dejé arriba.

El efecto en el perfil personal no es malo, pero creo que Twitter tendrá que pulir un poco esto para que no se vuelva un problema, aunque es algo que lleva meses probándose a pequeña escala con los perfiles para compañía.

Por otro lado, no se necesita mucho para unir los conceptos de «copia» y «Facebook» con esto, y mas vale decirlo de una vez.

No estoy seguro de que sea una de las decisiones mas brillantes de Twitter, pero tampoco es de las peores. Podemos padecerlo o hacer algo divertido de todo esto. Tratemos de elegir lo segundo.

Sigo escribiendo.

Si ya hiciste tu diseño de Encabezado compártelo en los comentarios. ¿Qué tan fácil fue hacerlo?

Posts relacionados

• La Primera Versión de Twitter: Una Imagen de Twttr.com
• 5 Cosas que Tienes que Saber si Usas Tumblr
• Twitter: El Periódico del Siglo 21