Hoy vamos a enumerar una serie de consejos y buenas practicas para el desarrollo web. Los consejos estan basandos en la experiencia como usuario, desarrollador y estudioso de tendencias de disenio en sitios web. Estos mandamientos no son absolutistas ya que algunas aplicaciones pueden implementarlo para alguna funcionalidad en particular como por ejemplo una intranet donde finalmente se hacen chanchadas para solucionar requerimientos de negocio en forma rapida. Pero la idea basicamente es respetarlos para poder hacer algo standard, agradable y mantenible.


  1. Nunca hacer resize del browser

  2. Primero que nada esta tecnica esta relacionada con SPAM, segundo es lo mas molesto que hay para el usuario porque esta generacion de browsers son tabbed browsers y uno generalmente tiene muchos tabs abiertos los cuales no son considerados al momento del resize.


  3. Seleccionar flash version o html version

  4. Esto es horrible ya que le estamos diciendo al navegante, que version queres ? la version de porqueria HTML o la Full Full Flash ? Si vas a hacer flash que sea flash, si no.. html (opto por la segunda en el punto 4)

  5. Popups

  6. Tambien relacionadas con el ad spam. Si tenes que preguntar por una contrasenia o por una confirmacion utiliza un DIV en vez de un popup. Es molesto, no todos lo ven porque tienen popup blockers, etc.

  7. No hagas todo en flash

  8. Flash esta rebuenisimo pero todo en flash la verdad que es cansador. La gente con un poquito de experiencia como usuario sabe que puede abrir mil ventanas de un sitio web en otros tabs. Cosa que con un link flash no se puede hacer.

    En que casos es bueno usar flash ?

  • Mostrar un ad propio o de terceros
  • Un bars o pie chart
  • Un mapa geografico
  • Una herramienta en particular (3D maps, scribd.com, google analytics, google finance)

El resto… evitemos usar flash ya que es contenido no indexable por los bots de busqueda y no standard con la w3c. La web es html con la adicion de flash, javascript, java y silverlight. Lo dice Sir Google. (su core business es google adwords).

  • Incopatibilidad de Browsers

  • Estamos en el 2008 y tu aplicacion tiene que funcar en Internet explorer 7, Firefox 3/Opera, Safari/Google Chrome. SIN EXCEPTION!. Hay sitios que tienen mas porcentaje de Firefoxers que de Explorers. Un ejemplo ? Este website.

  • No comenzar audio ni video sin el permiso del usuario

  • Mucha gente navega en la web desde su trabajo y es muy incomodo cuando la computadora empieza a hacer ruidos sin uno poder tener el control de ello. No es bien visto. Mejor preguntarle al usuario, play it or not ? Como agregado a esto podemos decir que tambien tiene siempre que tener algun control para poder detener el video o sonido por si viene el jefe.

  • Usar links con formatos html, no javascript

  • En lo posible tratemos de usar links html y no javascript porque el link javascript no es indexable por los bots de busqueda, no se puede abrir en una ventana nueva y tampoco podemos copiar y pegarlo para mandarlo en un email o compartirlo con nuestros seres queridos.

  • NO usar AJAX en contenidos indexables.

  • Ajax es FANTASTICO, pero abusar de el es como todo. Te puede causar la muerte de tu negocio. Si tenes contenido que queres que sea indexable no utilices ajax para obtener informacion. Por ejemplo, este blog tiene html plano en lo que respecta a todos los post y AJAX es utilizado solamente en enviar comentarios y el form de contacto.
    Por eso figuro primerito en el search de google en el caso de este link http://www.google.com/search?rlz=1C1GGLS_en-USAR296&sourceid=chrome&ie=UTF-8&q=rodrigo asensio

    Espero les sirva. Pronto vendran mas articulos como este.