Launchlist es una aplicación que nos permite revisar de forma rápida los puntos más importantes que debemos chequear en una web antes de su lanzamiento.

Es una lista que nos facilita la tarea de revisión haciendo que no olvidemos ningún detalle.

Tan fácil como indicar con un sí o un no en cada elemento de la lista, permitíendonos además añadir nuevos items y enviar el informe al responsable del proyecto.

Code organ es una de esas aplicaciones divertidas, en la que con tan sólo introducir la url de nuestra página web, a través de un algoritmo transformará nuestro código html en una canción.

Cuando llaman a nuestra puerta para rediseñar un sitio web nos encontramos con varias cuestiones críticas a preguntarnos y tener en cuenta:

- ¿El rediseño apela a una nueva audiencia? ¿Hay que mantener a los lectores habituales?

- ¿Cómo puede afectar la nueva arquitectura de la información a los search engine rankings?

- ¿Van a conseguir estos cambios crear un sitio mejor?

Por fortuna hay lo que nosotros llamamos las tres reglas de oro para el rediseño web, que nos ayudarán a qué todo vaya simplemente bien.

1. Cambiar el look, no el feel

Cuando una página web tiene establecida su audiencia, cambiar el diseño drásticamente puede perjudicar al tráfico.

En pocas palabras: no buscamos que los usuarios habituales se pregunten si han llegado al lugar equivocado.

Aparte de esto el antiguo diseño no debería limitar la creatividad. Lo importante es reconocer los elementos claves y asegurarnos de que la nueva página es reconocible.

Si el logotipo y la línea gráfica son lo bastante fuertes, es probable que la transición se pudiera realizar casi por sí misma. Pero si no nos encontramos en este caso será importante localizar los elementos visuales que generan la identidad de esa web (colores, tipografía, iconos, fotografías, etc) y utilizarlos dentro del nuevo lugar.

2. Evitar la pérdida de Search Engine Rankings

Una de las cosas más importante es asegurarse de que el nuevo sitio no pierde ninguna puntuación dentro de los motores de búsqueda. Cualquier reestructuración torpe, probablemente daría lugar a que Google reindexara las páginas, pero hay algunas cosas que podemos hacer para que este proceso sea menos doloroso.

Lo primero es asegurarnos de que no perdemos ninguna de las etiquetas de título del sitio antiguo, descripciones de meta… además de mantener las URIs.

Si tenemos un buen motivo para cambiarlos entonces debemos asegurarnos de utilizar un redireccionamiento 301 (Google así lo recomienda). Este redireccionamiento le indica a Google que una página ha sido movida de forma permanente y al mismo tiempo se traspasarán los valores de PageRank y de backlinks que ya disponíamos en nuestra vieja URL.

Aquí dejamos un tutorial rápido

Lo último sería asegurarnos de cambiar las reglas en el archivo roborts.txt y enviar el nuevo sitio a Google.

3. Copia de seguridad del sitio antiguo y uso de un entorno de preproducción

A nadie le gusta perder contenido. Así que realicemos una copia de seguridad de los archivos y bases de datos.

Otra opción que nos gusta utilizar es crear un entorno de pre-producción o desarrollo para el nuevo sitio.

Las ventajas son bastante obvias: no rompemos nada ni mostramos información en el sitio principal. Además al trabajar a nivel local no se pierde tiempo en la transferencia de archivos vía FTP.

Os dejamos un tutorial (en inglés) sobre como configurar XAMPP y WordPress en local de forma que podamos ejecutar PHP y MySQL.

Para Mac OSX y Windows

Como alternativa, si prefieres trabajar online, puedes hacerlo en un subdominio protegido con un .htpasswd para mantener el trabajo seguro.

¿Cuáles son tus reglas de oro a la hora de abordar un rediseño web?

La gente de Enjoy this beautiful day nos facilita una recopilación de flechas para nuestros proyectos y es que, ¿qué proyecto no requiere de uno de estos pequeños elementos?!

Descargar flechas

Web 2.0. Suicide Machine es una página que nos permite borrar todo rastro de nuestros perfiles en las diferentes redes sociales.

Bajo diferentes lemas, nos incitan a “Volver a la vida real”

Facebook, Linkedin y Myspace (este último está parado de momento por el gran número de peticiones).

Suicide Machine, nos promete realizar el proceso en menos de una hora, acción que manualmente nos llevaría casi 10h.

Nosotros por el momentos seguiremos conectadas…:)

Se ha ido ya mamá en las redes:

Facebook
Twitter
Flickr
LinkedIn
Xing

Aproximadamente el 8% de la población masculina  es daltónica, es decir, que tiene imposibilidad a la hora de distinguir colores.

We are Colobrlind es un proyecto web en forma de biblioteca de patrones para diseño que gira en torno a mejorar la experiencia de este tipo de usuarios.

CheckMyColours nos permite testar nuestra web a nivel de colores. Su objetivo es detectar problemas para que todas aquellas personas que perciben los colores de manera diferente también puedan tener una experiencia completa en nuestras web.

Os dejamos a continuación una recopilación realizada por la gente de Vandelay Design sobre las mejores webs de organizaciones sin ánimo de lucro.

Enlace: 40 mejores Websites de Organizaciones sin ánimo de lucro.

Accedo a BooneOakley.com y no llego a una web, accedo a un video de YouTube!!

Aprovechando funciones de YouTube como la inclusión de notas interactivas y bastante ingenio, la agencia de publicidad Boone Oakley ha desarrollado su sitio web corporativo como un video en YouTube.

Notas interactivas que se enlazan con otros videos y dando vida a las distintas secciones de la web.

Un trabajo que por su creatividad recomendamos visitar.

Hoy os dejamos una recopilación hecha por la gente de Six Revisions con 30 headers ilustradas con diferentes técnicas.

Puede servir de inspiración si estáis pensando en actualizar la imagen de la cabecera de vuestra web o blog.

Hace algunos meses William Victor, empresa de traducción, nos planteo este tipo de proyecto para su web.

El resultado: dos ilustraciones, una para la home y otra para las páginas interiores hechas con la técnica de collage con pedacitos de billetes de mundo, haciendo referencia a la globalidad de este tipo de servicios.