El blog de Bluedots Design

Hola, Soy Alberto Villalobos Diseñador Web, He creado este blog para escribir artículos y tutoriales sobre diseño web, negocios y tecnologia, espero que sea un recurso útil para la comunidad en general.

Bluedots design en facebook Bluedots design en twitter

Popular Posts

Sitios hechos en Flash VS HTML y CSS

February 4th, 2009

Tags: , ,

Flash vs html y css

Hace un tiempo y todavía es muy común que se diseñen paginas web por medio de la tecnología “FLASH”, sin duda los resultados pueden llegar a ser muy impresionantes, sin embargo, no todo lo que brilla es oro, a continuación expondré algunos pros y contras acerca de esta forma de hacer sitios web.

Lo bueno de Flash:

Si se tiene buena  habilidad los resultados pueden ser espectaculares, el diseñador al tener una gran libertad para hacer lo que sea, puede  crear una gran interactividad entre el usuario y el sitio, animaciones, juegos, sonido, vídeo etc.

Es muy fácil, se pueden crear sitios completos con muy poco código (claro que si se quieren lograr los resultados mas sorprendentes es necesario conocer a fondo AS2 o AS3, los lenguajes para programar las animaciones en flash)

El sitio se vera igual en todas las computadoras que tengan el plug-in de flash en sus computadoras.

Lo malo de Flash:

Los buscadores no indexan bien estos sitios, Actualmente google ya lee el contenido, pero aun no se sabe muy bien como lo indexa, asi mismo este ha mencionado que no indexa el texto contenido en xml , lo que significa que sera mucho mas difícil, tardado y caro, obtener una buena posición en Google, Live o Yahoo, lo cual es algo muy malo.

Si el navegador web no tiene la versión actualizada del plug-in de flash el usuario no podrá ver la pagina – esto es muy común, por ejemplo en ninguna computadora de mi universidad, ni de algunos de mis clientes es posible ver algunas de estas paginas ya que no se cuenta con el plug in, y las políticas de la organización prohíben por seguridad no instalar software en las computadoras, eliminando una gran base de usuarios que no podrán usar el sitio-.

Si el desarrollador no tiene cuidado no se podran obtener links a secciones especificas del sitio.

Mala habilidad del diseñador  que pude dar lugar a animaciones excesivas, gráficos de baja calidad, largos periodos de carga, estos últimos son muy comunes y son muy perjudiciales para el sitio.

Es mas difícil copiar e imprimir la información contenida en el sitio hecho con flash, a veces es imposible.

Aunque el proceso de construir el sitio web no es tan complicado, actualizarlo o rediseñarlo, es mucho mas complicado que si se opta por otra tecnología como CSS.

Opinión

Sin duda Flash ofrece muchas cosas impresionantes, pero sus grandes debilidades, no hacen de esta tecnología adecuada para la gran mayoría de los sitios web, en mi opinión flash solo es viable para minisitios de promociones, sitios de películas y videojuegos y proyectos experimentales o aquellos donde se cuente con un desarrollador flash mas experimentado o un estudio con mas recursos.

HTML y CSS lo bueno:

Por otra parte la combinación de HTML y CSS, que es la tecnología que este sitio y la mayoría de los que he diseñado, jamas podra alcanzar el nivel de interactividad ni factor wow, que se puede lograr con flash, sin embargo, se pueden lograr resultados de gran calidad profesional:

Sitios faciales de indexar en los buscadores, ya que estos buscadores han sido creados pensando en estas tecnologías. por ejemplo google basa sus rankings en una combinación de links que dirijan al sitio web y el contenido del sitio, los títulos, y la estructura que son la base del HTML.

Muy fáciles de actualizar, basta con cambiar el archivo css y se puede tener un diseño completamente nuevo sin tener que cambiar la información.

Fáciles de integrar a tecnologías como PHP, CMS como Wordpress, Joomla, javascript, (lo cual flash no puede)

Rápida descarga.

Diseños muy reconocidos en la comunidad de diseño web, se han creado muchas galerías especializados de CSS.

HTML y CSS Lo malo

Muchas inconsistencias entre los navegadores web sobre todo Internet explorer, lo que significa que una pagina puede no lucir igual en todas las computadoras, esto lleva a los diseñadores profesionales a invertir mas tiempo para eliminar estas inconsistencias con codificación extra.

Aunque ayudado con tecnologías como Javascript se pueden crear efectos muy interesantes en el sitio web, no se puede alcanzar el nivel multimedia de flash.

Conclusión

En mi punto de vista personal, HTML y CSS es el camino que las empresas, profesionistas y personas en general deben seguir, ya que ofrece muchas mas ventajas que flash (a excepción claro en los casos que mencione anteriormente donde flash es mas eficiente.).

Por ultimo, cuando  vayan a hacer un sitio web, o cuando vayan a contratar a un estudio o diseñador web para su sitio, tengan muy en cuenta esto, analicen su proyecto y tomen la mejor decisión.

El ganador según Bluedots Design: HTML y CSS

  • [...] Flash Vs. Html y Css (Spanish only) [...]

  • Franco May 20, 2009 a las 8:44 pm

    Creo que eso de que flash no puede integrar otras tecnologias como php, y las demas no estoy muy convencido de eso, puesto que aunque yo no he programado en flash, una vez le pregunte a un amigo y me dijo que flash puede llamar a una archivo php en caso de que se tenga que mostrar alguna base de datos o algo por el estilo.

  • Alberto Villalobos May 20, 2009 a las 9:34 pm

    Hola Franco gracias por tu comentario.

    De hecho he escrito mal sin lugar a dudas, Flash puede integrar con php, ASP, xml etc.

    Editare el texto para rectificar. muchas gracias Franco.

  • Jaime May 22, 2009 a las 12:21 pm

    Saludos, para lo de los links utilizas SWFaddress, que hace deeplinking para flash y ajax(ajax por naturaleza rompe el back button del navegador).

    Google desde hace mucho tiempo indexa el contenido Flash, junto con la solución anterior y un sitemap perfectamente se indexa el sitio.

    Puedes integrar perfectamente wordpress y Flash. ej:
    http://tvwonline.net/flash/

    Una persona que conozca los rudimentos de AS3(Actionscript 3) puede diseñar un sitio de tal manera que progresivamente en base a eventos cargue rápido como el rayo.

    Todo lo que puedes hacer con Php, Xml, Css, Xhtml etc. lo puedes hacer en Flash, ya que aparte de integrar todas estas tecnologías puede hacer cosas que (x)HTML, CSS y Javascript jamás podrán hacer como integración de video profesional, con ó sin streaming, audio, efectos dinámicos poderosos y un sinfín de cosas.

    Un diseñador puede sencillamente diseñar, sin estar con frustantes hojas de estilo extra sólo para que se vea bien en internet explorer 6, innumerables líneas de código y aburridas tardes buscando en foros de ‘puristas’ de ‘estándares’ sobre cómo poder hacer un sencillo borde redondo.

    En mi experiencia los diseños Xhtml y CSS son ridículamente aburridos y si nos fijamos las mejores compañías del mundo integran Flash exhaustivamente.

    Desde un punto de vista de negocios, un diseño en Flash bien hecho con SEO, un Sistema de manejo de contenido profesional sencillamente es irresistible para los clientes potenciales.

    Ganador: Plataforma Flash.

  • Alberto Villalobos May 22, 2009 a las 2:09 pm

    Saludos Jaime, si Actualmente Google ha empezado a indexar Flash pero aún no se ha perfeccionado, la carga de informacion por xml no se indexa, y hasta han surgido sitios para experimentar como Google indexa Flash.

    Y si he estado actualizandome en el tema, me parecio muy interesante la integracion de flash con wordpress que me haz mostrado.

    Asi es, como comente en el post con buena habilidad y recursos se puede crear un buen sitio en flash. Sin embargo se tiene que hacer mas trabajo por los mismo resultados que puedes obtener con html y css (en cuestion de usabilidad, posicionamiento, actualización), y no es que diga que seamos flojos, sino que el tiempo cuesta tambien.

    Con CSS es muy facil cambiar el estilo completo del sitio.

    En uno de mis post recientes, mencione que cuando se integra flash y html, animando flash parte del sitio se tienen resultados muy buenos.

    Las mas grandes firmas de diseño web, usan Html extensivamente tambien, sino fijate en los sitios de Huge.inc, ademas evalua los sitios que estan hechos en flash y los que estan hechos en HTML+CSS a nivel internacional. notaras que la mayoria de los sitios Flash son promocionales, asi mismo las agencias que usan extensivamente Flash en sus portafolios muestran principalmente sitios promocionales de ciertos productos, sin embargo paginas coorporativas, ecommerce y dinamicas hay una preferencia muy notable por los estandares, simplemente por que es la mejor opción.

    Como puedo ver tu eres un buen desarrollador Flash, y al final de cuentas eso es lo que importa el esfuerzo que se le ponga al trabajo a realizar.

    Diseños buenos y malos en flash y html se encuentran, ese es el principal problema, que la mayoria de los sitios en flash por lo menos en México son muy malos.

    Sobre que los sitios html+css son aburridos, eso ya depende de la percepcion personal, hay muchos sitios muy atractivos, basta con que te des una vuelta por las galerias de CSS para comprobarlo, asi mismo a la mayoria de la gente no le gusta esperar o que se realentize su maquina no tan poderosa con sitios en flash.

    Sin duda tu comentario me ayudo un poco a cambiar el enfoque que tengo de flash, y proximamente veras gradualmente como integro esta plataforma en mis diseños, sin embargo aun por cuestiones de facilidad de actualización, escalabilidad y posicionamiento. sigo recomendando mas Html y CSS

  • Federico Rudolph July 21, 2009 a las 9:09 pm

    Sobre este tema, hay detractores (los que usamos ph/html/JavaScript) y defensores (los que usamos flash). Personalmente, recién esoy incursionando en flash. Opino que el planteo no debería ser si un sitio está mejor diseñado en flash o no; sino, ver qué requerimiento queremos cubrir y la mejor forma de hacerlo al menor costo posible y en el menor tiempo efectivo (para nosotros y para nuestros clientes).

    La velocidad de descarga de un sitio creado en HTML (dinámico o no) jamás podrá ser alcanzada por uno diseñado en flash; lo cual es totalmente lógico; ya que estos últimos cargan imágenes mucho más grandes y en major cantidad que un simple sitio Web basado en HTML.

    Si el sitio está enfocado a gusto del diseñador; sin duda, flash es espectacular. Si el sitio está enfocado a gusto del cliente, seguro que nos pedirá una presentación en flash, sonido y efectos en todo el contenido del sitio. Pero, si lo hacemos en función de quién realmente lo va a visitar… el cliente (que no es justamente quien pagará por el diseño del sitio), con HTML sobra.

    Para muestra basta un botón: Google.com (sin lugar a dudas, el sitio más visitado del mundo,… por lejos). Puro texto y apenas un par de gif (que ni siquera están animados). Pienso que hay que buscar un equilibrio y usar cada una de estas tecnologías donde mejor se adapten y hacerlas interactuar debidamente.

    ¿Cuántas presentaciones hechas en flash tienen el famoso botón de “Saltar presentación”, o “Saltar Intro”? La mayoría.

    ¿Qué sentido tiene para el diseñador y pare el cliente, que paga dicha presentación, el hecho de que los usuarios no hacen sino buscar el botón y hacerle click antes de que termine de cargar lo que tanto tiempo nos llevó diseñar y el costo que para el cliente eso significa?

    En mi humilde opinión: entre flash y HTML,… siempre ganará el visitante de nuestro sitio. Y lo que buscan los visitantes no es admirar nuestro trabajo; sino, el contenido que satisfaga sus necesidades. Si eso falta; de poco o mucho servirá el cómo esté diseñado nuestro sitio.

    ¿Otro ejemplo? Bue, mejor el mismo: Google.

  • Eduard Pinuaga August 20, 2009 a las 10:49 am

    Estoy de acuerdo con Federico Rudolph, lo que interesa es el visitante aunque el cliente en ocasiones se empeñe en una presentación una web en flash, el internauta es el que vera la web y sera el que pulse el botón “saltar intro”, o se cansara de averiguar cual es el sistema de navegación y donde están las cosa que quiere ver…

    Cuando vamos a buscar alguna información concreta (cosa que hacemos y hacen los usuarios) un billete de avión, el listado de los próximos conciertos, etc etc….entonces preguntaros… ¿cuantas veces nosotros mismos pulsamos “saltar intro”?

    Por lo tanto creo que el Flash para decorar la web, banners y en casos especiales como comenta Alberto Villalobos.

    Las webs en flash solo satisfacen al ego del diseñador y justifica el pago del cliente, el cual se siente importante al tener una web tan especial y personal… que al final… queda perdida en el mar de webs bien posicionadas.

    Además cuando el mismo cliente navegue y haga búsquedas con sus palabras clave y vea a su competencia, con una web en HTML y (cutre=horrible) y este bien posicionada , además por encima de su fantástica web Flash… entonces llamara al diseñador y le dirá… ¿porque mi competencia esta primero?

    PLAS!!! esta es la primera torta de lso clientes novatos en internet….

    Acto seguido empezara a escuchar cosas de “Posicionamiento….seeeoooo….estandars….”..
    y empezara a buscar un programador Web especializado en SEO.

    Mi conclusión Flash para decorar, contenidos= XHTML, PHP, CSS. Para cosas internas, formularios, etc Javascript, AJAX

    No se debe olvidar que Internet es un medio de comunicación y debe ser un camino por el que entren NUEVOS clientes.

  • yoooo October 3, 2009 a las 4:37 pm

    NO ES AC3… ES AS3, HABLAS DE TECNOLOGIAS… PERO NI SUS NOMBRES CONOCES… AUNKE SEA ME DI CUANTA DE QUE COPY & PASTE NO ES

  • Alberto Villalobos October 3, 2009 a las 5:07 pm

    Gracias por la correción, pero cualquiera se puede equivocar, trata de ser mas empatico en tus comentarios.

  • jose October 3, 2009 a las 10:48 pm

    Completamente de acuerdo contigo. Yo soy profesor de multimedia en un instituto y es muy difícil hacerle entender a los alumnos (e inclusive a algunos colegas) que lo que importa realmente son las conversiones. Flash es espectacular para promocionar y golpear rápidamente con un sitio web que el usuario sólo mirará una vez. Puede volverse inclusive viral pero morirá pronto.

    También es muy cierto eso que dices de la habilidad del diseñador/programador. Si pretendes que tu humilde web en flash compita en efectos con PaperVision hay que invertir mucho tiempo, y a veces el cliente no está dispuesto a pagar.

    Saludos

  • Diseño Web November 17, 2009 a las 12:09 am

    excelente artículo muy facil de entender y muy ameno, sobretodo para aquellos que no están tan empapados en estos asuntos.(clientes)

  • eze December 29, 2009 a las 6:36 pm

    Hay que destacar que css3 trae muchas posibilidades como transisiones, grandiantes ,multibackground, video tags, soporte svg,etc. Estos son caracteristicas que actualmente se cubren con frameworks como prototype, jquery,scrpty2,rafhael etc.

  • Angelo January 1, 2010 a las 1:10 am

    Coincido con el señor Eduard Pinuaga, quizás la arrogancia ciega el buen juicio de muchos excelentes diseñadores, que pueden tener muchos conocimientos pero a pesar de que las evidencias demuestren que no debe abusarse del uso de flash, siguen persistiendo en esgrimir argumentos poco objetivos.

  • Jose Soto January 17, 2010 a las 2:21 am

    Estimado, yo creo que tu articulo es genial… deberas que se esta tras la desvinculacion de los contenidos en flash, pero no por la grafica ni por lo espectaculares de algunos, si no por que en lugares donde las conexiones no alcanzan estandares aceptables, te aburres esperando a que estos cargen

  • RAM January 19, 2010 a las 11:42 pm

    Bueno…

    no se mucho del diseno web por que me dedico mucho a eso uno que otro intento con flash, yo hago otro tipo de diseño (no de Webs)pero creo que cada uno tiene lo suyo, segun lo poco que e leido Flash sigue siendo el preferido y el mejor cuando se trata de paginas realmente muy buenas en su presentacion, ahora ya es otro problema si sabes o no manejarlo bien.

    pues una de la empresas mas exitosas en desarrollo de Webs usa Flash y Photoshop al 100% ADVANCED STUDIOS (http://www.2advanced.com/) mirenlo MUY BUENO…

RSS feeds para comentar en este post. TrackBack URL

Agrega tu Comentario