Como hacer una web: metodología básica.

Pasos necesarios para crear una página web.

Todo proceso de diseño y desarrollo tiene unos pasos parecidos por no decir idénticos. De manera similar y quizás sin darnos cuenta utilizamos los mismos pasos a la hora de diseñar una web como a la hora de crear un logo. Con esto no quiero decir que todos los pasos sean iguales ya que la gran diferencia y a la vez más importante a la hora de crear una página web, es pensar en la interacción con el usuario. ¿De qué me sirve tener una web "muy bonita y moderna" si luego es prácticamente imposible navegar en ella?

¿Cómo hacer una web? A continuación te explico los pasos necesarios para crear una web:

1. Recopilar información y material

Este proceso es vital que se haga al comienzo del proyecto pero deberíamos ser conscientes tanto el desarrollador web como el cliente que durante todo "el viaje" que supone crear una página web este proceso deberá estar activo. Un ejemplo claro es empezar a trabajar sin los textos en su versión definitiva, sin las fotografías o los vídeos finales, con alguna pantalla sin definir al 100%, etc...

En definitiva, a nadie le gusta empezar un proyecto sin que todo esté definido o atado pero muchas veces no queda otro remedio. En mi caso y para que no haya sustos, me gusta avisar de lo que puede suponer no tener todo el material o información desde el principio.

2. Detectar posibles puntos negros

Pese a que igual no es un paso en sí, me parece muy importante remarcar que antes de empezar el desarrollo de una web detectemos donde tendremos que hacer un mayor esfuerzo ya sea a nivel tecnológico o de diseño. Un ejemplo a nivel tecnológico podría ser: "Quiero una sección en la que haya un mapa interactivo que muestre diferentes elementos y que a la vez se puedan filtrar" y un ejemplo a nivel de diseño sería: "Necesito que la sección de quiénes somos parezca una web distinta, para nosotros es muy importante que se transmita que somos muy eficientes."

No obstante en este paso muchas veces nos daremos cuenta de que la solución que el cliente quiere dar a algo puede ser un error. Ahí estaremos nosotros para asesorarle a hacerlo de otra manera mejor.

3. Prototipo o wireframe

¿Qué pasaría si el día de la inauguración de un edificio te das cuenta que no tiene escaleras? Afortunadamente esto no pasa ya que existen los planos. Pues bien, los planos de una página web son nuestros prototipos o wireframes.

En los prototipos o wireframes definiremos la navegación, la ubicación de los elementos junto con sus importancias, relacionaremos contenidos y sobre todo empezaremos a dar forma a las entrañas de la futura web.

Es un proceso muy útil tanto para el cliente como para el desarrollador ya que empezaremos a hablar el mismo idioma y sobre todo evitaremos posibles errores. En algunos proyectos que la web no representa una gran complejidad no suelo realizo este paso o lo realizo solamente a nivel personal.

4. Diseño y navegación

Un buen diseño web lo primero que va a transmitir es confianza y eso en un medio tan frío como la red es un logro difícil de conseguir.

A la hora de crear una página web hay que tener en cuenta las tipografías, los colores y sus contrastes, las jerarquías de los elementos, la flexibilidad en diferentes soportes etc... Cada proyecto es un mundo y no debemos nunca anteponer el diseño a la navegación o interacción.

Personalmente como diseñador web muchas veces haría las cosas de forma más alocada y libre simplemente porque me parece que visualmente "queda mejor". La frase de "queda mejor" tiene que ir siempre contrastada con la pregunta de "¿Se entiende lo que he diseñado?" Tienen que ser como el demonio y el ángel en los dibujos animados. La experiencia está en saber en que momento escuchar más al demonio o al ángel, pero siempre escuchar a ambos.

Con la navegación pasa exactamente lo mismo, usemos recursos por todos conocidos. Si quieres hacer un menú de navegación, que se entienda que es un menú de navegación. ¿Es lógico, no?

Muchas veces queremos hacer que se muevan los elementos, miles de efectos hover, acciones cuando hacemos scroll. etc...

La frase de "menos es más" donde mejor la podemos aplicar es en algo tan importante y vital como la navegación o interacción de nuestra página web.

5. Asesoramiento profesional

Como os comentaba en los pasos para crear un logo, es obvio decir que algo tan importante como la página web de tu negocio necesita del mimo y conocimiento de un profesional.


¿Quieres que hablemos?