webD+
web, tecnologia, comportamento e diversãoO profissional web e a acessibilidade – Patrick Sinclair
Posted on dezembro 14, 2009O papo é com uma pessoa 1/2 a 1/2 – Patrick Sinclair.
Isso porque ele é metade português e metade inglês.
Bem, o fato é que esta mistura o fez inteiramente gentil, simpático, educado e inteligente, muito inteligente!!!
Patrick é engenheiro de software na BBC, mais especificamente nos projetos de áudio e música. este programador já fez muita coisa na vida e trabalhou bastante para boa parte do sucesso da BBC na web que são os dados correlacionados (aqui o próprio patrick explica um pouco sobre o assunto e aqui o tiago dória faz um resumo sobre o assunto). este ano ele esteve na primeira conferência web w3c brasil falando sobre este trabalho (slides da palestra propriamente dita, material gravado na iptv cultura em 25/11 #1, material gravado na iptv cultura em 25/11 #2, material gravado na iptv cultura em 25/11 #3, e um resumo de rafael tosta sobre o tema).
Assistindo sua palestra, fique com a impressão que era tudo muito ligado à acessibilidade e usabilidade… Fiquei pensando também qual seria o perfil daquele moço, era um programador muito diferente dos que estava habituada a encontrar. Sendo assim, combinamos umas perguntas por email e o que segue são suas respostas.
Ah, aqui estão os links enviado pelo Patrick, antes mesmo que eu enviasse as perguntas, que são referentes ao trabalho de acessibilidade nos projetos da BBC. Uma das perguntas vai fazer referência à eles… Se preferir, dê uma olhada antes.
(Uma parte eu já divulguei em outro post… Mas tem coisas que valem a pena ser repetidas!)
Estes sao ums blog posts que o Michael Smethurst (@fantasticlife no twitter) escreveu sobre acessibilidade que sao capaz de ser uteis:
http://www.bbc.co.uk/blogs/radiolabs/2009/03/designing_for_your_least_able.shtml
http://www.bbc.co.uk/blogs/radiolabs/2009/01/how_we_make_websites.shtml
Aqui estao ums sitios sobre as standards and guidelines que sao usadas no site da BBC:
http://www.bbc.co.uk/guidelines/futuremedia/desed/visual_language.shtml
http://www.bbc.co.uk/guidelines/futuremedia/accessibility/
Deixo aqui, antecipadamente, o meu muitíssimo obrigada ao @metade, que por inteiro é muito giro!!
***
[iniciando suas respostas... ]
Vou tentar responder as suas perguntas… A coisa para lembrar e que isto e a perspectiva do nosso departamento na BBC que foi usado para construir os sites de /programmes e /music.
> o que você pensa da mistura programador + designer = deviner (developer + designer)?
Eu acho que depende da escala dos projectos – um deviner de certeza
pode construir sites espectaculares mas haverá áreas em que não se
pode aprofundar em termos de escala, performance, etc… e.g. para um
Flickr ou um Facebook será preciso grandes conhecimentos de engenheira
de software para conseguir escalar para tantos utilizadores.
> este é um perfil desejado para o profissional de planejamento Web?
Pois, depende da escala. Para projectos pequenos-médios é fabuloso
porque não é preciso de tanto overhead em comunicação, a visão vem
toda da mesma pessoa e assim pode ser feito grandes trabalhos.Mas para sites de maior dimensão será preciso especialidades mais focadas.
> falando especificamente da sua rotina na BBC…
> as regras são mesmo legais?
> não são chatas e acabam cortando a criatividade?
> as equipes brigam com as regras ou elas já estão “no sangue”, ou seja, todo mundo segue naturalmente?
Sim, as regras em termos de acessibilidade etc são levadas bastante
seriamente – temos uma audiência enorme e diversificada e por isso
temos de suportar todos os nossos utilizadores, não há mesmo maneira
de evitar isto.As vezes chegam a cortar com a criatividade, mas há tb há praticas que
se podem usar, e.g. graceful degradation.Por causa da maneira que a BBC é licenciada, todos temos a noção da
razão das regras (i.e. acessibilidade), por isso geralmente pode-se
dizer que esta no nosso sangue!
> e com relação ao fluxo de trabalho?
> a equipe é muito grande?
> é interdisciplinar?
Geralmente para o nosso departamento há equipas interdisciplinares de
+/- 6 pessoas:
* 1 technical project manager
* 1 designer
* information architect
* 1 client side developer (responsável pelo html, css, javascript)
* 2 software engineers (responsável por base de dados, codigo etc)
> e você? o quanto você sabe de cada coisa?
Eu sou programador, mas talvez tenha uma certa aptitude para
information architect.
> quais linguagens, tecnologias, psicologias e filosofias você sabe para
> realizar o seu trabalho?
> … se é que precisa de tanta coisa assim
Nos usamos:
* SCRUM como metodologia de project management
* Domain driven design para a concepção dos sites de /music e /programmes
* Ruby e Perl para programação (embora que uma plataforma nova usando
Java e PHP esta a ser introduzida)Não sei se há muito mais! Senso comum?
**
novamente um grande obrigada ao patrick por sua generosidade em responder tão prontamente à minhas questões!
bjs,
ana laura
interação gestual
Posted on dezembro 11, 2009a tecnologia de interatividade através de gestos já vem sendo bastante pesquisada e utilizada… neste caso, uma nova teoria na construção do “monitor” possibilita outros tipos de interação… ainda em fase de pesquisa, mas é muito bacana!
quem quiser conhecer a tecnologia, acompanhe o vídeo desde o início. quem quiser conhecer apenas suas possibilidades, pule direto para o tempo 3:48 (demo).
leia mais sobre o assunto aqui.
é… estamos cada vez mais perto de “minority report”…
ps -a tecnologia proposta pelo MIT…
• é diferente de tecnologia multitouch (no vídeo não vemos múltiplos toques… ):
• tem um resultado parecido com o do projeto natal da microsoft, mas a tecnologia é diferente:
• quais as possibilidades deste tipo de tecnologia para as pessoas que possuem qualquer tipo de deficiência ou limitação?
bjs,
ana laura
quando implementar melhorias tecnológicas em projetos web?
Posted on dezembro 10, 2009ó duvida cruel…
estamos já com uma porção de gente usando HTML5, mas nem está homologado ainda…
já tem uma porção de gente usando o CSS3, mas também não está fechado ainda…
somos _mesmo_ a sociedade imediatista da qual o gil giardelli tanto fala… ô dó…
*
bem, tratando-se de projetos web, temos que lidar com a realidade, sempre! o quanto nos custa tanta velocidade? é viável?
para nos ajudar a responder a estas questões é sempre bom lembrar que os navegadores que usamos estão também caminhando nesta direção… portanto o uso das novas tecnologias deve estar sempre de olho nas tabelas de referências de compatibilidade de tecnologias que relacionam “o-que-funciona-na-onde”. com as listadas abaixo:
- http://a.deveria.com/caniuse/
- http://www.quirksmode.org/css/contents.html (bastante atual, inclui chrome)
- http://westciv.com/wiki/CSS_Compatibility_Guide (inclui iPhone)
- http://www.deepbluesky.com/blog/-/browser-support-for-css3-and-html5_72/ (indica especificamente navegadores x comandos)
- http://sixrevisions.com/infographics/performance-comparison-of-major-web-browsers/ (esta simplesmente compara, genericamente os navegadores)
outro lembrete importante é: não obrigue o seu usuário a atualizar-se… tem gente que nem sabe o que é um navegador!! conheça o seu público!
acho que já disse isso umas dezenas de vezes… mas este sempre é o ponto mais importante. sua geladeira não fica pedindo para você fazer nada, ela dica apenas lá, funcionando. a tecnologia deve ser transparente para o usuário.
com estas duas idéias na cabeça fica mais fácil tomar determinadas decisões.
agora, se você ainda está em dúvidas… fique tranquilo, dúvidas todos temos!
bjs,
ana laura
observe sempre o contexto de uso
Posted on dezembro 09, 2009olhando as duas fotos, que vieram de diferentes reclamações matinais via twitter, uma sobre a fila no café do aeroporto e outra sobre o metro na zona leste de são paulo… pensei com os meus botões: contexto de uso é tudo!! são duas reclamações super importantes: para quem as fez!! atenção: são igualmente importantes. dentro do contexto de uso, as reclamações são pertinentes!
não quero levantar bandeiras políticas e sociais, pois isso seria comparar as duas reclamações… oras, comparando, as reclamações da somália devem ser muito mais importantes que estas!! e os desabrigados nas enchentes recentes de são paulo?! o que quero dizer, e abrir os olhos, é que uma reclamação deve ser sempre levada a sério no caso de projetos web (em todos os outros casos também).
muitas vezes, ao recebermos uma “reclamação” à respeito de um projeto nosso, pensamos: como o cara não achou a informação? estava lá! ou então, por que um botão maior? o menor fica tão mais adequado ao layout! mas nós nos esquecemos do contexto de uso… não seremos nós os usuários de nossos projetos na web… são outras pessoas, em outros lugares, com outros equipamentos e outros valores e graus de conhecimento e simpatia por sistemas web!!
leve a sério as queixas dos usuários e ponha a cabeça para pensar… é um erro? qual o porquê da dificuldade? em que contexto ela aconteceu? é possível evitar? onde posso melhorar para esta pessoa?
em seguida, analise com o “dono de fato” do site (se você é apenas o webmaster ou parte da equipe de execução) e verifique a real necessidade e possibilidade de fazer tal alteração. baseado na reclamação e nos estudos de impacto que tal “arrumação” pode causar. tudo bem medido e negociado e não um simples: porque tem que fazer ou o inverso: usuário reclama de tudo não vou fazer nada. tais estudos ajudam a avaliar viabilidade, preços e prazos para alterações. pensar antes de agir é sempre a melhor opção.
bjs,
ana laura
Escrevendo para a web
Posted on dezembro 07, 2009Bem, como eu adoro o tema, este artigo veio bem a calhar…
Tradução do artigo da carsonified, rob mills.
Escrevendo para a Web.
Escrever para a web é um desafio. Existe o problema comum de restrição ao comprimento das palavras, o fato dos usuários darem uma olhada por cima antes de ler cada palavra e, ocasionalmente, diretrizes de estilos que devem ser respeitadas.
Existem dicas on-line suficientes para que você fique lendo por mais tempo do que gostaria. Aqui estão as 10 dicas que foram mais úteis para mim:
Conheça o seu público
Pode paracer óbvio, mas é melhor garntir. A única maneira de escrever de forma relevante, para o público certo e no tom correto é entendendo quem é sua audiência. Dependendo de onde seu público está, você poderá incluir expressões locais ou se estiver escrevendo para o grande público seja específico como em questões de moedas. Se forem dólares americanos, especifique desta forma. Se for Cardiff no país de Gales, diga desta forma, pois há Cardiff na Nova Zelândia e outros países.
Decida: por que você quer escrever?
Relacionado à dica anterior, assim como conhecer para quem você está escrevendo, saiba para que você está escrevendo para eles. É para que eles registrem-se em algo, perduadí-los a comprar alguma coisa, fornecer informações ou levá-los a assinarem alguma coisa?
Sua resposta a estas questões irão determinar por que você escreve.
Manchetes
Uma manchete bem pensada e clara pode aumentar em até quatro vezes o interesse do que uma pobre. Manchetes não devem ultrapassar 7 palavras e devem ser escritas no presente.
Caixa alta
Evite usar TUDO EM CAIXA ALTA para que seu texto não fique 57% mais comprido de ser lido. Evite também que cada palavra comece com letra maiúscula em seus títulos.
Escolha as palavras certas
Certas palavras podem atrair a atenção do leitor, enquanto outras podem distraí-lo. Palavras que as pessoas gostam incluem pensativo, imaginação, progresso e ambição. Palavras menos populares incluem disputa, fracasso, fraqueza e extravagante.
Use contrações. Isto é, use “you’re” ao invés de usar “you are” e “doesn’t” ao invés de usar “does not”. Algumas pessoas acham que as contrações empobrecem o inglês, elas dão ao texto um ar menos formal e mais descontraído que é frequentemente o tom de voz e o estilo necessários para a web.
Siglas
Evite usá-las se possível. Seria leviano assumir que todas as pessoas que visitam o seu site entenderiam o significado de qualquer acrônimo que você use. Entretanto, isto está relacionado ao conhecimento que você tem de sua audiência. A mesma regra é aplicada aos jargões, evite sempre que possível eliminando complexidades desnecessárias.
Pontuação
Minimize a pontuação o melhor que você puder. Sinais de pontuação podem ser difíceis de se discernir em telas, especialmente o ponto e vírgula, portanto tente usar vírgula e frases mais curtas.
Links eficientes
As palavras que são links tendem a sobressair ao texto comum, portanto seja relevante e motive o usuário a partir para a ação e clicar. Eu não gosto de “clique aqui”, mas se for usado, será mais eficiente se acrescido de algumas informações contextuais, por exemplo “clique aqui para solicitar um empréstimo”. Desta forma o usuário saberá exatamente para onde será direcionado.
O comprimento certo
Mantenha suas frases curtas. Se estiverem muito longas o interesse do leitor irá diminuir e sua mensagem ficará confusa. Uma regra prática é que as frases devem permanecer entre 15 a 20 palavras de comprimento. Por gentileza, não conte todas as minhas frases neste artigo, no caso de que eu tenha quebrado esta regra!
Parágrafos devem ter no máximo 5 linhas de comprimento ou profundidade. Além disso, uma boa medida para menter-se assim é que não deve haver mais de 3 sentenças por parágrafo.
Torne o seu texto mais digestível usando sub-seções, títulos e listas quando apropriado. Se usar listas, tente não ultrapassar 6 itens em cada uma.
Revisão
Outro ponto óbvio mas nem sempre levado em conta. Revisão e edição devem ser algo natural quando se começa a escrever. Se um usuário está concentrado em seu texto e aparece um erro é provável que imediatamente haja uma quebra de conexão entre ele e o seu site.
*
Só para lembrar… regras foram feitas também para serem quebradas!!! hahahahaha
A regra máxima é seja relevante. Se você sabe o que está fazendo, se você sabe por que está fazendo, não exite: quebre as regras! Bem, talvez, antes de sair por aí escrevendo que nem doido, seja bom conhecer as regras… se não você nem sabe se as está seguindo ou quebrando!!!
Quem gostar do tema pode ver o que tenho guardado no meu delicious!
bjs,
ana laura
Quer a verdade sobre SEO? Esteja linkado!
Posted on dezembro 04, 2009Este é o segredo… Não acredita?
veja as dicas de:
e de:
fica aqui o meu grande agradecimento pela atenção do Patrick Sinclair (que vai ganhar post especial na semana que vem), da BBC, que enviou a dica “Designing for your least able user“, como diz o slide 48: “share the love”! always!!
bjs,
ana laura
ps – só apra lembrar… muitas das dicas de construçào de páginas válidas para o bilionário cego google também são fundamentais para acessibilidade…
03 de dezembro – Dia Internacional das Pessoas com Deficiência
Posted on dezembro 03, 2009#acessibilidade
no parágrafo abaixo há um texto:
este é um texto que só será acessível para cegos. isso porque o leitor de tela lê o que está no código da página, ele não liga a mínima que estou escrevendo um texto branco com fundo branco !!! lembro do MAQ (da acesso digital) ter contado esta história uma vez, só que era texto preto e fundo preto… hehehe
hehehehehe
este é o princípio usado pelo site do w3c brasil para sensibilizar as pessoas para a acessibilidade! na hora do almoço era uma página toda preta, onde você só enxerga o que era iluminado ao pressionar a tecla TAB. agora está tudo com a letra bem grandona! (a míope de carteirinha que vos escreve achou o máximo!)
já declarei o meu amor e respeito ao trabalho da equipe do acesso digital (e também à equipe propriamente dita! te amo leda!! você é D+) e este é e será sempre um tema recorrente por aqui… ao menos enquanto for necessário… espero que um dia a acessibilidade passe a ser tão normal que não será mais necessário criar um dia só para ela!!!
limitação todos temos, ou teremos… não pense que é apenas “uma pequena parcela da população com necessidades especiais”. eu estou ficando velha, mas todos vocês também estão!!! hahahaha respeito é a palavra de ordem, por quem fomos, somos e seremos. e vale para o outro também!
meu eterno amor e comprometimento à causa.
*
o vídeo da vez é o francês:
*
o vídeo de sempre é da acesso digital:
*
um blog muito legal: http://www.lincolntavares.blogspot.com/
*
o fantástico MAQ _ me emocionei muito ao encontrá-lo pela primeira vez, perna bamba e tudo! hahaha: http://bengalalegal.com/index.php
*
o eterno genial: http://blindtube.com.br/
*
e mais tudo o que eu já disse por aqui, no webD+
*
bjs,
ana laura
*********
em tempo: olha só que o modelo “apagão” voltou e deu tempo de um “print-screen” básico
Net Neutrality – enquanto isso, na Espanha…
Posted on dezembro 02, 2009fiquei chocada com a notícia… até lá?! e depois a gente fica achando que “os mais velhos” tem mais sabedoria… nem sempre, nem sempre…
o causo é que a espanha está fechando as portas para a liberdade. pode parecer radical a informação, mas pensa bem… a sua liberdade acaba onde começa a do outro, certo? eu posso ir até onde não interfiro na vida alheia, pois eu não sou melhor que o outro e nem vice-versa. princípio da igualdade. ok. mas… o que acontece nos conflitos, quando há jogo de interesses? quem define o que acontecerá com os envolvidos? e com a informação? o que eu escrevo é meu ou não é? e se eu quero liberar? e se eu escrevi mas estava sendo paga por um jornal? e se está na web? a história tem muitas nuances, muitas variações sobre o tema, as tais 256 escalas de cinza entre o preto e o branco… o interessante é ter uma regra que se adapte a todos os casos (do preto ao branco) e, principalmente, um avaliador ou mediador isento, neutro, apartidário, incolor (ou 100% colorido). quem é este mediador? o governo? a sociedade civil? uma ong? os advogados? meu pai? não é fácil o assunto, por isso é que precisa ter cuidado…
mas vamos ao caso:
- aqui a notícia – via boing-boing
- o manifesto: hiperactivo! – “con tal de tener razón soy capaz de dejarme convencer”
- aqui um comentário sobre manifesto com o manifesto em espanhol – via trezentos
- aqui uma busca no google pelo termo: “manifiesto en defensa de los derechos fundamentales en internet“.
só para constar… aqui no brasil temos a chance de fazer diferente. nós, mocinhos de pouco mais de 500 anos, depois de muita gritaria contra o projeto azeredo, temos uma iniciativa excelente para pensar de forma democrática sobre nossas regras para a web, a saber:
fique de olho e participe!
ah, já que é pra participar, você sabia que o brasil tem um portal de prestação de contas dos gastos da união? fique de olho neste também!
bjs,
ana laura
nota importante -> hoje, em brasília, no evento “Acesso à Informação, Serviços Eletrônicos e Cidadania“, serão discutidos os temas transparência e dados abertos. é esperar e acompanhar o resultado.
projetos relacionados ao processo:
- ROJETO DE LEI 5228 de 2009 (direito ao acesso à informação)
- DECRETO Nº 6.932, DE 11 DE AGOSTO DE 2009 (relacionamento governo e cidadão).
01/12/2009 – Viver com AIDS é possível. Com o preconceito não.
Posted on dezembro 01, 2009
Viver com AIDS é possível.
Com o preconceito não.
navegue e saiba mais:
no twitter:
- use a hashtag: #preconceitonao
- use a hashtag: #red – seus tuites ficam em vermelho (este fa parte da campanha mundial)
- vista seu avatar: http://twibbon.com/join/Preconceito-N227o
> este é o selo da campanha para o twitter
obs.: o legal é que as iniciativas partiram do MS (menos a #red) – governo apostando forte nas mídias sociais. nota 10!
ah, só para lembrar, dia 01/dezembro é o…

Viver com AIDS é possível.
Com o preconceito não.
bjs,
ana laura


___ 







