Protótipo Medium-Fi
Chegou a altura de uma avaliação intercalar do progresso feito no desenvolvimento do CD-ROM “Dislexia – Uma pequena ajuda“.
De uma forma sucinta, estes foram os pontos que tive em consideração nesta avaliação:
- Dentro das metas estabelecidas, as que foram mudadas:
- A principal mudança, que afectou bastante a estrutura do design e do conteúdo, foi a decisão de tornar o CD-ROM o mais acessível possível para pessoas com dislexia;
- Assim, já não vai existir a simulação ao longo do CD-ROM sobre o que vêem os disléxicos. Só confundiria os possíveis utilizadores com esta condição;
- Menus não serão pictóricos, mas somente textuais
- Dentro das metas estabelecidas, as que foram cumpridas:
- A estrutura geral e a ideia geral do design, muito perto do produto final;
- O background definitivo;
- Os botões principais que servirão como base para a criação dos finais;
- A animação da caixa do corpo de texto;
- Uma lista não definitiva dos exercícios (ainda inexistentes) que serve como base para os próximos passos
- Dentro das metas estabelecidas, as que ainda não foram cumpridas:
- A animação inicial;
- A escrita definitiva dos conteúdos textuais – enquanto não estiverem no seu estágio final, não se poderá seguir à sua gravação sonora.
- Os exercícios -necessária a participação de profissionais.
- Conclusão
- Ainda falta bastante para o projecto ser terminado;
- O próximo passo é trabalhar com profissionais para elaborar os conteúdos para os Educadores e Pais, e, também, para criar os exercícios de síntese auditiva;
- Estes serão só alguns exemplos do que existiria caso o CD fosse terminado.
- O projecto poderia estar mais desenvolvido. No entanto, penso que o estado do projecto, para esta altura, é bastante satisfatório tendo em vista as metas que ainda tenho que cumprir – Estas são bastantes fáceis e rápidas de se obter
O CD-ROM está a ser elaborado em Flash. Protótipo do CD-ROM “Dislexia – Uma pequena ajuda”.
- A principal mudança, que afectou bastante a estrutura do design e do conteúdo, foi a decisão de tornar o CD-ROM o mais acessível possível para pessoas com dislexia;
Opera e Jaws
Para terminar a análise da acessibilidade da Direcção Geral da Administração e do Emprego Público, foram usadas duas ferramentas essenciais para descortinar problemas de acessibilidade. Estas foram o browser Opera e o software para pessoas com problemas de visão Jaws. O Opera consegue desformatar uma página Web, tirando-lhe as imagens, as frames, as folhas de estilo e a formatação por tabelas e o Jaws é um leitor de ecrã.
Combinando estas duas ferramentas, o site de DGAEP apresenta, desde logo, o problema da não leitura das imagens. E como a maioria das imagens são hiperligações, não se percebe para onde aquela hiperligação se dirige.
Quando se desformata o site e se tira as imagens, cria-se uma sobreposição de texto, completamente impossível de descodificar. Em termos de estilo, não há títulos, por exemplo. As únicas ênfases são os sublinhados e os negritos.
Desta forma, a análise automática e manual feita anteriormente torna-se mais consistente, mas os problemas principais já tinham aparecido antes. Esta análise só veio confirmar que é importante que as imagens estejam legendadas, e que a formatação, o estilo de uma página de internet, deve ser feita através de CSS’s e não através de HTML, para possibilitar a personalização e a acessibilidade de qualquer conteúdo online.
Referências – Avaliação de contraste de cor
Dez ferramentas de avaliação de contraste de cor para melhorar a acessibilidade de um design
Colour Contrast Check: The first really intuitive online tool for checking colours that I know of, Jonathan Snook’s Colour Contrast Check lets you input foreground and background colours either by entering hexadecimal values or by adjusting sliders. The tool gives you immediate feedback by showing what the chosen colour combination looks like and whether it passes the test.
Colour Contrast Analyser: Gez Lemon’s Colour Contrast Analyser uses the same algorithm as the Colour Contrast Check tool, so the results should be identical. The difference is that this tool has no live feedback and no sliders, meaning that you will need to enter the values for foreground and background colours into a form and submit it, after which the results are displayed.
Colour Contrast Visualiser: Using a slightly different approach, Tom Hooper’s Colour Contrast Visualiser helps you find acceptable colour combinations by visualising the colours that provide sufficient contrast on a colour palette. Colour Contrast Visualiser is available in Flash and Adobe AIR versions, so you will need support for either of those to use it.
Colour Contrast Analyser Firefox Extension: Instead of having you enter each colour combination manually, Gez Lemon’s Firefox extension finds all text elements in a document and examines the difference between foreground and background colours for them. It displays the results in a new tab, complete with previews of the colours. This can look a bit overwhelming, but it’s a good way of finding problematic areas of a design. Obviously this tool does not work with images – you’ll need an HTML document for it to work.
CSS Analyser: Another tool created by Gez Lemon, the CSS Analyser does a colour contrast test of your CSS. It also validates the CSS and checks that relevant text sizes are specified in a relative unit of measurement.
Luminosity Contrast Ratio Analyser: This tool, also created by Gez Lemon, tests foreground and background colour combinations according to an algorithm developed by the Trace R&D Center.
Vischeck: A colour blindness simulator that can be used online or as a Photoshop plug-in that appears in the “Filter” menu. The online tool simulates colour blindness on an image that you upload or on a web page that you specify, while the Photoshop plug-in changes the colours of the document you are working on.
Contrast Analyser, Version 2.0: A standalone application available for Windows and Mac OS X. This is a very neat application that does pretty much everything except analyse a web page for you. You can specify the foreground and background colours numerically or by pulling sliders, you can set it to use the colour/brightness or luminosity algorithms, and it will check and preview the selected colours against various types of colour blindness.
Graybit: An online tool developed by Jona Fenocchi and Mike Cherim. This tool does what you can guess from its name – it lets you submit a URL to a web page which will be converted to greyscale and displayed in your web browser.
Sim Daltonism: Available for Mac OS X only, this standalone application does not calculate colour contrast, but is still very useful. It simulates various kinds of colour blindness in real-time, which makes it easy to check if a design is likely to cause problems.
Modelo Conceptual da Infografia
Tema
O tema para o meu trabalho final de Design de Comunicação Multimédia, vai-se basear no CD-ROM em que estou a trabalhar na cadeira de Ergonomia das Aplicações Multimédia. Isto é, a Dislexia. O meu trabalho de EAM tem como objectivo alertar a comunidade para o que é a Dislexia, apresentar a sua definição e o seu desenvolvimento no tempo, e, ao mesmo tempo, possibilitar a Educadores e Educandos o uso de exercícios de síntese auditiva dedicados a crianças com dislexia já diagnosticada.
Daí, o tema para a Infografia que vou desenvolver será a Dislexia em Portugal, e a necessidade de combater ideias pré-concebidas erradas e ajudar as crianças com este problema, fazendo promoção ao CD-ROM em questão.
Objectivos
Pessoalmente, este trabalho vai ter como objectivo divulgar o CD-ROM que vou conceber na cadeira de EAM. Será também uma forma de treinar a concretização de uma infografia interactiva.
No que toca aos objectivos em relação ao público-alvo, a ideia é fazer com que percebam o que é a dislexia, combater ideias pré-concebidas falsas, dar-lhes a entender o que é o CD-ROM e a sua estrutura, e demonstrar, através de uma simulação, o que sentem os disléxicos ao ver um conteúdo Web pouco acessível para estes.
Público-Alvo
O público-alvo será composto por pessoas que queiram desenvolver conteúdos acessíveis para disléxicos, que pouco saibam sobre o que é a dislexia, ou que queiram saber mais sobre esta condição.
Conceito
O conceito da infografia será a palavra.
A tipografia será algo importante neste trabalho, indo além do discurso textual, mas servindo como um importante elemento de construção da imagem.
Conteúdos e Estrutura
Em termos de conteúdo, haverá a definição de dislexia, um pouco da sua história, uma simulação e conteúdos relacionados com elementos a ter em atenção quando se cria um conteúdo que tenha em vista a acessibilidade por parte de disléxicos.
O fio condutor da infografia será um livro, que ao abrir-se vai levar a todos os conteúdos. Este não aparecerá da mesma forma ao longo da infografia. Dependendo do local onde nos encontramos, este pode ocupar a maioria da área e noutros locais, poderá ser só um ícone pequeno.
A infografia terá um menu que aparecerá sempre, independentemente do local onde o utilizador se encontrar. No entanto, os conteúdos por si poderão ter ligações para outro local da infografia, sempre que for pertinente.
