O Flash como inimigo da usabilidade
Publicado em 21.04.2006 na categoria Usabilidade
Tomei conhecimento esta semana de um experimento bastante interessante realizado pela Disney durante a construção de seu website. Em dois modelos de site, um feito em Flash e outro em HTML, foi designada uma tarefa qualquer para usuários. O resultado: no site em Flash, somente 16,7% dos usuários conseguiram completar a tarefa. No modelo em HTML, 75% atingiram o objetivo com êxito.
Não deveria ser surpresa para ninguém que o Flash, na grande maioria dos casos, reduz a usabilidade de um site. Isso acontece mais pelas características próprias do programa, que acabam incentivando o design centrado no desginer e o rompimento dos padrões de interação na web.
Abuso no design
O Flash é um deleite para os olhos. O programa oferece ao designer diversas maneiras de construir gráficos, transições, animações, som, etc. Tamanha oferta acaba corrompendo grande parte dos profissionais que utilizam a ferramenta, que cometem um dos maiores erros em deenvolvimento web: priorizar estética em detrimento da facilidade de uso.
Exemplo clássico é aquela animação de introdução com um botão “Skip intro” ao lado. Ou mesmo as transições de ver um site sendo montado na sua frente quando o que se busca é tão somente a informação. Não pode haver atraso de vida maior para os usuários.
Navegação afetada
Outro grande erro de grande parte dos sites em Flash é pensar que computador é televisão. Muitos projetos impõem uma ordem de navegação específica, impedindo que o usuário vá direto onde quiser e quando quiser.
E, depois dessa odisséia, quando o usuário finalmente acha o que deseja e tenta salvar o endereço no del.icio.us ou nos favoritos do navegador, mais frustração: não há deep links.
Rompimento com padrões de interação
O primeiro padrão de interação na web com que o Flash rompe é o do simples acesso. Não basta um navegador qualquer e uma conexão com a internet: é preciso ter um programa extra, um plug-in, para poder acessar um site em Flash.
Lógico, a maioria dos desenvolvedores coloca esse aviso na primeira página do site. Mas será que eles se perguntam se o usuário quer (e pode) baixar e instalar um programa somente para acessar aquele website? Ou seria melhor acessar o endereço do concorrente?
Por não ser um padrão HTML, o Flash também traz outros problemas para dificultar a vida dos usuários:
- As fontes (oh, como os Flash designer adoram aquelas bitmaps fonts de 8 pixels!) não podem ser aumentadas pelo zoom do navegador;
- O botão Voltar, na maioria dos casos, não funciona;
- Os links coloridos indicando o que já foi visitado também não prestam;
- A busca interna na página dificilmente funciona;
- O usuário não consegue traduzir o texto para sua língua usando ferramentas como o Google Translate.
Prejuízo financeiro
É nesse ponto que você pode convencer aquele seu cliente que quer um site cheio de animaçõezinhas a desistir do Flash: o retorno do investimento é muito mais difícil de ser alcançado.
Primeiro, porque o uso do Flash restringe a abrangência do projeto, excluindo quem não tem o plugin, quem não interage com interfaces que fogem do padrão web e quem tem problemas de acessibilidade (nada menos que cerca de 25% dos usuários da internet).
Segundo, porque produzir e manter um site em Flash é mais caro. Não que os profissionais que dominam a ferramenta sejam mais valorizados, mas pelo fato de que o site produzido em Flash tem um tempo de produção geralmente muito maior do que um semelhante que segue padrões web, por exemplo. A atualização também é mais complicada, embora ultimamente tenha melhorado bastante.
Terceiro, o Flash tem uma péssima indexação em mecanismos de buscas como o Google se comparado com sites que seguem web standards. Mau posicionamento no Google também afeta diretamente o retorno que o website pode dar. O problema pode até ser contornado com AdWords, mas aí estará sendo gasto ainda mais dinheiro e também dificultando o retorno do investimento.
Por fim, porque mensurar a utilização dos sites em Flash também é mais complicado do que em HTML. Dificuldade na análise de métricas significa dificuldade para melhorar o site, logo resulta em menos acessos e menor retorno financeiro.
E ainda chamam isso de internet rica…
Bem lembrado.
O uso do Flash, em alguns casos, reduz a usabilidade, mas em todos reduz drasticamente a acessibilidade. Neste post foco o problema do Flash não ser acessível.
Parabéns pelos artigos Walmar, você tem seguido um bom ritmo e bons textos.
No início a moda era java. Já tive clientes que queriam um site “com java”. Não tinham a MENOR idéia do que estavam falando, mas leram na INFO que Java era o caminho a verdade a luz e a vida, então TINHA que ter java.
Isso no tempo em que java queria dizer menus horrendos usando awt e applets imitando lagos espelhados.
Excelente post!
Realmente o utilizador está habituado a que as páginas web tenham certos comportamentos e tudo isso muda ao utilizar um site em Flash que por vezes é completamente diferente daquilo que o utilizador está à espera.
Fala Walmar, já fui contra esta idéia de que Flash era 100% ruim para desenvolvimento de sites(lembra?), mas com um tempo de estudo e com o entendimento mais pleno dos coneitos de usabilidade e acessibilidade, chega-se rapidamente a conclusão de que é necessária muita cautela na utilização do flash.
Parabéns Walmar!
Parabéns pela análise, o flash ainda enche nossos olhos pois é uma ferramenta muito interessante, mas, nossos clientes já nos davam este feed back a muito tempo e nós como sempre de olhos fechados para certas opiniões, que foram esclarecidas aqui. Novidades sempre, mas com muita cautela.
Tudo é uma questão de saber fazer.
O que acontece é que se contam nos dedos as pessoas que sabem utilizar razoavelmente bem o falsh. e as que saber usar muito bem, nem se fala.
Está na hora de todos acordarem para estudar. Assim como temos sites em flash totalmente inaceitáveis, temos sites em formato html no mesmo nível.
Saber trabalhar é a chave.
Além disso, tem outro fator: profissionalismo.
Profissionalismo é muito mais do que saber fazer isso ou aquilo. Ter um layout bonito ou ter aprendido a desenvolver em 3 camadas.
Profissionalismo é responsabilidade. Não aquela responsabilidade casual, mas a responsabilidade incondicional. Você nao é somente responsável pelas suas ações. Mas também por não se preparar para ações externas.
É obvio que a “plataforma flash” pode trazer uma experiencia ao usuário muito maior do que qualquer outra tecnologia existente. Mas lógico, existem aqueles que ainda batem no computador quando ele está lento.
Alguns dados:
- Tempo de produção depende de quem está produzindo.
- 98,9% dos browsers dos computadores conectados a internet possuem uma versão do flash player instalado.
- Manter um site em flash é tão fácil quando um em html. Repito, é só saber fazer.
- Flash se comunica com coldfusion, java e .net, além de trabalhar com XML e WebServices. Com tudo isso se pode criar mecanismos de avaliação e monitoramento.
Quanto ao google. Isso é verdade. Porém até que os sites em html estejam corretamente desenvolvidos para serem lidos pelo google da melhor maneira possivel, já teremos, com certeza, alguma novidade da Adobe/Macromedia.
Abraços a todos.
Abraços a todos.
Vejo muita teoria em torno da usabilidade e acessibilidade do Flash. “Ah, se você fizer um esquema com xml, é possível….”
Tive uma reunião com o cliente, para fazer definições sobre um futuro site, logo de cara ele me perguntou, - Com que ferramenta você trabalha ? Sem saber o conhecimento do cliente sobre termos técnicos, eu respondi, - Basicamente HTML. E ele logo me responde, - HTML é muito pobre, vamos trabalhar com Flash, que é o que tem de mais inovador e avançado na internet. Tenho que recomendar que ele leia seu texto.
Neste momento o mais avançado e inovador talvez seja o AJAX, mas corremos o risco de se exagerar no uso dessa tecnologia (tal como foi feito quando apareceu o Flash)… Estas tecnologias podem e devem ser usadas, mas apenas quando forem necessárias e não só porque é mais inovador. E tal como o Thiago Viana disse, é preciso saber fazer.
Tal como o Flash mal feito, também existe HTML mal feito. Ambos podem ser bastante usáveis e ter um nível muito bom de acessibilidade se forem bem feitos, seguindo regras e standards!
Concordo com o sr. Tiago Viana. Acredito que o seu “artigo” sobre o flash é muito preconceituoso ou, em bom português, puxa muito a sardinha pro seu lado.
Se olharmos as estatísticas de sites em html que não seguem os padrões W3C (aliás, não seguem padrão nenhum) feitos por guris iniciantes, veremos que a situação não é em nada diferente dos sites em flash (também feitos pela rapazeada do jardim de infância), sendo talvez ainda pior!
Acredito que, no seu artigo, lhe faltou um pouco de ética profissional, afinal, você está criticando a ferramenta de trabalho de muitos colegas de profissão, que muitas vezes investiram muitos estudos para chegarem onde estão.
Creio que na web há espaço para todos. Aliás, contruir a web “só” com padrões é literalmente limitar o seu poder. Afinal de contas, nossas crianças são muito inteligêntes para saber quais links já visitaram ou encontrar informações em um site.
Quer um teste? Construa um portal de jogos com “usabilidade deficiênte” em flash e peça a uma criança de 7 anos para encontrar algum jogo que lhe interessa. Brincadeira de criança, não? Literalmente.
Ou seja, existe mercado para todo tipo de audiência.
Espero ter contribuído com o meu comentário.
Renato.
As equipes de desenvolvedores do site da Disney erram e o software leva a culpa. :)
Dizer que o Flash reduz a usabilidade.., não seriam os desenvolvedores? Se o desenvolvedor priorizar a estética novamente a culpa é o desenvolvedor, e outra, priorizar a estética não é um erro cometido apenas no Flash.
- É possível sim salvar o link no del.icio.us ou favoritos.
- A busca interna pode funcionar ou não, tanto em Flash como Html, depende do desenvolvedor.
- Não entendi o que você quis dizer aqui: “Os links coloridos indicando o que já foi visitado também não prestam;”.
- É possível realizar a tradução do site utilizando o Google Translate.
- O Flash tem um bom suporte para acessibilidade, coisa que poucos sabem.
- A atualização se bem desenvolvido, pode ser tão simples, ou até mais que sites estáticos.
- Assim como no Html, no Flash também é possível aperfeiçoar a indexação em sistemas de busca.
- Flash é difícil de utilizar se o desenvolver assim o fizer.
Este post poderia se chamar “O Desenvolvedor como inimigo da usabilidade”.
Voltou pesquisar um pouco Walmar.
O maior problema com os sites não é se é flash ou se é html, php ou ajax. É se o desenvolvedor é uma toupeira ou não. Trabalho com flash avançado e achei todos os problemas expostos no textos fúteis e insignificantes.
Um site bem feito começa por ser objetivo. Isso elimina o problema da acessibilidade e navegação.
Peso? Flash não pesa droga nenhuma. Pesa aquelas imagens de 500k que os micreiros usam como fundo. Flash é um tecnologia vetorial. VETORIAL.
E quanto ao google, qualquer webmaster meia boca sabe usar meta head.
Sites em flash não devem ser feitos por simples auto-designados designers. Micreiro é micreiro e ponto final.
Aprenda mais.
O Flash é rico, potente e permite infinitas possibilidades.
O Html é Pobre, acaba sempre por se mostrar um formato de texto com links.
Nm mundo em que a vaidade tem um papel único, quem insistir no Html trama-se.
Não queria gerar tanta polêmica! Mas se gerei uma boa discussão, valeu a pena!
Acho que o ponto principal ficou claro: objetivo e profissionalismo.
Se vamos utilizar ColdFusion ou .Net, se vamos utilizar html ou Flash, tudo depende do público álvo e da equipe que vai desenvolver.
(…)
Quem quiser ver meu site pessoal (ainda tá nascendo, ok?), pode visitar: http://www.thiagoviana.com
Nao tem flash??????? Quase nada.. por que? Queria algo bonito, funcional e que eu pudesse fazer em 2 dias. :)
Mas a próxima versão, já adiantando, vai ser em Flash.
E interessante q vc utilize o flash em algum criação sua para abrir a sua visão para novos horizontes.. o flash eh uma ferramenta poderosa, mas nas maos de quem sabe utilizar. Provavelmente vc inspirou esse artigo no site da Disney ou em algum outro conteudo que utilize Flash de maneira errada. os pros são maiores que os contras. Eu espero que o Flash seja alavancado daqui a poco tempo e tome conta da maioria dos sites existentes na web
A verdade é que os dois lados tem que estar cientes dos benefícios e desvantagens do uso de Flash num site.
Ganha-se visual e dinamismo, por outro lado sem técnicas de standards e padrões, perde-se na usabilidade.
Para o cliente na hora de decidir sobre o desenvolvimento de seu site, deve saber qual risco correr, ainda mais com a empresa que irá desenvolver.
No lance de saber trabalhar, creio que os desenvolvedores da disney sabem o que é desenvolver. E mesmo assim já viu o site, estou nele agora, e ta carregando a 1min e meio.
Ás vezes fico pensando nas crianças que possuem net discada em casa. Não que a disney precisa, mas certamente é um desperdício e tanto.
Agora eu digo, quem sabe trabalhar com css, certamente terá um site com um bom design, e com uma boa usuabilidade.
Quando comecei a usar o flash, minha idéia era simplesmente criar um site bem rápido e fácil, mas pensei muito antes disso, hoje sei que não é assim, (geralmente quando o trabalho é muito fácil, a maioria dos resultados não são satisfatório)
Estou deixando alguns exemplos abaixo, que descreve exatamente o que estou escrevendo. Tirem suas próprias conclusões, se não é possível obter leveza e design, apenas com html e css.
Não sou contra o flash, na área de multimídia de um vídeo, animção, é ótimo. Apenas sou contra o seu uso em confecções de sites. Mesmo em propagandas, à primeira vista é tudo maneiro, agora quando entra-se no site pela décima vez garanto que aquela animação em que você tanto admirou pela primeira vez não terá mas graça nenhuma.
exemplos:
http://www.csszengarden.com/tr/portuguese/
http://www.templateworld.com/free_templates.html
http://templates.arcsin.se/demo/the-hobbit-website-template/
http://www.smashingmagazine.com/2006/12/19/50-beautiful-css-based-web- designs-in-2006/
Sem dúvida, o Flash é uma ferramenta poderosa, mas deve ser usado por “profissionais”. O designer deve pensar todos os aspectos antes de decidir qual ferramente usar, qual público ele deve atingir, etc…
Friso: Uma ferramenta poderosa, mas se usada de maneira errada pode gerar o caos.
Abraços
Sempre leio essas “brigas” na internet entre flash, html, ajax..
quem trabalha com ajax fala mal do flash, quem trabalha com flash fala mal do ajax e poraii vaii..
cada tecnologia tem seus pontos positivos e negativos, mas todas elas sendo usadas por pessoas que tenham bom senso, e que sabem usar a ferramenta razoavelmente bem como disse o thiago viana, faz bastante diferença falando na hora da usabilidade.
Primeiro: O Flash player já está em 98% dos Pcs no mundo.
Segundo: Flash não está fora dos padrões web, defina o que vc quis dizer com padrões web.
Terceiro: Um website em flash é muito rápido de fazer, basta saber utilizar a ferramenta.
Quarto: No flash vc não precisa ficar fazendo funções para o Site se adaptar ao Porco do IExplorer.
Quinto: Usabilidade é mais fácil de aplicar com o Flash, porque ele possui mais meios de deixar o website bonito e flexível.
… Vc consegue aplicar html em câmeras digitais? consegue desenvolver um player de vídeo sem usar a porcaria do WMediaPlayer? Qual player o Firefox está pretendendo utilizar em sua próxima versão? Detalhe: Com busca de tags dentro do .swf
Usabilidade é uma questão de boas práticas, deram uma poderoza ferramenta pro cara desenvolver o website da Disney, ele fez uma festa a fantasia, poderia ter feito tão bem quanto o html, bastava não se empolgar tanto.
ActionScript manda. flash nem tanto. MTASC possibilita animações e tudo free.
Html e javascript são excelentes, uso muito eles, mas não é por isso que fico criando Blogs pra rebaixar as outras linguagens.
Só repondi à sua altura. Sinceramente depois de escrever isso. eu ainda acho que o Html Ajax não concorrem com o flash, até porque ambos se complementam e se conversam muito bem. Não crie atrito entre as duas linguagens. Aprenda sobre elas.
Traduzindo:
Usabilidade não tem nada a ver com tipo de linguagem. dá pra fazer merda com qualquer linguagem.
Acho que essa discussão acabou tomando outro rumo. O post é sobre “O Flash como inimigo da usabilidade”, não quem é melhor “Flash ou HTML”. Aí que foi o erro de vocês. Não se pode comparar uma linguagem de programação com um programa.
Programa x Programa
Linguagem X Linguagem
Pelo que eu pude perceber aqui, vocês falaram mais pela emoção (acharam uma maneira de defender seu ponto de vista custe o que custar) do que pela razão. O autor do Post defende seu lado (uso de HTML), e a maioria dos comentários defendem seu lado (uso de Flash, e como defendem, parece até que um parente, um amigo próximo, nunca vi isso na vida).
Se vocês discordam se “Flash é inimigo ou não da usabilidade”, numa coisa todos vão concordar com certeza: “Flash é inimigo mortal da acessibilidade”. Eu que o diga. Acessar sites em Flash com internet discada é um martírio. Na maioria das vezes eu acabo desistindo e saindo do site, pelo tanto que a página demora pra carregar (nisso ninguém pensa). Aja saco!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Alem dessa questão, existem outros pontos de acessibilidade que devem ser levados em consideração.
Não sou totalmente contra o uso de Flash no site, contanto que não seja 100% em Flash (e por favor, sem animação de abertura!).
Em vez de Flash versus HTML, devia ser Flash versus Silverlight, programa contra programa.
Outra coisa que me espantou aqui, foi o comentário do Rui Oliveira dizendo que HTML é pobre. Discordo completamente. Sites em Flash não são mais bonitos do que os em HTML. Eles são mais interativos, possuem mais dinamismo, aí sim. Mas falar que um site em HTML é feio, é desconhecer totalmente do assunto. É claro que existem sites feios em HTML, como também sites horríveis em Flash, mas não se pode generalizar dessa forma. Um bom exemplo de um site bonito com HTML + CSS é o site http://www.csszengarden.com. Aproveite a minha dica e carregue outros designs na página, para admirar um pouco de arte, simples, mas arte.
Eu não sei se eu li direito ou se eu tô bêbado, mas o Jonas Gozdecki no seu comentário escreveu que um site em Flash não está fora dos padrões web. Só pode estar de brincadeira. Que que é isso. Essa foi a pior. Depois dessa…… só me resta te recomendar um curso na Visie.
Tomás:
Eu não achei “todos os problemas expostos no textos fúteis e insignificantes”. Com relação aos problemas de indexação de um site em Flash, é só você dar uma olhada na documentação do http://www.google.com/webmasters/ e comprovar. O problema não é só com Flash. Sites com muito JavaScript, Frames, Iframes, etc, também atrapalham a indexação.
Muito interessante o post, é a questão de que tudo na vida é um pouco cientifico e até para se criar um site precisa - se de fundamentos e as ferramentas certas. Eu recomendo conheçerem o Microsoft Silverlight, que tambem em questão de resultado final é igual ao flash porem o processo não, muito mais organizado pois trabalhar com liguagens da Microsoft e XML( XAML ) nativo.
Acesse: http://joaomesquita.spaces.live.com
Abraços
Quem defende que o flash não é acessível fala como se as pessoas acessassem web para ver texto, o chamado “conteúdo”. Mas que “conteúdo” é esse? As pessoas entram na internet para terem experiências, que envolvem imagens, sons, vídeos, aplicações, jogos, etc e não só texto. A idéia de que o conteúdo de um site é o texto é completamente equivocada.
Não se separa conteúdo de forma. É a mesma coisa que assistir um filme de olhos fechados e querer ficar só ouvindo.
Se as pessoas fazem sites em flash é porque existe necessidade disso. O google, e os dispositivos móveis é que tem que se adequar às necessidades das pessoas, a tecnologia deve servir às pessoas e não o contrário.
As pessoas que entram em um site de um pc, de um palm ou de um celular o fazem com objetivos totalmente diferentes. A pessoa que entra num site por um pc e outra que entra de um celular não entram pra fazer a mesma coisa, por isso é um absurdo querer que o mesmo site sirva para as duas coisas.
A questão de “acessibilidade” de um site é algo que necessita de sérios questionamentos.
E outra o google e os dispositívos móveis é que precisam dar um jeito de indexar ou acessar sites em flash, a tecnologia é que deve se adequar as necessidades das pessoas e não o contrário.
Silverlight de %$ é rola. É só mais uma tentativa da microsoft de querer monopolizar o mercado, não tem vantagem prática nenhuma.