imprimir

Estudo de Interface e Identidade por Zoe Renaud


Aviso


Esta página precisa de revisão.


Você pode ajudar o estudiolivre.org colaborando!





Texto - Analyse critica da interface do Estudo Livre


Os problemas de interface do site EL vem principalmente que ele foi desenvolvido sem planificaçao final. Normalmente, interface, organisação e funcioes sao planejadas todo no mesmo tempo. Porque ele é no mesmo tempo um projeito de pesquisa, um design duma interface interioramente ao uso do site era imposivel. Realizamos que interface e visual nao é o focus principal dos programadores, mais interessados em novas solucioes pra oferecer funcioes pelos usuarios. Mais nao podemos esquecer que uma parte importante do projeito é feita pelos usuarios. Os ferramentas desenvolvidos para que eles alimentam o site devem ficar facil de uso e de entendimento. Essas qualidades ajudam a vontade, frequencia e participaçao deles necessitarios pra um site desse tipo. Si nao, ele nao sobrevive, o mal.

O site EL tem muitas funciones diferentes que implicam uns tipos de interfaces e problemas diferentes. Tem o lado de plataforma de cultura, o outro de informação sobre ferramentas espesificos (freewares) que ajudam a alimentar a plataforma, tem o lado de communicação entre usuarios e presentação deles e finalmente todo sobre a missão e funcionamento do projeito. Poderiamos dividir assim para a analyse (ver o arquivo estudoVisual.svg): interface geral e informação basica do site, o wiki, o acervo, blogs e foruns, tags/busca e outra navigação.

Pra o bom entendimento do site deveria ter uma barra de encima com logo e nome, um menu geral de elementos sempre presentes no site e outras funcioes gerais. Esse conteudo pode ser (e deveria ser) completado por um menuzinho embaixo da pagina que permite a integraçao o de elementos de importancia menor (frequencia de visitas) e de funcioes basicas. E assim que rola hoje em dia o entedimento dum site. Esse tipo de interface poderia ajudar pelo entendimento da estrutura do EL ( que é meia difficil nesse estado). La tiveria: logo e nome, FAQ, ABOUT e CONTACT numa parte, uma busca geral do site, login e outras informaçoes gerais do usuario (colocadas la porque é o site deles, o controle e deles). Nessa categoria deveria ter tbm a escolha de linguagem (que muda o site inteiro). O linguagem visual deveria tambem falar dessa geraldade dos ferramentas e da categoria deles (geral, simples, direito e espesifico). Todos sao links pra outras paginas, exceito o login do usuario que sempre deveria ficar accesivel como o estado dele no site, e o accesso a sua pagina de usuario (depois que ele fix um login). Essa pagina deveria ter o linguagem geral do site; ferramentas, archivos colocados no acervo, relação entre foto/comentarios/dados. Sao elementos que dao acesso (o mudam o relacionamento com) ao site inteiro. Todo que sera busca vai ter a mesma estetica. Um ferramenta en diferentes lugares e modos mais sempre o mesmo. As outras paginas accesidas por esse nivel sao todas wikis. O proposita por essa parte é uma identidade visual simples, especialmente por que da acesso a paginas todas de wiki o com conteudo sobre qual o usuario tem controle.

O wiki é divido em tres partes: grafico, audio e video (os tres sempre com o mesmo sub-menu: produzindo, equipamentos, softwares e links) . Mesmo que foi discussido de abolir essas categorias, elas dao um indicio de aonde colocar o conteudo por o usuario. A organisação da informação do wiki é confusa porque todos ususarios podem la mudar sempre e linkar todas paginas entre elas. A logica de cada é diferente. Essa liberdade de conteudo enriquece o site mais emcomplexa ele tambem. A solução proposta pra facilitar um pouco o entendimento e visualisação do conteudo e de sempre ter no inicio de cada parte o pagina um menu dos destaques/titulos. Um indice da quantidade das paginas o ferramentas como o breadcrumbs ajudam a se situir tambem no site. Foi remarcado que o conteudo sobre os softwares é predominante. O focus do wiki acaba ser COMO USAR SOFTAWARES, COM QUAL EQUIPAMENTOS, PRA PRODUZIR COMO e PUBLICAR OS RESULTADOS (no acervo ver proximo capitulo). Facilitar o entendimento dessa missao do site vai facilitar o entendimento geral do EL e aonde o usuario se situa. A hierarchisação do texto do wiki ja funciona bem, so o titulo maior poderia beneficiar esteticamente. O menu do wiki ja foi simplificado. Ficou editar, imprimir, wiki3D (que nao é necessario, ele é mais um bonus), historico, ver paginas que se referenciam nessa pagina e tags. Não é necessario de esstressar sobre o fato que a estetica desse menu (que sera o unico elemento subcontrole esteticamente no wiki) deveri ser encontrada en todas janelas e paginas que aparecem dele. O menu de ferramentas aberto pelo editar necessita muito de ser arrumado (ordem principalmente e estetico!). Os ferramentas de edição de texto deveriam estar juntos, elementos adicionados depois e finalmente ferramentas de programação wiki. Aqui vem a questao de janelinhas que um usuario de preencher pra modificar o facilitar o entendimento das alteracões do wiki. Si de cor elas sairam melhor implicaria a importancia de las preencher. Pra as necessarias poderiam sair novas janelas que parem o site inteiro. Esse tipo de janela deveria solmente ser usado nesse caso. Aqui vem a questão de hierarchisação dessas informações. Agora é um warning pra comentarios de alterações que nao é tao importante. Pra o conteudo technico sobre as paginas do wiki (ultimas alteraçoes e historico) as duas tabelas deveriam ser mais parecidas porque elas divulgam o mesmo tipo de informacão. As janelas Historico:faq fazem parte dessa familia. Na comparaçao poderia ter uma pequena diferencia de cor entre as duas colonas pra bem separar as duas versões. A parte do wiki no EL é aonde vai ter menos trabalho de organisação porque é sub controle dos usuarios. Não é o caso do acervo que deveria ser bem organisado pra valorizar as obras deles, como um museo do EL.

O acervo faria parte do mesmo nivel de menu que o wiki mais o conteudo e interface representa outras problemas. O link entre seu conteudo e a informação e ferramentas de produção do site deveria ser mais evidente pra motivar produção e exhibição dos resultados. O trabalho estetica dessa parte deveria sair um pouco mais que as outras. Principalmente pra que o conteudo seja attrativo e facil de accessar. O objetivo é que a maioria de pessoas assitem o material. Para a lista de archivos: a janela de visualisação deveria ser um pouco maior com todas sua informação alinhada/colocada na sua altura. Baixar e ver deveriam ser evidentes em cor mais que em tamanho. A descrição sera depois da informação technica (ver bibliotecas, o outro tipo de sistema de classificação de archivos, as pessoas entendem assim). As estrelhas deveriam ser no final e nao sobre a foto. São comentarios/criticas nao faz parte de verdade do archivo. Pode ficar o jeito de classificaçao da lista,; é um site de usuarios, pra eles, de eles. faz sentido que a hierarchisação aqui fica democrativa. Os quatro tipos de archivos deveriam ser difericiados na suas propias tipo de paginas e com um player diferente. Por exemplo, sutilmente, o player grafico poderia ser mais parecido como um cuadro, audio como uma radio, etc. O novo player de album deveria ser parecido a essa radio mais com uma lista de canções abrindo e fechando pra deixar so uma lista de albums. Os ferramentas de publicação devem ter mais o menos o mesmo linguagem que outros no site que tem essa função de abaixar e subir archivos, com janelinhas de preencher duma cor mais evidente. A questão de rollover e de janelas que parem o site pode ser discussida aqui por que tem especialmente muito no acervo. Agora o rollover tem 3 funçoes de descrição, funçao e warning; as janelinhas 3 tambem de player, warning e função/step. Cada deveria ter uma. É bom que os players saem pra dar importancia pelo conteudo mais o estetica deveria ser diferente que duma janela de warning que é bom de ter porque para o usuario antes que ele fez x. O rollover deveria ficar so de descriçao curta de ferramentas e funções no site. Em bastante programas ja tem esse funçao e virou normal de uso e entendimento em interfaces. A barra de ferramentas do acervo deveria ficar bem encima da pagina (no mesmo lugar aonde tem o menu no wiki, esse espaço fica pelos usuarios dedicado, melhor entendimento). Ainda, todos deveriam ter a mesma estetica que ferramentas e geral no site mais tambem um pouco com cores o linhas particulares ao acervo.

Os blogs e foruns sao ferramentas de communicação entre usuarios e servidor similares do EL. Eles podem ser tratados do mesmo jeito. As suas primeiras listas seriam parecidas. Como todo que e participaçao do usuario nos blogs e foruns; ficam sempre intervenções do publico (uma dum jeito mais discução a outra troca de informação). A estetica de cada entrada poderia parecer com foto e imagem texto do lado. Fica texto sobre EL nao tem controle, como o wiki. Vai ser no visual dos titulos e sub-titulos que pode ser mexeda a estetica. Tabelas e listas deveriam todas ser parecidas. As paginas de edição ja sao e deveriam ficar parecidas como do wiki. Um problema importante de interface que tem nessa parte de blogs e foruns agora é falta de diferençao entre acções. Nao da pra perceber qual a diferencia entre criar um blog o um forum, fazer uma entrada, fazer um comentario sobre uma entrada, enviar como messagem, etc. Fazer uma entrada deveria parecer como o wiki (poder do usuario sobre conteudo). Pra fazer o comentario deveria so abrir dentro da mesma pagina abaixo dessa entrada um textedit simples, com um Enviar. Enviar como messagem deveria parecer um pouco como uma caixa de messagem (ja ta assim mais o menos). O historico das converções deveria caber nessa estetica dos blogs e foruns tambem.

Os tags, busca e outra navigacão sempre vai ter o campo pra entrar o escolhar o que voca ta pesquisando e outra parte é uma lista dos resultados. Por os resultados é bom de apresentar eles com a estetica de aonde estao os resultados (como ta agora).

A organisação da tela das paginas seria divida em tres partes. A de encima que contem tudo que e sobre o site em geral (ver capitulo sobre isso). A primeira coluna (esquerda) e maior (2/3 2 mais da largura da pagina) tem tudo que e conteudo de verdade. Pra afirmar essa dedicação pelo conteudo é la tambem que tem bem la encima o menu do wiki (grafico, audio e video) e acervo. O melhor pra que o espaço fica pelo conteudo seria um rollover menu. As opções do sub menu sao poucas entao da bem pra isso. Mais nessa parte, nao so entra conteudo do wiki e do acervo mais tambem tudo o outro. Pra quele fica comprehensivel é tudo no jeito de organisar a informaçao (ver encima). Na segunda coluna seria de colocar tudo que é communicação e navigação. Isso inclue accesso a os foruns e blogs (com uns destaques, buscas particulares, e essa parte do perfil do ususario), tags (destaques e busca), bugs ( na navigação eles podem estar encontrados en todos lugares, é tambem communicar esse bugs), ultimas alterações e backlinks (porque eles permitem de ver aonde talvez voce deveria ir dar uma olhada e aonde voce ja foi). O imprimir seria interessante de colocar la porque é um outro jeito de communicação. Porque todos tem um pequeno campo, da pra colocar as partes as mais importantes, destaques, funçoes o informaçoes que sao mais usados e facilita assim a navigaçao. Assim a interface e mais transparente e mais facil de entedimento mais rapido pelo usuario.

Deveria muito ser Crossbrowser. Pra conseguir uma democratização de verdade desse site. Como ele nao e totalmente accessivel de interface e conteudo pra todos?

Imagens

Clique nas imagens para ampliar!!!

Referência Visual


Protótipos de 'Telas', ou layouts








Voltar pro docMetaIdentidade

Última alteração: 14/05/2007 às 02:52, por: rhwinter