Cuando empezamos a crear un sitio web o app, se debe tener en cuenta que se empieza desde el momento de que se reúne con el cliente a definir los requerimientos, alcance, tareas, tiempos y entregables del proyecto. Aquí definimos 5 etapas de desarrollo de un sitio web posterior a esta etapa inicial, así que vamos al grano.

Etapa 1 Diseño

• Wireframe
  El wireframe es un boceto de en papel o con una aplicación especifica que permite visualizar y definir la estructura de los elementos de un sitio web o app que van a mostrarse e interactuar con el usuario.

• Elaboración de prototipo
  • UI: significa User Interface o Interface de usuario, este proceso se encarga de elaborar los elementos gráficos de la interface de sitio web, apps o cualquier otra aplicación online u offline.
  • UX: significa User Experience o experiencia del usuario, este proceso se encarga de definir la forma en el usuario interactúa con la interfaz gráfica. Esta experiencia debe ser fácil, agradable e intuitiva para usuario que interactúa con un sitio web o app.

Hace ya varios años atrás se utilizaba aplicaciones como Photoshop, illustrator para elaborar estos prototipos, pero actualmente existen aplicaciones más especializadas para este objetivo como Adobe XD, Figma o Sketch.

Tomar en cuenta que, si el cliente no está satisfecho con los resultados de esta etapa, hay volver a revisar los requerimientos y objetivos, para hacer las correcciones necesarias en el diseño antes de pasar a la siguiente etapa.

Es importante que el cliente se comprometa a proporcionar todo el material necesario para desarrollo de este, materiales como: textos, imágenes, libro de marca (si cuenta con uno) o logotipo, base de datos de productos, entre otros. Muchos procesos pueden tardar más de lo debido a causa de la falta de contenido o por entregas tardía de estos materiales.

Puede leer nuestro articulo sobre – Usar inteligencia artificial para crear contenido.

Etapa 2 Desarrollo

Completado las dos etapas iniciales (objetivos y diseño) y que el cliente y el equipo este satisfecho con el resultado de estas, continuamos con la etapa de desarrollar el sitio web o app.

• Front-end
  Esta es la parte que ve y que interactúa con el usuario (lado de cliente).  Este proceso se desarrolla con lenguajes a nivel de cliente (navegador): HTML, CSS, Javascript o algún framework o librería.

• Back-end
  Esta parte se encarga todo lo que el sitio web o aplicación hace a nivel de servidor, que no es visible por el usuario. Por ejemplo: llenar un formulario y enviarlo, autenticarse, consultar base de datos y más.  Hay múltiples lenguajes de programación que se utilizan como: Python, PHP, C/C++, Node JS, Java entre otros.

Es recomendable en esta etapa definir entregables para revisiones de retroalimentación y correcciones necesarias, que estén dentro de los requerimientos iniciales del proyecto.

Cualquier requerimiento nuevo que no esté dentro de los requerimientos iniciales deben valorarse y cotizarse para desarrollar en etapas posteriores a la entrega y puesta en marcha del sitio.

Etapa 3 Pruebas y control de calidad

Una vez concluida la etapa de desarrollo, se crea un ambiente de pruebas para que el cliente pueda testear el sitio web o app en un ambiente similar a servidor donde va a estar hospedado.
En esta etapa se puede realizan las correcciones necesarias o recomendaciones que aparezcan como resultado de las pruebas.

Etapa 4 Lanzamiento

En esta etapa el sitio web ya esta listo para su lanzamiento en el dominio correspondiente y el servidor de producción (sitio visible para todo el internet). Es importante que el servidor de producción tenga las mismas caracteristicas que el servidor de pruebas.

Etapa 5 Mantenimiento

Una vez lanzado el sitio web viene la etapa de mantenimiento, el cual, es igual de importante que las anteriores nos ayuda a garantizar que sitio web continue funcionando correctamente y que se mantenga actualizado.  Se puede realizar los siguientes ajustes: Actualización de software o plugins, copias de seguridad, monitoreo de rendimiento, corrección de errores o problemas técnicos, actualizaciones de contenido.

Estas etapas pueden variar dependiendo de los recursos, disposición o estructura de la empresa desarrolladora, en algunos casos puede haber más etapas y en otros menos.