Se você já quebrou a perna e teve que subir uma escada de muletas, sabe a falta que faz uma rampa para uma pessoa que tem de usar muletas a vida inteira.

Quando você era criança, você queria ligar no orelhão pra passar trote e não conseguia porque era muito alto. "Telefone é coisa de gente grande", diziam os adultos, mas e quanto aos adultos que usam cadeira de rodas e precisa fazer uma ligação urgente?

Neste momento, enquanto você lê esse texto, você pode achar que a fonte está grande ou pequena demais para a sua vista. Se você tem um mouse com rodinha de rolagem, você pode segurar a tecla Ctrl (windows) ou Command (mac) e girar a rodinha; o texto vai aumentar ou diminuir de acordo com a sua vontade. Legal isso né?

Mas e se você não tivesse como usar o mouse? Sim, pode ser que você não tenha nascido com dificuldades motoras, mas pode adquirí-la futuramente se quebrar um braço, se for alcoólatra, se vier a sofrer de Parkinson e etc. Nesse caso, basta usar as teclas Ctrl ou Command combinadas com as teclas + ou - para ter o mesmo efeito.

Essas opções de acessibilidade estão embutidas no seu software navegador, mas se eu tivesse bloqueado a mudança do tamanho do texto usando uma medida fixa para a fonte, pode ser que você não conseguisse usá-las.

Porque eu faria isso? Ora, pra que meu layout fique sempre igual do jeito que eu quero e quem não conseguir ler, que diminua a resolução do monitor. Ou talvez eu faça isso porque é mais fácil. Se usar um tamanho de fonte relativo, terei que garantir que todo o layout se ajuste, o que daria um trabalhão e os clientes não iriam me pagar o extra. Não vale à pena.

Economizando desse jeito, logo consigo juntar uma grana pra comprar um PDA com acesso à Internet . Abro este site no navegador do PDA pra mostrar pros meus amigos e o danado do site fica todo desconjuntado porque eu mesmo defini que ele é "melhor visualizado com Internet Explorer 6.0, 1024x768 pixels de resolução e Flash Player versão 9 instalada". A vergonha dá pra disfarçar com uma desculpa esfarrapada, mas e se fosse uma situação crucial na qual eu precisasse muito das informações do site?

O fato é que, mais cedo ou mais tarde, seremos vítimas das barreiras que nós mesmos criamos. Se é assim, por que não se esforçar para evitar as barreiras? Nós saímos ganhando com isso; nossos amigos saem ganhando com isso; pessoas que nem conhecemos saem ganhando com isso; enfim, a sociedade como um todo sai ganhando com isso.

Oxo: exemplo de sucesso

Sam Farber tinha uma fábrica de utensílios domésticos chamada Copco nos Estados Unidos. Ele sempre se preocupou em criar produtos acessíveis para pessoas idosas e com deficiências físicas, mas isso não era o foco da empresa. Quando se aposentou, ele e sua esposa passaram algumas semanas na França e os utensílios à disposição eram terríveis para quem tinha artrite como a esposa de Sam. Sam decidiu voltar à ativa e fundou a Oxo International com a proposta de design universal como missão da empresa. Os novos produtos ganharam visibilidade na mídia e cairam no gosto popular. Mesmo quem não tinha nenhuma deficiência, preferia comprar Oxo pela facilidade de uso. A empresa ganhou vários prêmios e Sam pode se aposentar de novo, agora com a satisfação de ter contribuído e muito para um mundo melhor.

Acessibilidade em três passos

Primeiro passo: não exclua ninguém, a não ser o preconceito. Mesmo que determinadas pessoas não se encaixem no público-alvo do projeto, elas devem ter livre acesso. Você não gostaria de ser barrado numa portaria de um prédio só porque não faz parte do "público-alvo" do prédio, não é mesmo? Discriminação é crime, mas, através do design, a discriminação pode se reproduzir da forma mais cruel e imperceptível possível, mesmo aos olhos do próprio designer. Designers precisam conscientizar-se de que o diferente não é ameaçador; pelo contrário: é com ele que aprendemos coisas novas.

Segundo passo: flexibilize o acesso. Todas as pessoas são iguais perante à Lei e, portanto, tem os mesmos direitos. No entanto, a maneira como cada pessoa goza de seus direitos é diferente, já que cada pessoa tem um corpo diferente, pensa diferentemente e age diferentemente. Os objetos e ambientes projetados são os mesmos para muitas pessoas, mas eles podem ser flexíveis a ponto de suportar algumas diferenças básicas. Algumas pessoas são altas e outras baixas e, para não impedir o acesso de ambos, devemos ter degraus baixos e portas altas. Nivelamos pelo percentil 5 e 95 . Quando a diferença é na percepção sensorial, devemos oferecer conteúdo alternativo para outros sentidos: textos que podem ser lidos por surdos oralizados ou sintetizadores de voz para cegos, por exemplo. Por fim, devemos permitir que as pessoas acessem com diferentes apetrechos (carro ou bicicleta; laptop ou smartphone) e encontrem caminhos alternativos para chegar onde elas querem (sinalização de orientação ou balcão de informações; navegação por menus ou busca por palavra-chave).

Terceiro passo: se coloque no lugar do outro. Teste o que você projetar. Baixe o leitor de telas Jaws e tente navegar no seu website de olhos fechados, usando apenas o teclado. Se você não for cego, isso só vai te dar uma sensação próxima da que passará um cego de verdade, pois ele não poderá abrir os olhos quando chegar numa parte confusa. Por outro lado, eles estão muito mais acostumados do que você a se virar em situações como essa. Celebre a diferença observando como as outras pessoas acessam seus projetos e aprenda com isso. Tome como guia os princípios de Empatia e de Crítica.

Chamando à responsabilidade

A Acessibilidade é uma área que justifica especialistas como os meus colegas da Acesso Digital, mas isso não significa que todo o trabalho deve ser empurrado a alguém que entenda do assunto. Entender do assunto é responsabilidade social de todo designer. O design acessível pode permitir que as pessoas façam coisas maravilhosas que, sem ele, seriam impossíveis. A Leda e o MAQ sempre foram vozes muito ativas nas atividades da Acesso Digital e nesse vídeo não foi diferente. Quem viu, viu; quem não viu, ouviu; quem não ouviu, leu e quem não viu, não ouviu e não leu, não sabe o que está perdendo.

Download completo em vários formatos.

[nota] Aproveitei para criar uma nova seção neste blog para agregar tudo o que já escrevi sobre Acessibilidade. Como disse o Horácio, depois que conheci o pessoal da Acesso Digital, estou me tornando também um acessibilidoido.

Comente este post

Na dominação direta, a cultura dominante é imposta explicitamente, como no caso da catequização dos índios no Brasil, da colonização britânica na Índia, do nazismo na Alemanha e do comunismo na China. Propaganda, repressão e rituais públicos são recorrentes.

Na dominação indireta, a cultura dominante é sugerida implicitamente, como no caso da recorrente volta aos clássicos Gregos, da descoberta do pacifismo indiano e da globalização do American Way of Life. A propaganda também é central, mas se imiscui em diferentes "produtos culturais": livros, jornais, revistas, filmes, programas de televisão, produtos de consumo e etc.

Em ambos os casos, o design é um meio importante para reproduzir (ou não) o etnocentrismo.

No livro The Authority of Everyday Objects, Paul Betts conta que o governo nazista estava muito preocupado em controlar como a cultura da nova Alemanha se espalhava. Todo mundo sabe que eles incendiaram em praça pública livros que não coadunavam com seus ideais de beleza e verdade, mas também o fizeram com objetos de mobília que simbolizavam a cultura degenerada de outrora.

Este cartaz da época diz que "Todos os Alemãos escutam o Fuhrer com o Receptor de Radio do Povo!" O rádio projetado por Walter Kersting serviu a domesticar a engenharia social da modernidade nazista. A casa e seus objetos foram apropriados pela ideologia nazista para dar ao povo a segurança de que aquele era finalmente um caminho de progresso estável.

O etnocentrismo radical do nazismo parece passado superado da sociedade em relação aos dias de hoje, mas se observamos criticamente as forças que promovem a globalização, veremos que elas partem de determinadas etnias que detém o poder econômico no mercado global. A cultural global não é a soma das culturas regionais, nem tampouco a consensualização dos elementos comuns entre as culturas, mas sim uma imposição massiva dos valores dessas etnias dominantes.

Essa foto creio que diz tudo:

Ao contrário do que você provavelmente deve estar pensando, essa africana da Tribo Mursi não usa o iPod que segura nas mãos. Ela está posando para a foto porque foi paga por algum fotógrafo sarcástico (veja a grana na mão embaixo do iPod). Segundo Gabriel Shaw, a Tribo Mursi vive relativamente isolada do resto mundo graças a estar localizada dentro de um parque nacional, mas a guerra com outras tribos é uma constante e é comum ver os mursis andando com armas nas mãos. A foto foi encontrada numa galeria de fotos mostrando o iPod ao redor do mundo.

O design, a propaganda e os rumores sobre o iPod fazem-no parecer um produto universal, adequado para todas as culturas, todos os gostos, todos os estilos, todas as pessoas. Usando o iPod você estaria em paz com todas as culturas, ao mesmo tempo que manteria a sua própria individualidade. Você escuta seu som sozinho e não incomoda ninguém. Essa mensagem é explícita nas propagandas oficiais do iPod:

Nós, brasileiros, aceitamos a universalidade do iPod só porque nossa cultura é dominada pela cultura que gerou o iPod, centralizada na figura dos Estados Unidos. Apoiamos o culto ao individualismo como se fosse consonante com a nossa própria cultura (que não é tão individualista quanto a deles).

Segundo uma interessante pesquisa sobre hábitos de consumo de música, em Hong Kong, o iPod vende muito menos que os mp3-players baratos de diversos fabricantes. O quente lá não é ouvir 5.000 músicas diferentes, mas sim escutar as "10 mais" diversas vezes. Os websites que listam os hits do momento tem papel fundamental na decisão sobre o que ouvir.

Será que a coletividade também é predominante no Brasil? A comparação das homepages do Mercado Livre e do Ebay sugerem que sim.

Enquanto um enfatiza os leilões que estão acabando e a variedade de produtos (Whatever it is.. you can get it on Ebay - Seja o que for... você pode conseguir no Ebay) o outro enfatiza a preferência do coletivo.

Os Mp4 e Mp3 players também são mais buscados e mais vendidos no Brasil do que o iPod. Na categoria Mp4, aparece o modelo Sansa e200 que tem um hotsite muito interessante descoberto no comentário do Luli Radfahrer sobre a doutrina do design. O hotsite do Lil´ Monsta (pequeno monstro) deixa claro que o player não é voltado para o mesmo público do iPod. Uma das funcionalidades ressaltadas é a capacidade de sintonizar rádios FM, algo impensável num iPod. Um iPodeiro inveterado diria "pra quê ouvir a rádio, se eu posso escolher dentre as minhas 5.000 músicas?" Pois as rádios trazem novidades e tocam as músicas sucesso do momento.

Não diria que o design do Lil´ Monsta é menos etnocêntrico do que o do iPod. Ele também é um artefato que serve para mostrar que seu portador é melhor do que os outros que não o possuem.

Nesse setor, acho que o mp3 player genérico chinês é o menos etnocêntrico. Sua aparência não é arrojada, ele é bojudo e deselegante, mas, pelo preço, funciona muito bem! O design não me parece desvalorizar outras culturas, mas é mais um exemplo que reforça a estratégia chinesa de colocar no mercado global produtos genéricos a um custo extremamente baixo.

Christopher Woebken desenvolveu no Royal College of Art um projeto que vai na contramão dos exemplos acima: Escape Headphones. Trata-se de um aparelho voltado para as pessoas que tem medo de estar em lugares apertados, com a sensação de que não poderão sair se precisarem numa emergência. O headphone sintetiza sons de acordo com a distância de objetos próximos, tornando o ambiente maior do que parece. Christopher diz que ficou especialmente interessada em como os cegos lidam com esse medo.

O projeto nem desqualifica quem possui a fobia, nem tampouco oferece uma cura paternalista. Trata-se de uma exploração para entender melhor o outro.

Comente este post

Usabilidade e Acessibilidade [MP3] 1 hora e 32 minutos 13MB

Veja também os slides da palestra, que apresentaram sérios problemas de acessibilidade durante a palestra (escute no áudio).

Comente este post

Essa rede de supermercados em Florianópolis oferece panfletos de ofertas impressos em braille. Alem de respeito ao consumidor, é uma oportunidade para vender mais. Prova de que acessibilidade é um bom negócio.

Comente este post

Quando comecei a preparar os slides fiquei pensando como eu iria dizer a 300 profissionais que muito do que sabiam sobre codificação HTML estava errado e que era preciso mudar. Se dissesse para esquercer as tabelas, como prega o discurso Tableless, certamente iria desanimar uns e revoltar outros. Se dissesse que eles precisariam conhecer todas as recomendações do W3C, desanimaria a todos.

Inspirado na transição suave proposta por Jeffrey Zeldman, propus o movimento Tablelove. As tabelas quebraram nosso galho por muito tempo enquanto não haviam alternativas para marcar layout. Passar a odiá-las de uma hora para a outra não é saudável nem para os webdesigners, nem para as tabelas.

Quem ama não abusa

O primeiro passo do Tablelove é transferir a formatação inline (embutida na própria tag) para um arquivo separado de CSS. Com as propriedades de formatação do CSS é possível fazer muito mais com muito menos. As tabelas aninhadas (uma dentro da outra) diminuirão e o spacers.gif transparente não serão mais necessários.

Só esse esforço de separação entre o conteúdo e a apresentação vai tornar a manutenção do código mais fácil e aumentar a acessibilidade da página.

Quem ama quer sempre o melhor

Originalmente as tabelas foram criadas para exibirem dados tabulados. Elas começaram a ser usadas para marcar layout porque não havia alternativa melhor na época, mas dessa forma estavam sendo mal tratadas. Eis um exemplo de tabela bem utilizada:

Quem ama trai

Para substituir as tabelas na marcação do layout, é recomendável a utilização da tag DIV. Elas permitem posições mais flexíveis, precisas e ousadas. No CSS Zen Garden, um mesmo grupo de DIVs é rearranjado de centenas de formas diferentes para compor layouts impressionantes. Observe que o código HTML não muda, só muda a folha de estilos da página.

Áudio da palestra e slides

Os títulos sugestivos das lições do Tablelove ficam muito mais engraçados e memoráveis numa palestra ao vivo do que nesse texto. Para quem não estava no evento, segue o áudio da palestra que pode ser escutado junto com os slides.

Padrões Web (Webstandards) [MP3] 1h e 30 minutos 14MB

Comente este post

Nos EUA, existem plataformas que se elevam para permitir que usuários de cadeiras de rodas cheguem sozinhos a outros andares de prédios e entrem em veículos adaptados. O problema é que o controle desse mini-elevador era tão ruim, que haviam casos de mortes pela sua má utilização.

O projeto do novo controle começou com a coleta extensiva de dados antropométricos como o tamanho e a distância entre os dedos e partes da mão. Com base nesses dados, seus alunos montaram um protótipo para testar entre eles mesmos e com deficientes físicos. Após os ajustes, o projeto foi entregue a uma indústria que comercializou o produto.

Veja o antes e o depois, ou melhor, o depois e o antes na foto:

Nos Estados Unidos, são mais de 7 milhões de pessoas com restrições físicas. Essas pessoas querem trabalhar e estudar, mas esbarram em problemas de acessibilidade. O governo está dando incentivos para pesquisas como essa para resolver os problemas desses cidadãos.

No Brasil, o quadro é muito mais desanimador. No dia anterior, foram apresentadas três pesquisas sobre acessibilidade de locais públicos no congresso. Mesmo levantados os problemas, os pesquisadores admitem que será difícil resolver os problemas encontrados, porque demandam reformas estruturais em alguns prédios e o governo não trata isso como prioridade, embora existam novas leis exigindo tais melhorias.

Ergonomia Estratégica

Continuando o tema de ontem, o professor Dul explicou como a ergonomia pode ser integrada aos objetivos comerciais das empresas. A primeira coisa a se fazer é conhecer a estratégia de negócios da empresa, que pode ser de vários tipos:

• plano


• padrão


• posição


• simulacro (pra inglês ver)


• filosofia

O trabalhador fica satisfeito quando tem boas condições de trabalho e aumenta a qualidade de sua produção. O consumidor fica satisfeito não só pela qualidade do serviço ou produto, mas também por saber que os trabalhadores estão sendo bem tratados. Dul conta que na Europa algumas pessoas rejeitam produtos vindos de países que exploram a mão-de-obra barata.

Ao invés de focar no cumprimento de normas de saúde e segurança, o ergonomista deve buscar trazer mais produtividade para a empresa. Dul sugere que os ergonomistas estudem mais sobre negócios, leiam livros, assistam outras conferências, conversem com profissionais de outras áreas.

O professor holandês está propondo uma nova forma de encarar a ergonomia, mais comercial e menos acadêmica. Alguns poderiam criticar que ele estaria corrompendo uma disciplina de objetivo tão nobre – melhorar as condições de trabalho, mas acho que não é essa sua intenção. Ele não está dizendo que o ergonomista deve abandonar o trabalhador, está dizendo que o ergonomista deve mudar a forma como apresenta seu trabalho para a gerência.

Ergonomia do congresso de ergonomia

Durante todo o evento, pude contar com a presença do leitor Wanderson de Andrade ao meu lado, comentando as apresentações até mesmo durante o almoço (esse sanduíche esquesito que ele estuda na foto). Antes do término do congresso, tivemos uma última conversa sobre a qualidade das apresentações e chegamos à conclusão de que falta ergonomia no congresso de ergonomia! Entenda o paradoxo:

Ergonomia do congresso de ergonomia [MP3] 12 minutos

Outras apresentações

Abaixo segue minhas notas feitas no Palm. Se alguém quiser que aprofunde algo, faça uma pequena doação que eu escrevo mais.

palestra

eua tem 7 milhoes deficientes
- como eles vao se locomover
- plataformas de elevacao
- adaptacao depois que o carro ficou pronto
- design ruim matou pessoas
- governo incentivou pesquisas para resolver isso
- design de controles remotos para deficientes

as ferramentas sao extensoes da mao

nao existe uma ferramenta ergonomica, depende da sua aplicacao - da tarefa - se ela sera adequad1

minimizar
- forcas
- temperatura
- movimentos
- vibracao

alicate permite duas empunhadoras precisao ou forca

centro de gravidape

hedonomia
- perfeicao pessoal
- expsriencia agradavel
ergonomia
- usabilidade
- funcionalidade
- seguranca

21% usuarios de cadeira rodas machucados
- 1 guarto se machucam com elevadores pequenos

controle existente era muito ruim para acionar os elevadorss

antropometria da mao
- se fosse muito pequeno o de mao grande nao conseguiria usar
- medidas de acordo com a dimensao da mao
- 25 percentil feminino
- 75 perceatil masculino
- usar com uma mao so

avaliacao
-usabilidade
-conforto
-estetica
-seguranca
-adequacao a normas
- luzes
- textos grande
- cores fortes
- boa aderencia
- fio rj11 comum

antropometria infantil
- childata 95 europa
- paschoareli 97 brasil
- tabelas inadequadas
- meihor usar softwares - catia, inventor e etc
- simulacao atraves de manequins virtuais

softs analizados
- peoplesize 2000
- integrate (melhor, mas caro)
- human builder no catia
- jack (mais conhecido)
- manequimprg
- ergokit (nacional 2d)

nenhum tem dados infantis e poucos informam as origens dos dados

prevencao e reabilitacao

design ergonomico
- pos problema
- condicoes de saude

riscos ergonomicos
fmea = calculos de prioridade para problemas ergonomicos

diagnose ergonomica

aeroporto pequeno
- helicopteros maioria
- avioes
- treinamento
- sem radar - so visual e radio
- trafego aereo vem por tras - operador tem que rotacionar o torso
- momentos em que ha sobrecarga de funcao por causa da escala
- cai no buraco do alcapao

- ambiencia fisifa
- temperatura
- iluminacao
- som
- questionarios
- perfil
- condicoes trabalho
- stress
- registros comportamentais
- rula
- foto

dores no pescoco, excesso da informacao

recomendacoes
- 4 controlador
- reorganizar e redimensionar a bancada

eduardo rangel

catador de papel

- muito peso - media de 100 kg por dia
- risco ocupacional
- cardiaco
- calor demais
- nao usam protecoes

questionario sobre o desconforto
masculino
- coluna lombar
- panturrilha
- cabeca
feminino
- lombar
- toracica
- ombros e bracos
sofrem mais porque sao mais baixas e tem que lídar com a manopla elevada

agravante psicosocial
preconceito

adaptar a manopla

entrevista aberta
fale sobre seu trabalho, cite pontos positivos e negativos

boi fatiado

design macroergonomico
lpr - empreza de eventos

macroergonomia e uma area mais ampla que considera todos os fatores envolvidos num posto de trabalho
- participativa
- valorizacao dos trabalhadores - quem esta no problema

setor projeto

- entrevistas abertas em grupo
- questionario que vem a partir das entrevistas

insatisfacao e solucao
- trabalho aos sabados abolido e aumentaraam a carga diaria
- ruido - moveu o escritorio

ensino ergodesign
design centrado no usuario

nao da tempo do aluno entender a importancia do usudrio
recorte
- individuo
- atividade
- contexto

envolvidos
- empresa
- gerente
- designer
- usuario no foco vantagens para todos

sistema que guarda ferramentas e permita suporte para fazer pequenos reparos

- desenhos
- matriz decisoria
- modelos reduzido
- modelo maior
- testes de usabilidade
- postura
- angulo de visao
- iteracao
- prototipo funcional
- novos testes

resultádo do silex

Ergodesign 2

palestra

como ligar a ergonomia com os objetivos de negocios

tipos de estrategias
- plano
- padrao
- posicao
- pose (falsa)
- filosofia

mistura de tipos numa empresa

formulacao de inplementaco da estrategia para chegar aos objetivos

ergonomia esta de fora, so mirando melhorar a saude
- as normas nao sao fiscalizadas muito

a ergonomia tem que sair das regulameatacao e entrar na estrategia

mesmo com as regulamentacoes os niveis nao diminuiram - governo diz que nao funciona

auto-regulamentacao
- consenso eftre os trabalhadores e empregadores

mudanca do sinaleiro para rotatorios na holanda

acoes voluntarias aumentariam, pois haveria interesse dos negocios

a ergonomia esta focanpo no lado mau de ter problemas
- maximizar os bons efeitos
- usar as vantagens
- a seguranca e saude no trabalho deve ser consequencia

gerentss sao os melhores amigos
- valorizacao do capital humano
- esperam aumentar a produtividade

para ter lucro e crescimento e preciso ter a satisfacao do usuario e do trabalhador

temos que vender ergonomia ccomo satisfacao do cliente atraves do trabalhador

nos modelos de administracao as pessos sao consideradas diferentemente

ergonomia nunca sai nas revistas de negocios
- temos que mostrar o que temos a oferecer

temos que traduzir nosso proprio vocabulario para os negocios
- ler relatorios anuais
- conversar com os adminis
- ler a literatura
- ir a conferencias

network
- colaboracao com outros profissionais
- lidar com os stakeholders
- identificar
- classificar - poder - legitimidade - urgencia (perigosos saos os que nao tem legitimidade e tem poder e urgencia)
- selecionar os relevantes

\um trabalhador sabe mais e custa menos que um consultor,

o ergonomista passa a ser uma especie de gerente de projeto
- precisa de mais habilidades

dicas
- focar nas tarefas criticas para a perfomance e nao nas mais perigosas
- adaptar a cultura da empresa

o ergonomista bom e um tradutor
- da enfase no positivo
- ativos em network
- cooperrativo
- perito na politica
- adaptar a cultuq

Comente este post

Na palestra de abertura do 5º Ergodesign, Jan Dul, professor da Eramus Rotterdam University (Holanda), disse que mesmo depois de tantas décadas de pesquisa e interação na área, a ergonomia ainda não tem a penetração que deveria ter nas empresas.

Para ele, o problema é a falta de integração com os objetivos comerciais da empresa. Os ergonomistas reclamam que só são acionados depois que foram detectados problemas, mas vendem seu trabalho dessa forma. Todo seu vocabulário gira em torno da solução de problemas, quando deveria girar em torno da prevenção de problemas.

É preciso então aumentar a sensibilidade do ergonomista para os objetivos comerciais da empresa, servindo como peça importante na estratégia de negócios da empresa. O autor cita o sucesso do carro Mazda Mi-5 e da chave-de-fenda Bahco, projetados com a ergonomia sendo o diferencial competitivo.

Mensurando Emoções

Outro trabalho interessante foi o de Marcos Buccini e Stephania Padovani (UFPE) sobre métodos para lidar com a emoção no design de produtos. Destaco alguns que dão boas idéias para superar a dificuldade natural de verbalizar emoções.

Análise Morfológica

O método consiste em apresentar ao usuário uma série de imagens de vários produtos da mesma categoria, cada um de um modelo diferente. O usuário escolhe aqueles que agradam ou não e descreve o porquê.

Emocard

O usuário escolhe dentre 16 cartas contendo desenhos de faces a que exprime melhor sua emoção ao usar um produto. Uma carta possui um rosto sorrindo, outro zangado e por aí vai.

PrEmo

O Product Emotion Measurement Tool pretende cobrir aspectos não alcançados pelos Emocards. 18 animações de um bonequinho com expressão facial e corporal permitem ao usuário escolher a que melhor se alinha à sua emoção.

Instrumentos de medição fisiológicos

Sensores medem batimentos cardíacos e a dilatação da pupila, mas só há grandes alterações nesses valores quando a emoção é intensa.

Falhas do cinto de segurança

Ao invés de contribuir para salvar-vidas, os fabricantes de carros preferem economizar nos cintos de segurança do banco traseiro dos carros de passeio e o resultado é que os usuários o rejeitam.

O estudo feito por Wilson Nobre (Puc-Rio)
e Anamaria de Moraes (UFRJ) levantou diversos incômodos como o causado quando há três pessoas no banco.

Note como as cabeças dos passageiros dos cantos não está corretamente apoiada. Na hora de colocar o cinto, o passageiro do meio tem que levantar, pois não há espaço para a movimentação das mãos.

Já que os carros estão ficando cada vez menores, os autores recomendam que no banco de trás haja apenas dois lugares, com espaço suficiente para o uso correto do cinto.

Ruído na sala de aula

Minha professora de ergonomia Maria Lúcia Okimoto (estou fazendo uma disciplina da Engenharia Mecânica) apresentou um estudo que mediu a poluição sonora em salas de aula da UFPR.

Apesar dos resultados serem bons, o estudo alerta para os problemas que o incômodo pode causar:

- fadiga mental tanto dos alunos como professores
- desinteresse dos alunos
- dificuldade no aprendizado

Outras palestras

Abaixo seguem minhas anotações feitas no Palm. Se alguém quiser uma cobertura mais aprofundada de algo, faça uma pequena doação que eu escrevo mais.

tato dinamico
- introducao do dedo numa fenda
- erro na hora de colocar o dedo
- cortss

anisotropia
- espaco perceptual e achatapo em relacao ao fisico
- estacionar o carro parece mais dificil do que e
- quanto mais distante mais distorcao

processos de acao e percepcao sao separados

importante a experimentacao

a percepcao nos engana, e so suficiente para viver

manuais de instrucao
norman diz que aparelhos domesticos estao ficando muito dificeis

consumidores dizem que nao entendem os manuais
- vocabulario tecnico
- design grafico pobre

avaliacao heuristica
- 40 especialistas em design para fazer graficos comparativa
- cada um individual
- gradacao de problemas

perguntas
- rolou adaptacao das heuristicas

Ergodesign 2

cinto de seguranca
- usuario nao usa pelo constrangimento causado pela economia dos fabricantes
- terceiro passageiro acaba
- muito quente nao quer usar cinto
- cor em contraste
- dificil desengatar para bombeiro
- espaco lateral pra colocar o cinto

historia da ergonomia

intervencao ergonomizadora
juntar metodologias
- nr17 nao especifica
- interseccao entre metodos
- analise ergonomica do trabalho
- analise macroergonomica
- sistema homem tarefa maquina
- ninguem aplica igual ao autor
- vies da experencia do ergonomista

acessibilidade espacial da ufsc
- lei que garante acesso
- acessibilidade pedagogica
- tecnologia assistiva
- deslocamento independento
- uso de equipamentos

- entrevistas com alunos e professores
- prova em braile
- sem assistencia da organizacao
- nao chega a informacao
- orientacao no campus - poperia ter mapas tateis
- cursos nao esta preparados para atender

percepcao do espaco pelas pessoas com restricoes

edificio publico
- orientacao
- deslocamento
- uso
- comunicacao

estudo de caso inss de sc
- observacao direta
- passeio acompanhado - planejado
- prever o percurso
- deixar livre para a pessoa seguir
- grava e pergunta porque parou
- transforma em mapa

resulaados
- largura das circulacoes
- obstaculos
- ausencia visual ou tatil
- bip sonoro concorrente em duas filas
- mobiliario auto
- corrimaos inadequados

solucoes
- larguras
- retirada obstaculos
- trocar wcs
- pictogramas
- placas em braile
- mapa tatil
- pisos tateis - guia
- painel verbalizar
- mobiliario mais baixo
- tecnologia assistiva ou interprete

percepcao do ruido de fundo em sala aula

massacre na arquitetura de escolas estaduais = em todas as regioes do estado
- tijolos aberto no alto
- quando uma professora da aula as outras nao conseguiar

- ruido atrapalha no aprendizado
- ruido doi no hospital
- prejudicia4 saude

na sala de aula todos precisam de concentracao
- doencas na laringe nxs professores

- fadiga mental
- mascaramento da fala
- desinteresse

avaliadas as salas das universidades
- 5 pontos em salas vazias janelas abertas
- medidor de volume
- software faz a media

norma de 40/50 dba pela nbr-10152
- somente 3 estao de acordo com o conforto, mas nao atrapalha demais

conforto e seguranca nos playgrounds

criancas nao sai de casa e perde o contato social e natureza

atrair a crianca

quais os constrangimentos das criancas?
- observacao sistematica
- checklist
- normas nao sao suficientes
- observacao da interacao foto

balanco
- sem protecao lateral
- asssento pequeno
- madeira estraga e solta lasca
- protecao das correntes
- locais improprios = acidentes

gangorra
- sem amortecedor
- falta encosto
- alcas pequenas
- dificuldade de subir

escorrega
- falta protecao lateral
- falta redutor velocidade
- corrimao
- ferrugem
- queimaduras metal aquecido

Ergodesign 3

palestra vem

video e monitoring = sincronizacao em tempo real de dados quimicos e biologicos com o video do usuario

analise de trabalho
- quebraa em tarefas
- elementos
- relacionar fatores externos

equipamsnto
- camera
- cronometro
- fita metrica
- medidor de forca

o video ajuda a conyencer a gerencia fazer mudancas

cerca de 10 mil dolares

Comente este post

A intenção é boa, mas está longe de resolver o problema na prática. O problema é que o contraste entre duas cores depende do contexto em que elas estão inseridas. Note no exemplo abaixo que uma mesma combinação de fundo azul e texto preto não é boa no contexto branco, mas no preto até que é razoável.

Num monitor preto-e-branco essa diferença é ainda mais fácil de perceber:

Por quê isso acontece? Ainda não li uma boa explicação fisiológica, mas chuto o seguinte: no último exemplo, o fundo branco provoca o fechamento da pupila e o preto provoca abertura. A pupila se dilata e abre para entrar mais luz na retina. O mesmo cinza parece diferente porque realmente entram quantidades diferentes de luz na retina. Talvez não seja esse o motivo, mas algo me faz crer que o fenômeno não é só interpretativo, mas também físico.

Segundo Benjamim Martinez (Visual Forces, 1988), o que acontece é parecido com o fenômeno que provoca a persistência de imagens (olhe para um objeto vermelho e depois para um fundo branco e uma silhueta verde aparecerá). Nessa ilusão de ótica dá pra perceber isso bem nítido:

Os artistas chamam isso de interação entre cores e atribuem um valor importantíssimo na pintura. Essa aplicação em Java permite brincar com a interação entre cores e aprender muito sobre ela (só cuidado para não queimar a retina).

O minimalista alemão Josef Albers realizou diversos estudos empíricos para investigar o fenômeno e alguns de seus achados estão nesta página. Segue trecho traduzido:

O efeito é modificado ou aumentado pelas cores particulares escolhidas. Cores puras, intensas, primárias não são tão afetadas pelo contexto, mas as de baixa intensidade e cores não-primárias ou espectrais podem mudar de aparência radicalmente.

O tamanho também pode influenciar o efeito de contraste simultâneo. Geralmente, áreas de cor maiores tem mais influência sobre as menores. O pequeno quadrado verde é mudado pela cor do quadrado amarelo ou azul, não o inverso. É por isso que o texto parece ser afetado pela cor do fundo e não o contrário, ou porque um fio branco desfiando por cima de uma roupa verde parece tão brilhante.

Então, já que as cores fortes não sofrem efeito de interação entre cores, devemos colorir nossos layouts apenas com tais cores? Absolutamente não, mas é isso que induz o analisador automático de cores. Segundo ele, a combinação lá de cima deveria ser assim para que fosse legível:

Inegável que seja mais legível que a alternativa lá de cima, mas será que precisamos de tanto contraste assim? Quase sempre o contraste excessivo prejudica a harmonia de um layout porque chama muito a atenção para um determinado ponto. Como uma página Web é constituída de diversos pontos, fica difícil estabelecer uma hierarquia visual sem prejudicar a harmonia. Sem harmonia, em geral, não há beleza. Todos almejam os ideais estéticos, inclusive pessoas com necessidades especiais. Por uma acessibilidade mais bonita e menos automatizada! Viva o homem!

Comente este post

Resumindo, eu disse a ele que não adianta tentar tornar o Flash mais acessível. Enquanto a Macromedia não fizer isso pra valer com um código no SWF mais estruturado e complacente a padrões como o SVG, não adianta o esforço extra. Se a acessibilidade é importante para o conteúdo, então melhor não usar Flash.

Porém, o rapaz usou meu próprio argumento para defender o uso do Flash: "precisamos inovar nas interfaces". O objetivo dele é encontrar uma solução que envolve detecção em Flash e XML com XLST para gerar XHTML. Complicado né? Por isso eu disse que não valia o esforço, mas se ele conseguir será um bem valioso para toda a comunidade de desenvolvedores de Flash. Acompanhe um trecho da conversa:

fred:
bem, pelo que tenho visto, é difícil um site todo em Flash apresentar alguma vantagem para usuário

Leandro:
isso por falta de uma solucao diferente de estrutura e metaforas que funcione pro usuario final

Leandro:
eu penso

fred:
eu pensava assim tb

fred:
mas mudei de idéia depois de ler alguns livro sobre design de softwares

fred:
metáforas são muito perigosas

Leandro:
nao é algo facil.. esquema do windows funciona e todos acham facil

fred:
porque o designer fica apaixonado por elas

fred:
e acaba levando ao pé da letra

fred:
trazendo todas as dificuldades do objeto real

Leandro:
mas novidade é importantee imagino que seja possivel mudar sem tornar tudo mais dificil

fred:
simconcordo plenamente

fred:
e o Flash é o máximo nisso

Leandro:
entaogrande lastima nao se aproveitar dele

fred:
grande lástima o flash ser menos flexiveldo ponto de vista da acessibilidade

fred:
por isso acho que a Macromedia vai adotar uma forma semelhante de SVG

Leandro:
exatamente uma solucao de acessibilidade que eu to procurando

fred:
mas não é em qualquer trabalho que se pode experimentar inovações

fred:
aliásas oportunidades são muito restritas

fred:
em geralo usuário espera o padrão

Leandro:
orasmas experimentar é preciso..

Leandro:
nao to fazendo nenhum site comercial

Leandro:
depois de comprovado que funciona queas coisas saem da experimentacao

fred:
pense nos seus usuárioseles ficarão chateados se tiverem que reaprender alguns conceitos para poder navegar pelo seu site?

fred:
no caso do Usabilidoido eu achava que sim

fred:
mas depois de receber frequentemente reclamaçõespretendo adotar um modelo mais padrão

Leandro:
nao acho essa uma açao muito boa.. como encontrar boas solucoes se nao tentar?

nao to criando nenhum site pessoalou comercialou o que seja
o objetivo de tudo seria exatamente testar um metodo pra deixar o conteudo do flash acessivel

fred:
porque não falou antes? vai fundoheheheh

fred:
mas te dou um conselho

fred:
não esquente muito com isso

fred:
porque talvez o Flash nunca seja acessível

fred:
pelo menos é o que acredita o Collin Moock

fred:
ele diz que o foco do Flash é no visualpor isso não adianta

Leandro:
bemnao custa tentar

Comente este post

digom: quanto a questões de compatibilidade com outros sistemas
digom: eu já não sou mto a favor
digom: pq acredito que uma versão feita pra web, pra ser vista em micros
digom: é diferente de uma pra PDAs e Celulares
digom: o que defendo é unificação da informação
digom: claro que se vc tem que apresentar o mesmo conteúdo em 3 "plataformas" diferentes
digom: claro que a informação tem que vir da mesma fonte
fred: concordo contigo
digom: mas não necessariamente sobre o mesmo "encapsulamento"
digom: não se trata de criar 3 versões do site
digom: e sim front-ends que tragam a informação da mesma fonte comum
fred: o problema todo acoontece quando as pessaos confundem acessibilidade com usabilidade
digom: sim
fred: tem que te as duas coisas
digom: quer ver um exemplo que fere esse princípio "estragado" que tá sendo formado na cabeça de muitos profissionais daqui?
fred: manda
digom: é uma situação que encontrei naquele próprio site que estava te mostrando
digom: várias funcionalidades do site na web, não tem pé nem cabeça para constarem numa versão pda por exemplo
digom: muito menos num celular...
digom: ex...
digom: você parar pra baixar os whitepappers da marca no seu celular..
digom: ou seja, é óbvio que existe um tratamento diferente
digom: os canais são diferenciados...
digom: 1 menu para uma versão para celulares jamais vai ser igual a um menu web
digom: a forma de caracterizar a informação
digom: o que fico puta da vida, é que nego defendo o tableless como se fosse a solução pra fugir da santa inquisição
fred: concordo contigo, a usabilidade óptiima requer uma dedicação exclusiva ao suporte
digom: Acessível... compatível...
digom: e funcionalidade?
digom: aí que está o X da questão
fred: mas, se você pode prover acessibildiade a um site sem fazer maiores esforços, porque não o fazê-lo?
fred: tableless é a maior moleza
digom: sim
fred: e ajuda muito a acessibilidade
digom: concordo com você
digom: eu vim do html na unha
fred: mas eu acho o seguinte
digom: o único problema que eu vejo, é a contra-mão da essência do design
fred: futuramente, teremos que projetar uma mesma página para ser aberta em diferentes dispositivos
digom: sim...
fred: só que junto com a página
digom: mas não dispositivos totalmente adversativos
fred: vai as especificações de como exibir em cada dispositivo
digom: sim
fred: no CSS tem um lance chamado mediatypes
fred: e existe o XLST que faz o mesmo pro HTML
fred: é possível ter sites completamente diferentes nas plataformas diferentes
digom: mas já existe pleno suporte por parte dos browsers?
fred: mas com o mesm conteúdo
fred: existe sim
digom: nesse caso eu concordo
digom: só que mesmo assim
fred: mas, o problema é o seguinte
digom: existem recursos pertinentes a cada meio...
fred: wireless ainda é muito caro
digom: não é simplesmente a forma de apresentar
digom: pq se você for ver, o retrabalho que isso vai gerar, vai ser quase equivalente que criar versões autônomas, apenas com a mesma fonte de dados
digom: apropriadas aos seus meios
fred: não, não é mais fácil
fred: a chave pra tudo é a separação
digom: só que 1 mecanismo de detecção eficiente
fred: entre conteúdo, apresentação e comportamento
fred: e não precisa de detecção
fred: o browser faz isso
digom: sim, nesse caso não
digom: se a coisa caminha para um processo evolutivo
digom: como o xhtml transicional
digom: aí julgo válido
digom: pq cá entre nós cara
digom: desenvolvendo em tableless muitos recursos visuais são perdidos
fred: não se perde nada, isso é um mito
fred: quer ver?
digom: posso lançar um desafio então?
digom: você passar um site pra tableless, sem perder nenhuma caractística...
digom: já vi vários sites "quadradões" convertidos pra tableless
fred: dá uma olhada nesse site de banda de rock
w.adrenalyn.net/news/
digom: até aí sim.. válido...
digom: totalmente válido
digom: vejamos
digom: putz
digom: quadrado cara..
digom: eheh
digom: tem cara de site tableless
fred: você quer redondo?
fred: então peraí
digom: mas vou falar uma coisa
digom: o cara foi inteligente
digom: nas adaptações
digom: isso eu admito
fred: http://www.blogger.com/start
digom: ehehhe
digom: já vi esse tbm cara :)
fred: concordo contigo numa coisa
digom: por falar nisso, é um dos que julgo os melhores
fred: que site tableless tem cara de site tableles
digom: sim
digom: isso é fato
fred: mas isso não é por causa da limitação
fred: do código
fred: mas sim por causa de uma tendência do design
digom: então é uma tendência retrógrada?
fred: a tendência por si só sempre é vanguardista
fred: mas, ela é diferente doq ue estamos fazendo
fred: por isso, podemos julgar antiquada
fred: uma tendência no design, está intimamente ligada ao suporte
fred: isso significa que toda a filosofia do tableless está influenciando esse pessoal
fred: agora, temos que fazer sites clean
digom: sim cara
fred: que sejam estruturados
fred: que tenham títulos, caixas delimitadas
digom: só que depende do foco
fred: claro, mas tendência está acim disso
digom: imagina eu querer desnevolver um hotsite
fred: você pega a tendência e aplica no seu projeto, ou não
digom: pra persuadir um determinado público
digom: existem coisas que de cara
digom: eu sei que se eu jogar "quadrado" pro usuário
fred: concordo contigo
fred: para essas coisas existe Flash
digom: vou ter resultados de péssimos pra catastróficos
digom: http://www.nicotinol.com.br/
digom: entra nesse
digom: imagina tudo isso em box quadrados
digom: um indicativo visual de "proibido fumar"
digom: quadrado....
digom: é bem uma analogia
digom: talvez o cara entende...
digom: mas não da mesma forma
fred: hahahaha, mas é possível converter para webstandards mole esse siter
digom: esse sim
fred: você só não vê isso pelo seguinte
digom: usei um mal exemplo :)
digom: nesse eu concordo
digom: e percebo isso
fred: a filosofia do tableless preconiza rapidez no download
fred: quanto mais economico você for, melhor
digom: mas não exatamente da mesma forma
fred: ninja
digom: sim
fred: esse site,não tem jeito, teria que ter aquela imagem de fundo
digom: eu sei
fred: é pesado isso
digom: eu já peguei o espírito da coisa
digom: já li bastante sobre
digom: pra falar a verdade
digom: estou desenvolvendo um projeto
digom: tableless
digom: onde a economia de banda vai ser indispensável
digom: foi esse o determinante
digom: tá mais ou menos na linha do blogger
fred: eu tb peguei um projeto assim, heheheh
digom: mais ou menos um "finjo que sou redondo, mas no fundo sou quadradão"
digom: eheh
digom: ainda mais que é um projeto pessoal, e vai arder no meu bolso
fred: olha só mais um nessa linha: http://www.lousco.com/index.htm
fred: a vantagem desse é que ele consegue ser emocional, coisa rar em site tableless
digom: um que gosto, embora seja quadrado, mas gosto, é do cara que comenta o usabilidoido
digom: o vitor
fred: vitor?
digom: Isso
digom: troquei as bolas !
digom: IVO!
digom: eheh
fred: ah sim
digom: esse dos labradores está bacana
digom: mas vai de contra a natureza orgânica do produto
fred: é o site dele é massa mesmo
digom: labradores quadrados :)
fred: outro dia estava pensando sobre isso
fred: quadrado X redondo
digom: http://www.mesquita.com/
fred: e cheguei à conclusão de que não podemos negar, nossa sociedade é quadrada
fred: os carros, as casas, os prédios, as ruas
digom: sim
fred: tudo produto do racionalismo
fred: que é quadrado
digom: mas tendemos às linhas orgânicas
digom: o famoso "arredondado"
digom: não redondo... arredondado
fred: sim, quando queremos voltar àquele eu natural
digom: sim
digom: acredito que o arredondamento
digom: é uma tendência de redução do impacto racional das formas
fred: com certeza
fred: o redondo é irracional
fred: é uma linha que não tem começo nem fim!
fred: é o infinito dentro dele
digom: sim
fred: porém, não podemos nos esquecer do seguinte
fred: estamos dentro de um ambiente extremamente racional
fred: o computador
fred: está mudando lentamente, mas não adianta
digom: daí que vem a magia da coisa
digom: a grande sacada
fred: que massa o site dos câes que você passou
digom: por ele ser um ambiente tipicamente racional, a busca do orgânico é evidente e crescente
digom: eu também adorei cara
digom: e na boa
digom: tudo no peso certo
digom: redondo onde tem que ser, quadrado onde tem que ser
digom: flash na medida certa
fred: concordo contigo, é uma tenção constante
fred: precisamos do redondo, tanto quanto do quadrado
fred: mas, estou convicto de que no momento, predomina no computador a busca pelo quadrado
digom: eu estou acompanhando a tendência
digom: estudando
digom: pra caso tenha que mudar drasticamente por exigência do meio
digom: eu não seja atropelado
fred: temos que ter a capacidade de fazer as duas coisas
digom: sim

Comente este post

Aqui em Curitiba, existem anúncios colados nos ônibus avisando sobre o lançamento do primeiro local público de acesso à internet para deficiente visuais. O problema é que até hoje, poucos webdesigners se preocuparam em escrever o código da página para que seja usável não só em monitores, mas em leitores de tela. Hora de parar de considerar a Web como um meio de comunicação visual e restringir o Flash (que sempre será inacessível porque o foco é no visual) a apenas aquilo que só o Flash pode fazer. Versões alternativas em HTML são obrigatórias.

Comente este post