Tabla periódica de los procesos de diseño web

¿Cuál es el proceso de desarrollo de una página web?

Los que nos dedicamos a esto sabemos que elaborar una página web tiene una serie de pasos y tienen que ir continuados, uno después de otro.

En esta infografía puedes verlos de una manera detallada y explicados de forma concreta y concisa.

tabla-periodica-procesos-web

La página web donde puedes ver esta infografía es: http://www.newdesigngroup.ca/blog/web-design-process-infographic/

Pero si no lo tuyo no es el inglés, te hago un resumen.

 

Fases de un proyecto web

Informe

Aquí tendrás que hacerte las siguientes preguntas:

  • ¿Sobre qué va a ir la página web?
  • ¿A qué usuarios va dirigida?
  • ¿Qué se quiere conseguir con la página web?
  • ¿Qué es interesante que se destaque?
  • ¿Cuánto vas a tardar en entregar el proyecto?
  • ¿Cuál es el coste del proyecto?

 

Planificación

En este paso hay que:

  • Definir el contenido de la página web y la estructura de navegación.
  • Hacer un boceto con los contenidos necesarios en cada apartado de la página web.

 

Diseño

Aquí toca:

  • Coger los bocetos anteriores y hacer un diseño de la página web escogiendo colores, tipografías, imágenes… Normalmente se suele utilizar para este proceso un programa tipo Photoshop o similar.
  • Definir si va a haber animaciones
  • Si el diseño va a ser responsive, hacer el diseño de todas las versiones.

 

Programación

En este paso:

  • Se transforma el diseño en imagen a lenguaje de programación (php, html5,…)
  • Hay que tener claro si se va a utilizar un CMS determinado (WordPress, Joomla)
  • Integrar el contenido del cliente en la página web.
  • Comprobar que la velocidad del sitio sea la adecuada. Puedes ver para ello Herramientas para comprobar la velocidad de una web.
  • En el caso de wordpress puedes añadirle plugins de SEO, de seguridad y de compartir en redes sociales, para otros CMS  tendrás que mirar si hay o desarrollo propio tendrás que programarlos si consideras que son necesarios.
  • Y no nos podemos olvidar, aunque no lo mencionan en la infografía, de los avisos legales, política de privacidad y ley de cookies. Datos obligatorios que hay que insertar en la gran mayoría de páginas web.

 

Lanzamiento

Yuju, ya está la web en internet, visible para todo el mundo. En esta fase podrás:

  • Añadirle el código de google analytics para que el cliente pueda hacer un seguimiento de lo más visto en su web, número de visitas, procedencia,…

 

Actualización y mantenimiento

Es el último paso, pero no por ello el menos importante. En esta fase corresponde:

  • Resolver problemas de visualización o funcionamiento de la página web.
  • Añadir cambios que con el tiempo le vayan surgiendo al cliente.
  • Si se utiliza un CMS, importantísimo tenerlo actualizado para evitar agujeros de seguridad.

 

¿Qué te parecen estos pasos? ¿Añadirías o quitarías alguno?

 

 

Como diseñar tu tienda online

El éxito o el fracaso de tu tienda online vendrá dado en gran medida por el diseño de la web. Si el usuario se ve incapaz de realizar la compra porque no encuentra fácilmente los productos, le es complicado acceder al carro de la compra o no tiene disponible a la vista un teléfono de contacto, puede significar la pérdida de una venta.

Muchas veces nos centramos en captar clientes, que entren en la web y nos olvidamos de una parte imprescincible, el diseño de la tienda online.

Antes de entrar en faena, puede que también te interese:

 

[h2]Lo que debe de cumplir tu tienda online para que funcione[/h2]

[h3]Menú sencillo de navegar[/h3] Se tiene que saber a simple vista qué vende la web, y un menú sencillo es esencial. En el ejemplo que te indico queda claro que venden colchones, somieres y bases, canapés abatibles, almohadas,…

[h3]Teléfono y datos de contacto a la vista[/h3]Tenemos que darnos cuenta que el que compra muchas veces no conoce la web. Para conseguir que se fie de que somos una empresa seria, tenemos que responder con un teléfono siempre a la vista, para, ante cualquier desconfianza, nos llamen y sepan que existimos. También es conveniente un apartado de quienes somos, para explicar donde estamos, nuestra experiencia,… y que no es la web de un par de amigos que montaron por diversión. Hay que demostrar que es una empresa seria y que pueden comprar sin problemas.

[h3]Proceso de compra ágil y rápido[/h3] Si al cliente le pedimos demasiados datos casi seguro que se echa para atrás en la compra. También es importante detallar si el precio es con IVA o sin IVA, el precio del transporte,… Si el futuro comprador no ve las cosas claras, abandonará el carrito. Es normal que haya usuarios que lo abandonen, pero hay que intentar que sean los menos posibles. Pedir más datos que los que vienen en la imagen es una locura.

[h3]Formas de pago siempre visibles[/h3] Cuantas tiendas online existen que para saber los métodos de pago tienes que registrarte, querer comprar el producto y en el paso final aparece el pago. ¿Y si quiero saber si se aceptan transferencias bancarias tengo que hacer todo el proceso? Eso, evidentemente, ni es práctico ni aconsejable. Así como no va a haber abandonos de carrito.

[h3]Ofertas gancho[/h3] A largo plazo no seremos líderes si nuestra web no tiene ninguna oferta gancho. O se gasta una pasta en publicidad o hay que competir en precios y que funcione el boca a boca. No todos los productos tienen que estar a precio de coste, no me refiero a eso, sino algunos de ellos tienen que estar a un precio competitivo, será una manera de enganchar, que nos conozcan y que nos identifiquen como una tienda online barata.

[h3]Newsletter para fidelizar[/h3] Para que una tienda online funcione de verdad, no se trata de conseguir clientes nuevos continuamente, sino también de fidelizar. El cliente que ya compró y quedó satisfecho tenemos que fidelizarlo y que siga confiando en nuestros productos. Una herramienta ideal para este menester es la newletter de forma periódica, indicándole novedades, ofertas, promociones exclusivas,…

¿Consideras algún otro elemento imprescindible en el diseño de una tienda online?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio