Guia para interface

Fonte: MoodleDocs
Revisão em 17h57min de 26 de maio de 2008 por Ruben Mamede (discussão | contribs)
(dif) ← Revisão anterior | Revisão atual (dif) | Revisão seguinte → (dif)

Este Manual de estilo para interface não é (e nem será a curto prazo) definitivo, consiste apenas num conjunto de ideias em desenvolvimento constante.


Simplicidade

Utilize o mínimo de interface necessário para concluir uma tarefa.


Páginas Standard

Módulos de actividades

index.php – Mostra todas as opções de um módulo em curso. view.php – Mostra uma opção em particular. config.html – Configura uma opção do módulo.


Blocos

config.html – configura uma opção de um bloco.


Um script por função ou página principal

...


Layout de página

  1. Mostre cabeçalhos com print_heading, use os CSS hooks para IDs e Classes.
  2. Mostre as caixas à volta do texto utilizando print_simple_box, use os CSS hooks para IDs e Classes.


Ferramentas de navegação Stardard

  1. Todas as páginas devem chamar a função print_header(), e fornecer um caminho de navegação standard para ser mostrado. Onde for possível, deverá ver-se como: COURSE>> INDEX>> INSTANCE>> SUBPAGES...
  2. As páginas incluídas em módulos de actividade devem chamar a função navmenu() para gerar o menu de navegação apropriado.


URLs

  1. Os URLs devem ser tão curtos quanto possível.
  2. Não deverão ser usados undersocres (‘_’) nos nomes dos parametros nem nos nomes dos ficheiros.
  3. Nunca se deve usar 2 palavras quando uma só é suficiente.


Botões vs Links

Isto é algo dificil de definir. O Google web accelarator dá algumas sugestões:

  1. As acções que podem modificar o estado do Moodle (ficheiros de dados, base de dados, informação da sessão) devem ser realizadas por meios de botões.
  2. Como mínimo, as acções que são implementadas usando links devem encaminhar para páginas de confirmação que utilize botões.


Nomes CSS

Ver theme_standards.


Links de ajuda

Os botões de ajuda devem estar posicionados à direita do objecto (excepto quando o objecto esteja alinhado à direita, devendo neste caso estar posicionados à esquerda).


Artigo de interesse

O link que se segue apresenta um artigo denominado "Interaction Design Meets Online Real Estate" de 01 de Março de 2005 nas “últimas noticias de Robin Good”.

http://www.masternewmedia.org/news/2005/03/01/interaction_design_meets_online_real.htm

Este artigo contem uma visão dos espaços virtuais focados nas acções humanas. Isto tem algum paralelismo com as abordagens comunicativas como o Moodle. O interface serve como um gestor de todas ferramentas de comunicação. The article presents a view of virtual spaces with the focus on human actions. It reminded me of communicative approaches like Moodle. The interface serves as the handle of all the communication tools.