1. Antes de terminar un proyecto web sea para un emprendimiento propio o para un cliente debemos
asegurarnos que todo funcione perfectamente. Es por eso que te dejamos unos consejos para que
no tengas muchos problemas al implementar tu web.
1. Usa un Framework de gran demanda para el Front-end
2. Haz pruebas con un emulador de dispositivos móviles con distintas medidas
Al usar un Framework para el Fron-tend nos liberamos un poco de pensar en los detalles de
adaptabilidad a dispositivos móviles, desde las fuentes, botones, párrafos, menús; hasta
imágenes, videos y varios elementos que le vas a incluir al proyecto. Algunos de gran demanda que
se puede usar serían: Bootstrap, Foundation, Materialize CSS y que ya que tienen muy
interesantes novedades que explico en este artículo
Puedes usar el emulador que trae Google Chrome, ir al menú de opciones y seleccionar
Herramientas > Herramientas para desarrolladores, y así tendrás el entorno de emulación en
dispositivos móviles.
En las imágenes podemos apreciar como simulamos ver la web en un dispositivo móvil
CONSEJOS PARA CREAR PROYECTOS WEB
2. 3. Usa un Framework de gran demanda para el Back-end
4. Haz CrossBrowser Testing al máximo
5. Un CMS nos alivia muchos dolores de cabeza
Los grandes proyectos suelen tener un área administrativa para gestionar los contenidos de
multimedia como videos, imágenes, etc. Muchas veces cometes el error de hacer todo desde cero
olvidando factores como la seguridad y estabilidad del administrador, y te enfocas solo en hacer
que el administrador realice las tareas CRUD (Create, Read, Update y Delete).
Los framework más populares son Django, Laravel, Rails .
No todos los usuario que verán tu proyecto van a
usar el mismo navegador, por eso debes
visualizarlo en diferentes versiones de
navegadores de internet. No te enfoques en uno
solo, debes valorar también navegadores como
Internet Explorer pues aún hay usuarios
potenciales que usan las versiones 7 a la 11,
Mozilla Firefox, Microsoft Edge, Google Chrome,
Opera, Safari etc. No olvides sus versiones para
dispositivos móviles.
Los Administradores de Contenido son geniales, nos ayudan a solo enfocarnos en los
requerimientos más importantes del cliente, como el diseño y la usabilidad de este, además
brindan una interfaz profesional para administrar los contenidos del proyecto.
Existen muchos proyectos que usan CMS como WordPress, Joomla, Drupal, Prestashop,
Magento, Shopify etc. Es una manera ágil de hacer un proyecto, nos hace más productivos. Los
CMS son escalables y suelen usar plugins, estos hacen que su escalabilidad sea muy grande.
3. 6. Usa servicios de almacenamiento de imágenes en la Nube
7. Usa CDN para evitar la ralentización
8. Utiliza la ruta absoluta de cada archivo
Muchos de los proyectos suelen escalar y crecer en
contenidos, un ejemplo de ello son los blogs que cuando
tienen muchos contenidos acumulados, con el paso de los
años es más delicado manejar la data. Si decides migrar a
otro servidor esto te puede dar problemas con las
imágenes que no se migran correctamente, pero si están
en un servicio en la nube puedes evitarte estos dolores de
cabeza ya que siempre que migres o realices alguna
modificación en donde las imágenes de tu proyecto se
vean comprometidas, estarán siendo instanciadas desde
el repositorio en la nube.
El caso no necesariamente tiene que ser un blog, puede
ser un proyecto pequeño con una galería de imágenes en
donde eliminaste una y nunca más la pudiste recuperar,
pero si solo colocas la URL de la imagen en el proyecto ya
la tienes al instante evitando así una mala experiencia del
usuario con tu proyecto, un buen gestor de imágenes en la
nube es Cloudinary.
Hay veces en las que conforme vas agregando más contenidos al proyecto este suele
sobrecargarse y empieza a tener una carga cada vez más lenta, entonces con un sistema de
Distribución de Contenido (CDN) lograrás evitarlo.
Lo que un CDN hace es distribuir partes del contenido de tu proyecto en diferentes
servidores evitando así usar un solo servidor para cargar el contenido de tu proyecto y dándole
más velocidad al mismo. Si tus tiempos de carga son largos los usuarios se irán a la competencia
y tal vez su proyecto carga más rápido.
A veces puede pasar que un usuario ingresa a cierta parte del proyecto y no cargan bien los estilos
CSS, los archivos JS, PHP entre otros, lo cual hace que generes una mala experiencia de usuario.
Al colocar la URL completa nunca tendrás problemas de carga del archivo, eso sí asegúrate de que
esté bien escrito el nombre del archivo.
4. 9. Usa un servidor de buenas características
Suele pasar que el espacio del servidor se llena
tanto por agregar contenidos al proyecto o se
llenan las bandejas de correos sin haber
eliminado los correos antiguos previamente
descargados al ordenador con algún cliente de
Correo como Outlook. Cuando descuidas estos
detalles llega un momento en que el proyecto
se cae y tienes que llamar al proveedor de
Hosting para comprarle más espacio o ancho
de banda.
En lo posible es mejor hacer una inversión
mínima y luego ir escalando, pero hay proyectos
en los que desde el inicio tienen un gran flujo de datos, gran uso de ancho de banda, muchas bases
de datos y por ende necesitas tener un Hosting con las características ideales para evitar la caída
del proyecto cuando este se encuentre en línea.
Si crees que tu proyecto está bien y no presenta problemas, nunca está de más darle un correcto
mantenimiento, teniendo conocimiento de qué errores se pueden estar presentando. Son los
usuarios los que te pueden ayudar reportando el error que han encontrado por medio de un
formulario. Incluso pueden darte opiniones de tu aplicación web o móvil.
Por último, tienes que contemplar que tu web la va a
visitar muchísimas personas y no todas con las mismas
capacidades así que tienes que hacer tu web sea
navegable con cualquier
tipo de software ya sea para personas que no pueden
leer o necesitan algún dispositivo físico para poder
navegar por la web. Contemplando estos puntos Google
también te recompensará con un buen posicionamiento
de tu web.
Con esto solucionarás problemas en el proyecto, generas una buena experiencia en el usuario,
verán los errores corregidos y que los tienes en cuenta cada vez que avisen sobre un error.
10. Agrega un formulario para que los usuarios reporten los errores
11. Tu web debe ser siempre accesible.