Inicialmente, foram realizados inquéritos (já colocado aqui no blog) aos alunos do ensino secundário – 12º ano – da área de “Científico-Natural” das seguintes escolas: Escola Secundária Garcia de Orta e Escola Secundária Gonçalves Zarco. O nosso objectivo era, acima de tudo, perceber as verdadeiras necessidades e características do público-alvo para, posteriormente, ir de encontro às expectativas dos utilizadores, na criação do laboratório virtual.
Especificamente, pretendemos saber qual o “universo” do nosso público-alvo, no que se refere a séries de televisão, filmes, documentários, matéria leccionada, sítios web frequentados, etc.
As respostas que obtivemos foram, sem dúvida, bastante variadas e algumas delas inesperadas.
Já tivemos oportunidade de deixar aqui no blog as estatísticas, assim como alguns websites que nos serviram de inspiração para criar uma “imagem visual” que se adequasse à nossa ideia para o laboratório virtual.
Alguns printscreens dos sites em que pesquisamos; algumas referências que nos pudessem ajudar-nos a definir o tipo de traço do nosso desenho:
CD "Web Design Index 6":
Depois de termos tirado fotografias ao laboratório da Escola Secundária Garcia de Orta e aos instrumentos utilizados nas experiências com a mosca da fruta, pretendemos vectorizar o ambiente, tornando-o o mais “limpo” e “claro” possível, dando apenas alguns acentos de cor que funcionarão tanto como “affordances,” como “feedback”.
Já fizemos esboços de alguns instrumentos e estipulamos para cada um deles formas de interacção e idealizamos a maneira como será disposta a informação depois do utilizador clicar num determinado objecto.
- Resolução e linguagem de programação:
- “Imagem visual” e interacção com os objectos
O utilizador acede ao sítio web e depara-se com um laboratório científico, onde estão presentes os instrumentos utilizados nas experiências com a mosca da fruta:
- lupa
- pinças
- tubos
- frascos de vidro
- papel de filtro
- meio de cultura
- éter
- algodão
Todo o laboratório é apresentado sob a forma de desenho vectorial (delineado tendo como base uma fotografia), até mesmo os próprios instrumentos. As cores utilizadas no laboratório são o preto/cinzento/branco para o cenário do interface e o verde para as linhas de contorno do material - os elementos de interação. Como fundo da página, optamos por um padrão preto e branco.
Assim, tentamos recriar o ambiente da série de TV CSI, muito referida pelos alunos nos inquéritos - desta forma, damos ao nosso interface um aspecto que será familiar aos alunos e do seu agrado.
Através do rato o utilizador poderá clicar em cada um dos instrumentos para aceder à informação correspondente (cada um dos instrumentos sugere um conteúdo - projecto; parceiros; kits; manuais; informação; links; ficha técnica; pesquisa; jogos). Mediante a acção ou inactividade do utilizador sobre os objectos, os mesmos apresentam comportamentos diferentes:
- Up – o objecto apresentar-se-á com o seu contorno a cor verde;
- Over – o objecto é totalmente preeenchido a cor verde, e aparece a palavra/designação do conteúdo ao qual o objecto possibilita aceder;
- Down – o objecto mantém o seu preenchimento em cor verde; e aparece abaixo o respectivo conteúdo (em fundo preto e com letras em cinzento), com o objecto ampliado à esquerda do conteúdo servindo de mapeamento.
Os instrumentos (affordances que servirão de links para os conteúdos) estarão contornados a cor verde. Quando o rato é passado por cima de cada um deles, estes são preenchidos a cor verde e surge a designação do conteúdo que lhes correspodem individualmente. Quando se clica nos instrumentos, surge abaixo o desenvolvimento do conteúdo, tendo à sua esquerda o instrumento correspondente ampliado.
Através dos contornos e preenchimentos dos intrumentos a verde e da repetição ampliada de cada objecto na parte inferior do interface, garantimos ao utilizador um mapeamento e um feed-back que orienta a sua navegação e que lhe informa acerca de qual conteúdo que está a ver.
Com este tipo de grafismo e de aspecto, tentamos aproximar o nosso layout aos alunos envolvidos, que serão os principais utilizadores deste site. Assim, recorremos à metáfora do laboratório, pois corresponde a um ambiente ao qual os alunos se encontram familiarizados, e tentamos também empregar ao nosso layout influências da série televisiva CSI, que, tal como os alunos nos disseram através dos inquéritos, é do seu agrado e associam-na à temática do site.
Além disso, convém dizer que nos esforçamos por elaborar um layout que não seguisse a linha formal e "cinzenta" da maioria dos sites sobre ciência. O nosso layout tem uma forte componente visual emotiva, de forma a tornar os conteúdos científicos mais acessíveis às pessoas, e de uma forma agradável e criativa.
