El nuevo blog de alzado está en alzado.org/blog





Portada > Artículo

Páginas con flash. Las mejores.

19-01-2003 - César Martín

Resumen: Páginas con flash de educación, sociedad, empresa, comercio que usan flash para su desarrollo y que merecen la pena ser citadas como ejemplos visitables.

Debate (138 comentarios) | Valoración media: 3,08 | Votos: 13199 | Lecturas: 758054

Vídeo flash > Comparte las tecnologías accesibles

Con el presupuesto de la campaña de navidad, Indra financia cátedras de innovación en tecnologías accesibles. Compártelo.

Integración en Facebook con Flash para Ventura 24

La llamada de la suerte permite obtener tu número de la suerte en este flash integrado con Facebook.

Flash + Facebook

Muy buena aplicación que permite desde flash incorporar fotos de facebook para hacer montajes muy graciosos. Impresionante la integración con Facebook.

OriginsRemix.com

Espectacular web en flash para esta acción de Schweppes. De paso, calendario de eventos y calendario de concurso para hacer el mejor gin tonic: http://www.originsremix.com/blog/

Las mejores páginas web en flash de 2009

Colección de 10 páginas increibles realizadas en flash a lo largo de 2009.

  1. El flash es un plugin y por lo tanto no todo el mundo lo podrá ver. No abuses.
  2. El objetivo de estos artículos sobre páginas con flash es ayudar a tomar una decisión sobre cuando, donde y por que usar flash.
  3. En este otro artículo se comenta algunas de las ventajas de Flash

L35. Arquitectos

Portfolio de este estudio de arquitectura con obras de todo tipo. Centros comerciales, Maquetas para concursos y proyectos singulares. El uso del flash es más que adecuado para este tipo de proyectos ya que ayudan a dar imagen sofisticada, moderna, etc... Algunas peticiones a la base de datos daban error, pero ese supongo que es ajeno al flash... Muy bien. Muy chula. Podrían optimizar algunas cosas para buscadores (como los titles y cosas así, pero poco que objetar).

Animación 3d - flash video

Increible animación 3d

Tienda online todo flash

cicatriz.se

Increible

alextrochut.com. Ilustración, tipografía, increible.

Visualizaciones




http://www.complexification.net/gallery/
http://www.unlekker.net/
http://groupc.net/
http://reas.com/category.php?section=dam05
Ben Fry

Action Script

zona-io.com
2mdc.com

Curso profesional de flash, action script, alumnos, freelances...

http://www.flashprofesional.com/

Top 5 pixel award

Los ganadores del Top 5 son trabajos increibles en el mundo del multimedia.

El trabajo de Nike Air pone en evidencia cuando una imagen vale más que mil palabras.

Web promocional en Flash

Historias del Wall Street Journal.

las mejores 25 tipografías gratuitas

Dentro del mundo free encontrar calidad a veces es un trabajo duro.

Esta página resume 25 tipografías de calidad gratuitas.

Ganadores

Ganadores de premios...

Páginas con flash 2006

  • Above
  • dont click
  • Billy

    Efecto de pasar la página en flash

    Película en flash que simula el efecto de pasar la página.
    Otra fuente. Esta página tiene el fichero source de un Flash para hacer libros que pasan páginas con un estilo algo más interesante que el anterior.

    Nuevas entradas

    newlyn.com
    designboom.com

    En España

    www.znkdojo.com

    Agencias

    Antenna Design
    Design Council
    http://www.uniteddesigners.com/main.php

    A parte de los de siempre, a veces, aparecen nuevas agencias con ideas bastante frescas sobre el sector.

    Design Council. Máxima información para el cliente.
    Antenna Design. Máximo glamour.
    United Designers. Excelencia creativa.

    Elementos victorianos en formato EPS para descargar

    Esta biblioteca de elementos victorianos (bordes, ornamentos, figuras, símbolos) disponible en formato eps para descargar puede ser de gran utilidad para proyectos de flash.

    Siempre Flash

    De alguna forma esta página se podría haber resuelto con otros plugins tipo Quicktime VR, etc... pero el flash hace que la experiencia del usuario se centre en el contenido y no en el plugin. Flash es de los pocos plugins que carga sin mostrar la marca del plugin. Es decir, Quicktime cada vez que carga aparece la dichosa Q, con Windos Media ocurre algo parecido, haciendo que la experiencia del usuario se convierta en algo menos mágico y más mundano.

    Es decir, con la pagina del ejemplo, el usuario se ve envuelto en una experiencia virtual bastante divertida sin tener que pensar o ver que lo está generando... y eso es parte de la magia. Cuando no sabemos el truco, el espectador está en nuestras manos y de alguna forma la magia se crea.

    Por poner otros ejemplos, cuando en la televisión vemos una video conferencia donde el reportero que está en singapour y el que está en el plato hablan pero entre ellos hay un delay de audio, la magia de la televisión se viene abajo. Vemos que entre ellos hay una conexión chunga que hace que su dialogo sea torpe. En ese momento la magia de la televisión se acaba.

    En muchas presentaciones cuando tenemos que cerrar power point y abrir otro documento, ocurre algo parecido... la magia que hasta ese momento se habia creado (aunque sea magia barata) se acaba. Los espectadores de nuestra presentación han visto que nuestro PC es igual que el suyo y por tanto no están ante nada especial.

    Es importante que la magia y sus secretos (por baratos que sean) se mantengan de forma invisible al espectador el mayor tiempo posible, haciendo que la experiencia sea verdadera.

    Una historia

    Lo más interesante es el contenido, pero el uso de flash para crear historias por parte de museos está siendo la norma.

    epic. Cuenta la historia de porque el NYT puede quedarse offline. Es una predicción a largo plazo pero posible.

    Probablemente los mejores diseñadores del mundo...

    El museo del diseño de londres tiene un contenido increible en su web... es una lástima que estando tan mal diseñada sea casi imposible acceder al mismo.

    Primero deberás tener el flash, luego desactivar los bloqueos de ventanas, luego ser capaz de manejar las diferentes ventanas abiertas...

    Demasiados peros y demasiada inestabilidad... pero el contenido merece la pena.

    Aquí están los atajos.

    Lista de diseñadores.
    Alguine a descubrir. Irma Bloom.

    Pop Up que no hace pop up

    El último site de Nike lo advierte.
    Nike lanza un nuevo site y te advierten que debes liberar los Pop Ups para que el site funcione bien.

    nikegridiron.

    Este tipo de mensajes son tan absurdos que hacen dudar sobre la calidad de los diseñadores del proyecto.

    Si los usuarios no quieren pop-ups, no te enfrentes a ellos.

    La epoco del pop up a toda pantalla sin barra de navegación está algo out.

    Embárcate en el viaje del lado del usuairo y procura no remar contra corriente...

    Ten en cuenta que la barra de Google para Explorer te permite bloquear los pop ups y que Mozilla y Safari lo traen incorporado, una gran cantidad de usuarios se pueden estar encontrando con sites que parecen no hacer Pop!

    Top of the game

    Estudio Aka.
    - Jojo
    - Commercials
    - Film
    -- Pica Tower

    Un ejemplo de un programa de televisión bien llevado a la web

    Frontline es un programa del canal PBS de Estados Unidos que ha sido liberar a su sitio web de prejuicios televisivos y ha podido explotar el contenido desde otro punto de vista.

    Publicando los programas en formato real, añadiendo contenido en formato texto, creando archivos, etc...

    Diseño excelente, contenidos de gran calidad, unidades didácticas, etc... Un ejemplo al que hay que dedicarle algo de tiempo para explorar y aprender.

    Los 3 mejores

    No es que se dediquen al flash de forma específica, pero estos 3 estudios son referencias obligadas.



    - PLEIX.

    - PSYOP.

    - IF.

    Cúmulo de links

    Infinito arte ofrece esta selección de lo mejor de flash... incluye ayuda, ejemplos, sites de referencia y todo orientado o filtrado por Flash. Curioso que el site sea tan espartano HTML.

    Actualización

    Una nueva versión de Explorer va a hacer más tedioso el uso de Flash por parte de los usuarios finales. Macromedia ofrece actualizaciones pero esta noticia pueda hacer que todos los desarrollos en Flash padezcan errores o mal funcionamiento. Importante mantenerse actualizado, pero más importante el desarrollar bajo estandares abiertos y no código propietario sujeto al capricho del mercado.

    Ejemplo de lo que interface en flash puede llegar a ser

    Poco se puede decir de esta web sin resultar pedante. Una demostración de lo que flash puede llegar a crear en las buenas manos. Los contras de esta página son un poco los de siempre, algo lento, no sirve para segundas visitas al site, etc...

    Small gran estudio

    David Small. Gran estudio.

    Ikea for Kids

    Algo suicida esta versión del site dedicado a los niños de ikea que hipoteca todo el acceso a tener shockwave. Este plugin es menos popular que flash y sus 4,5 megas hacen que su descarga no sea todo lo accesible que podemos pensar.

    Por otro lado, el site ofrece pocas aportaciones que no hayamos visto en otros sites en flash con lo que tampoco se etiende este desarrollo. Algunos desarrolladores comentan la solidez de la herramienta como factor determinante para seleccionar shockwave frente a flash... En fin.

    Exhibición

    sutnar.com. Muchos museos deberían intentar llevar a internet sus exhibiciones. No sólo se aumenta la cantidad de visitas a la exhibición, tambien se mejora la percepción de la identidad del museo, la venta de productos y la captaciónd e información por parte de los visitantes. En una exhibición física es complejo detectar que piezas son las favoritas, en una exhibición web no. Artículo sobre el diseño de exhibiciones.

    Gran página en flash para niños

    Este site permite explorar y jugar con sencillos experimentos que ayudan a comprender, pensar y desarrollar la mente.

    Un site que por otro lado sigue el desarrollo recomendado de generar cada pieza flash dentro de una página HTML de tal forma que se pueda medir, actualizar, posicionar en buscadores de forma eficaz.

    Uno de los clásicos

    Este es uno de esos sites en Flash que te hace dudar sobre el balance entre usabilidad y diseño. http://www.milla.de/. Gran estilo, fantástico diseño y una navegación no apta para todos los públicos. La versión HTML asegura al usuario la posibilidad de encontrar toda la información sobre el site.

    Lo mejor de los museos

    http://www.thebanmappingproject.com. Gran página / documental donde el flash se utiliza como complemento a la historia.

    La coleccioncisneros.org es otra gran página donde el flash vuelve a ser un elemento sin el cual este tipo de narración tendría sentido.

    Open Source Flash Code

    http://www.levitated.net es un site donde todo el código ofrecido está disponible para ser bajado y utilizado de forma abierta. Piezas de una calidad incomparable ofrecidas de forma gratuita en su formato original FLA.

    Si lo que necesitas es un cargador de películas para Flash para poder indicar al usuario la cantidad de película Flahs cargada, el porcentaje, etc... bájate este ejemplo en flash que podrás insertar en tu película indicando la velocidad de descarga.

    Detectar - Moock.

    Un site que ofrece un detector de flash que realmente funciona. Permite ofrecer páginas alternativas según lo detectado o insertar contenido de forma dinámica (si solo queremos meter un banner en flash, no es necesario tener 2 páginas completamente diferentes) (el zip esta aquí - pero el site merece la pena una visita).

    Promociones - La Mosca.

    Este estudio de Barcelona produce sites de diseño muy fino. Tanto en flash como en html la ejecución es de lo mejor que hemos encontrado a nivel LatAm - Ibérica.

    Destacamos el site de la diseñadora de joyas Nuria Ruiz y el site dedicado a la promoción de una nueva generacion de escritores.

    Ambos sites fueron probados desde un modem y la velocidad de descarga fue bastante rápida. El site de los escritores me pareció mas acertado que el de Nuria Ruiz (demasiado molesto la ventana deslizante).

    D i v u l g a r - 2MCD.

    Flash tiene una gran baza en la producción de contenido didáctico para internet. 2MDC se dedica a esta labor de forma intensiva.

    Destacamos autoescuela.tv donde el usuario puede ver en profundidad un manual del automóvil puesto en practica con simulaciones bastante ilustrativas y test para probar el aprendizaje de lo estudiado.

    Publicar contenido "estático", ofrecer simulaciones y test usando flash puede ser una combinación eficaz para dar algo de alegría a un contenido que por otro lado seria bastante duro de digerir.

    Algo de doctrina Hermanos - EndOfExistence

    Si necesitas hacerte notar, algo de flash puede ayudarte. El "eyecandy" del flash puede ayudar a generar algo de efecto viral y hacer que tu site alcance la distribución esperada

    Por otro lado, flash permite secuenciar un mensaje haciendo que el usuario lo vea de la forma que el distribuidor espera (evidentemente, si al usuario no le gusta cerrara tu página, pero esa es otra historia).

    El site de EndOfExistence fue el único de los vistos que bajo el modem se hacia demasiado lento (algo mas de 1 Mega). El streaming del flash es un factor que los clientes deben entender y probar antes de firmar el cheque. El cliente debe requerir que el flash baje de forma fluida en un modem y que los "loading" ofrezcan la información básica de forma prioritaria (es decir, que no sea necesario cargar todo el site para acceder a la dirección de contacto).

    Se puede tocar - Victoria's Secret

    Victoria's Secret permite a los usuarios de su
    site probar diferentes combinaciones de bikinis para ver que par de piezas crea el mejor efecto.

    Otro uso donde el flash juega un mejor papel que el HTML es ofreciendo al usuario transiciones fluidas a la hora de realizar selecciones múltiples.

    En HTML el pedir de forma insistente páginas a un site hace que se produzcan retrasos y el efecto de recarga hace que se pierdan las referencias sobre el modelo creado anteriormente.

    Una de las claves a nivel técnico es como resolver la carga de imágenes. En el ejemplo de Victoria's Secret por un lado se informa al usuario en todo momento del estado de la carga, pero desde el modem se hizo bastante lento y acabe por cerrar el navegador.

    Aquí es importante ser un poco sagaz a la hora de crear la estructura e ir ofreciendo al usuario piezas para que pueda ir jugando mientras se carga el resto de los elementos. En el caso de Victoria's Secret, para poder combinar modelos debemos cargar "todo" el catálogo.
    Por que no ofrecer los más populares/caros/nuevos primero para que el usuario pueda ir abriendo el apetito mientras cargamos los demás?

    Selección múltiple - Referencias varias

    Flash Forward Festival: Este festival organiza varios eventos al año donde se premia lo mejor de lo mejor en el tema flash. Las páginas de votació así como la lista de ganadores en ediciones anteriores ofrecen referencias bastante potentes.

    Flash 99% Good: Este site prueba varias teorías. Se puede hacer buen flash. Internet es una buena herramienta para promocionar productos. Contenido de valor y facilidad de uso son herramientas para destacar dentro de internet. Evidentemente un diseño cuidado y algo de "eyecandy" flash ayudan a alegrar el ojo a los usuarios.

    Puro diseño: Flash es la herramienta mas potente disponible para diseñar multimedia. A
    diferencia de Director, Flash permite un mejor control de los elementos y ofrece una mayor calidad en el "output". Director sigue siendo la herramienta por defecto para multimedias que combinen vídeo y requieren algo de intensidad en el proceso, pero los días están contados. Más referencias sobre diseño las puedes encontrar en surfstation.lu.


    Shockwave.com. El portal líder en flash.

    Algo de historia. El flash salió mas o menos en 1996-7. Era una empresa pequeña que hizo el plugin y el programa original. Llego Macromedia, que es una empresa que se dedica a fabricar
    software, compro la herramienta y el plugin. Empezó a promocionar los sitios que usaban flash, mejoro el plugin y la herramienta y bueno, lo demás es historia.
    Lo que hizo bien macromedia fue desarrollar un portal donde mostrar ejemplos de los trabajos realizados con fash. Este portal llamado shockwave, junto a las páginas de macromedia, se sitúa dentro de las 50 páginas mas vistas de USA. Este dato refleja el hecho de que hay un publico interesado en este tipo de "películas" y que la extensión
    del flash, es un hecho.

    El portal de macromedia sobre flash, shockwave.com quizás sea un buen ejemplo sobre como usar flash.

    1. No uses flash en los botones.
    2. No uses flash para escribir texto.
    3. Usalo en algunas partes "especiales" (animación, música, etc...) ya que es lo que la gente esta buscando.

    El hecho de no hacer los botones con flash es lógico, ya que si la gente que entra en el site por primera vez, no tiene flash, deberemos decirle
    como bajarselo y para ello lo mas seguro es que tenga que pinchar en un botón.
    El no escribir los textos y enlaces con flash es lógico ya que perdemos todas las probabilidades de que los buscadores nos indexen. Flash, como herramienta, cuando creas una película escribe todo el texto que hay en la película en el código de la página. Pese a ser una ayuda para los buscadores, no dejada de incrementar el peso de la página. Es mejor que el texto que uses en la página este escrito en html.
    El uso de macromedia que hace del flash se basa en juegos, música, dibujos animados y poco mas. Esto es para lo que funciona y para lo que esta bien. Deja que tus usuarios naveguen libremente y muestrales tus juegos con flash.

    Enlaces de interés sobre este articulo:
    http://www.macromedia.com/software/player_census/flashplayer/
    Estadsiticas de macromedia

    http://www.macromedia.com/showcase/
    La página del día...

    Maquetar usando CSS. Reduce el peso de tu site y de paso avanza hacia sistemas de publicación más compatibles.

    Optimizar tu site para buscadores. Un grave problema de Flash es que te dejará fuera de los buscadores. La solución pasa por poner Flash dentro de páginas HTML que estén bien indexadas. Aquí ofrecemos una guía util para optimizar tu site para buscadores por $9.99.

    Foro de debate sobre Flash

    Enlaces relacionados

    Comentarios

    Debate en torno a este artículo: Debate (138 comentarios)

    Quieres dejar tus comentarios a este artículo? Acude a la página de Comentarios

    Puntúa este artículo 1 punto 2 puntos 3 puntos 4 puntos 5 puntos

    Ofertas de Empleo

    Más ofertas »

    RSS Ofertas de empleo

© Alzado.org | Algunos derechos reservados. Licencia Creative Commons