Encontrando la Inspiración Que Necesitas Cuando Empiezas un Proyecto Web

Posted May 27th, 2009 / By Rivero Javier in Diseño Web, Inspiración, Servicios Web / Sitios, Tips para Freelancers

Tus primeros pasos en lo desconocido

Cuando empiezas un proyecto web, los primeros pasos te pueden resultar intimidantes, especialmente si no conoces verdaderamente lo que hay adelante. Y aunque no lo creas, ¡Esto puede ser mas favorable de lo que pensabas! Los obstáculos que se te presentan al realizar un proyecto nuevo te retan a ser mejor en lo que haces. Dime si no sería aburrido tener un trabajo fácil. Te enseñaré como adentrarte en un territorio desconocido.

REQUERIMIENTOS COMO USUARIO

Hablaré brevemente sobre tus requerimientos como usuario, acceder en un acercamiento con el cliente debería ser tu primer paso antes de producir cualquier tipo de tabla, skecth o píxel. ¿Para que comenzar en un diseño cuando ni siquiera sabes que es lo que te va pedir el cliente? Es como tener un cliente que por ejemplo, te da un montón de ladrillos y te dice, constrúyeme una casa, éste te deja solo por unos meses y tú, pues te das la libertad de construir una casa de 3 cuartos, un baño y una sala, pero cuando la ve el cliente te dice: “¡Pero si yo estaba esperando una alberca en medio de la sala y los baños en un tercer piso!” Claro pues tu no sabías que era lo que él quería, a eso es lo que me refiero. Siempre es importante tener un acuerdo previo de a dónde quieren llegar con éste proyecto. Al final siempre te terminará dando solo una base para que tu plasmes tus ideas.

ANÁLISIS COMPETITIVO

Esto es parte de los requerimientos iniciales en cuanto a la realización de un proyecto. Es sano fijarte en como la competencia maneja algo similar a lo que tú estas buscando hacer, pues también puede ser otro recurso de inspiración. Regresemos al ejemplo anterior pero ésta vez supongamos que a quien le dan los ladrillos es un cavernícola, éste tiene todas las herramientas para construir una casa, pero, ¿Cómo la va poder construir si nunca ha visto una? Nosotros aprendemos de otros, en un análisis competitivo nosotros podemos comprara como otras páginas se ven y/o funcionan. Es una buena idea hacer una comparación de páginas en una tabla, identificar los mejores componentes e imaginar qué podrías hacer diferente para que la tuya sea mejor.

GENERACIÓN DE IDEAS

Ésta es de mis etapas favoritas en un proyecto, pues es cuando dejas volar la imaginación junto con la creatividad. La mejor manera de aprovechar nuestra creatividad, según pienso yo, es sentarte junto con todo tu equipo del proyecto (si tienes uno) y una hoja en blanco y crear un mapa mental. El proceso que es llevado a cabo en el mapeo mental te obliga a pensar en palabras relacionadas con otras en forma de un pseudo-diagrama con forma de araña. (Vea la fotografía)

Éste proceso te puede ayudar a tomar decisiones relacionadas con el diseño y la funcionalidad al mismo tiempo. Supongamos que empezamos a trabajar en una aplicación para email, en este caso escribiría la palabra “Email” en el medio, y a continuación ligar palabras en forma de rama saliendo de la principal como, “Correo”, “Buzón de correo”, “Estampilla”, “Post-It” etc.  Sin que te des cuenta, ya tenemos un par de ideas. Para el diseño del logotipo podría ser una estampilla con algún tipo de font divertido en ella, también podría tener algo de funcionalidad dentro de la aplicación, ¿O, que tal un lugar para el avatar con la fotografía del remitente, adjunto dentro del mensaje? Así tendríamos una colección de estampillas de tus compañeros. El mapa mental puede dar lugar a ideas que pongan tu proyecto muy por arriba de tu competencia.

FUENTES DE INSPIRACIÓN

Mis experiencias de la vida real son las que encuentro como verdaderas fuentes de inspiración y más cuando se trata de dar funcionalidad a un proyecto. La semana pasada estaba trabajando en un proyecto que tenía una especie de formulario/forma dentro de una página que necesitaba terminarse para poder continuar con el resto de la página. Quería darle un uso mucho mas directo y conciso a la manera en que se iba a manejar el formulario. Cuando en una noche, al final de un viaje en auto, paré y apagué el coche y saqué la llave de la ranura de ignición, ¡Ahí estaba! Mi foco prendió automáticamente, literalmente, el foco de mi auto se encendió sin tener que yo personalmente prender el foco porque no había luz. Fui directamente a trabajar en la página que estaba desarrollando he hice que la forma apareciera automáticamente en una ventana cuando ésta se estuviera cargando, vamos cuando no se estuviera haciendo algo productivo, acortando así los procesos de uso para el usuario.

Enlazo a continuación algunas páginas que ocasionalmente visito para inspiración:
DeviantArt
No solo es una gran fuente de inspiración de diseño, muchos artistas nos regalan imágenes de stock que son súper útiles al igual que íconos o hasta emoticons.

Smashing Magazine

Esta página cubre casi todos los últimas modas en diseño web y usabilidad. También es un gran recurso para todo, desde iconos hasta las últimas técnicas de iQuery

Best Web Gallery

Otra manera de explorar trabajo profesional. Es importante recordad la gran diferencia que hay entre plagio e inspiración.

¿QUÉ ESPERAS?

Esto es solo el comienzo, todavía tienes un gran recorrido por hacer en la creación de tu página web. Después de ver tus requerimientos como usuario y las funcionalidades adicionales que necesites, serás capaz de tener un acercamiento tecnológico. Yo utilizo Project Deploy para empezar, es una útil página donde se compila la estructura del folder de una página y también agrega archivos de iQuery para adaptarse a las necesidades del proyecto. Recomiendo también que le eches un vistazo a 960 Grid System y al post de Diseño en Base a Cuadrícula de Adelle Charles

Ahora ya tienes las bases para tener un sólido inicio en la construcción de un proyecto web y algunas páginas de fuentes de inspiración para cuando te quedes atorado. ¡Buena suerte!