Diseño, Reflexión, Tutoriales | 10 de marzo de 2015

El tras bambalinas de un rediseño

Esta semana el nuevo diseño de este sitio por fin ha visto la luz, y eso me tiene tremendamente entusiasmado.

Ha sido un proceso casi completamente público (me he guardado solo las partes aburridas), y puedes ver a continuación una compilación de los artículos y tutoriales resultantes de este proceso:

  1. Cómo crear una cabecera fija con HTML y CSS
  2. Rediseñando FranciscoAMK.com (Parte 1: Planificación)
  3. Rediseñando FranciscoAMK.com (Parte 2: Diseño homepage y blog)
  4. Rediseñando FranciscoAMK.com (Parte 3: Página de cursos)
  5. Implementar Adobe Typekit en WordPress
  6. Usar plantillas de página en custom post types de WordPress
  7. Personalizar formulario de comentarios de WordPress
  8. Consejos para redactar el contenido de un sitio web

Lecciones aprendidas

Son muchas las lecciones que puedo sacar de todo este proceso de rediseño y re-desarrollo, algunas son nuevas para mí y otras solo confirman ideas que ya tenía de antes. A continuación quiero mostrarte las más interesantes:

1. El diseño es solo una referencia

Mi forma de entender y procesar la información es completamente visual, me gusta ver los sitios web ordenados, con sus colores y su estructura antes de ponerme a escribir código, porque así me hago una idea más completa de lo que necesito crear.

Por eso no me siento muy cómodo con algunos enfoques como el diseñar en el navegador que promueven el maquetar directamente los prototipos en HTML/CSS sin pasar primero por alguna aplicación de diseño como Photoshop o Sketch.

He descubierto también que a los clientes, tener una guía visual de referencia también les hace mucho sentido.

Habiendo dicho esto (y dejando en claro lo importante que es para mí la creación y presentación de un diseño inicial), hay que entender también que el diseño es solo una referencia y no una imposición a la cual debamos atenernos en un 100%.

Creo que el “pixel perfect” es un concepto que ya ha muerto, sobre todo considerando la gran cantidad de pantallas y resoluciones existentes.

Si miras el diseño inicial del homepage y lo comparas con el diseño final verás que hay muchas diferencias, pero en todos los casos son cambios para mejor, y esto es posible únicamente gracias a que el proceso completo está abierto a mejoras y correcciones, siempre y cuando no retrasen el lanzamiento y no se trate de meros caprichos, sino de cambios con una finalidad específica.

Permítete evolucionar con tus diseños y no te obsesiones con hacer que tu maquetado sea exactamente igual que el resultado que obtuviste en tu aplicación gráfica.

2. Es más difícil de lo que parece

A veces los sitios web engañan.

Me ha pasado con este sitio y en varias ocasiones con sitios web de clientes, en donde a primera vista pareciera ser algo sencillo, pero una vez que comienzo a trabajar en profundidad me encuentro con niveles de complejidad no previstas antes, lo cual puede llegar a retrasar el proyecto.

En este caso, todo apuntaba a que debería desarrollar un buen diseño para el blog, algunas páginas de aterrizaje y diferentes formularios de suscripción, sin embargo, ya inmerso en el proyecto descubrí la necesidad de separar el contenido en diferentes “custom post types”, de crear taxonomías personalizadas, plantillas adicionales y un montón de otras cosas… uf!

Procura darte el tiempo necesario para investigar, hacer las preguntas necesarias y descubrir la verdadera complejidad de un rediseño.

3. Nunca va a estar perfecto

Como buen perfeccionista, me vi atrapado en el círculo vicioso de realizar cambio tras cambio y corrección tras corrección, gracias a la premisa de que “puede estar mejor”, pero en el fondo, lo único que hacía era retrasar más y más el lanzamiento.

Es muy fácil caer en la trampa del perfeccionismo, pero he descubierto que la mejor forma de sobrellevarlo es siguiendo el consejo de Sean McCabe de conformarse con alcanzar un 90% de perfección, además de imponerse fechas límites y mantenerse fiel a ellas.

Procura que el proyecto alcance un nivel de suficientemente bueno para ser lanzado” y recuerda que estamos en el mundo de la web, si hay algún error se puede simplemente corregir y ya está 😉

4. El contenido es la parte más compleja

A menos para mí lo es.

Diseñar se me da con cierta facilidad y desarrollar código HTML/CSS/WordPress también, sin embargo, redactar textos, sobre todo aquel contenido más estático, que no está basado en opiniones o historias (como un artículo de blog) se me hace bastante difícil.

En mi caso lo que me ha ayudado a superar este problema es tratar de escribir como hablo, de tal forma que se lea natural y honesto.

No sé si para ti la creación del contenido sea difícil como lo es para mí, pero lo que sí he notado es que para los clientes es un tema que se puede complicar bastante.

Trata de respetar el tiempo que tu cliente necesite para redactar los contenidos (siempre y cuando esté haciendo el trabajo) e intenta ayudarle con las herramientas que tengas a tu alcance.

Tal vez puedas revisar los textos, o tal vez puedas darle una guía acerca de cómo crear buenos contenidos.

Conclusión

Lo que puedo sacar como reflexión final de todo este proceso es que el cliente más difícil siempre es uno mismo, pero si decides tratarte tal como lo haces con un cliente externo, ajustándote a tus procesos y siendo fiel a los plazos de entrega, todo puede ser más sencillo.


Espero que hayas disfrutado de este post y que te haya gustado mi nuevo diseño.

Si quieres comentar algo, tienes el formulario más abajo para ello y si te gustaría tener un diseño igual de cool, siempre puedes contactarme a través de APK Estudio 😉

Un abrazo,
@FranciscoAMK

También te podría interesar:

Ya instalé WordPress ¿Qué hago ahora?

Hace un tiempo la gente de Hostinger publicó un tutorial súper detallado en donde explicaban paso a paso las diferentes formas de instalar WordPress, es básicamente una guía de instalación de WordPress y me invitaron a complementar su tutorial compartiendo qué es lo que hago yo una vez que WordPress ya está instalado. Así que […]

Seguir leyendo...

Cómo definir columnas del mismo tamaño en CSS

Esta es una clase extraída del curso Diseño web: HTML y CSS desde cero, en la cual aprenderemos a usar una técnica muy interesante para definir el layout de una página con columnas del mismo tamaño, mediante el uso de la propiedad display con los valores table y table-cell, entre otras cosas.

Seguir leyendo...

Una gran diferencia entre estar contratado y ser freelance

En el video Estilo Libre, sin cortes ni ediciones de esta semana hablamos acerca de una de las principales diferencias entre trabajar bajo contrato y trabajar como profesional independiente. Lo vamos a ilustrar con una historia entre en salchichón y yo. Cuéntame en los comentarios si has tenido alguna experiencia similar. Hasta la próxima. Un […]

Seguir leyendo...

Hay 2 opiniones

  1. Muy cierto… Gracias por tus reflexiones. Estoy totalmente de acuerdo que lo mejor es escribir como hablas. Porque logras dos beneficios: 1) Se te hace fluida la redacción. Y 2) Te das cuenta de tus errores cuando hablas 😉

    Un abrazo desde Bucaramanga, Colombia!

  2. Hola Francisco!
    La verdad me he reído mucho (en el buen sentido) con tu post, porque a mi me pasa exactamente lo mismo: UNO ES EL CLIENTE MÁS DIFÍCIL EN CONVENCER. Sin embargo, lo que quiero comentarte en esta oportunidad, es que me encanta tu forma de escribir y mira que se te hace más fácil de acuerdo a lo que comentas, además es una excelente forma de acercarte a tus lectores identificando aquellos temas que le son familiares o con los cuales se identifiquen, esa es la base del Marketing de Contenidos y es lo que logra realmente el “engagement”con tus audiencias, sigue adelante.
    Estamos en contacto, un abrazo
    Adri.

Y tú ¿Qué opinas?

Puede que no te responda, pero ten por seguro que leeré tu comentario. Por si acaso, tu email no se mostrará ;)

Recibe más artículos como este cada semana

Únete a los 7.713 suscriptores y recibe cada miércoles nuevo contenido sobre diseño, sitios web y creatividad.

¡Ya estamos casi! revisa tu bandeja de entrada para verificar tu email por favor.
Uy! Parece que algo salió mal procesando tu solicitud. Recaraga la página e inténtalo de nuevo.

Ya me suscribí antes, no me muestres esto.