Metodología básica para hacer una web.

Pasos necesarios para crear una 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 web, es pensar en la interacción con el usuario. ¿De que me sirve tener una web "muy bonita y moderna" si luego es practicamente imposible navegar en ella?

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 hacer 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 fotografias o los videos finales, con alguna pantalla sin definir al 100%, etc...

En definitva, 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 si, 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 intractivo 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

¿Que pasaría si el día de la inaguració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 relizo 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 dificil de conseguir.

A la hora de diseñar una web hay que tener en cuenta las tipografías, los colores y sus contrastes, las jerarquias 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 angel, pero siempre escuchar a ambos.

Con la navegación pasa exactamente lo mismo, usemos recursos por todos conocidos. Si quieres hacer un menu de navegación, que se entienda que es un menú de navegación. ¿es logico, 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?