A tela foi feita nas
medidas 600 x 768 px, para ser uma janela extra, contém proporção áurea na
divisão das seções. O chat se desenvolverá numa nova janela flutuante.
A proposta usa a
metáfora de mesa redonda, mesa de conversas, onde o professor administra o que
está sendo dito, ele organiza a mesa. Permite a entrada de usuários que desejam
entrar na conversa e pede para algum usuário retirar-se da mesa. Na mesa redonda
todos estão no mesmo nível de importância, inclusive o professor, cuja única
vantagem é ser o responsável pela mesa. As conversas sobem em formato de balão
de fala e se agrupam em cima da mesa, representando que o assunto está no ar. Quando
utilizado a função de lousa digital, o desenho é mostrado em miniatura e pode
ser ampliado clicando sobre ele com o cursor. Da mesma maneira funcionam os
anexos. Cada usuário é representado por um avatar de cor diferente, sentado ao
redor da mesa. O Nick desse usuário é da mesma cor do seu avatar, que é gerado
aleatoriamente. Pouco acima da mesa e abaixo das falas está a barra de status,
que consecutivamente posta algumas ações importantes como: sair da mesa
(retirar-se), entrar na mesa (sentar-se), enviar arquivos, estados de humor,
dentre outros. Ao passar o mouse sobre um avatar, aparecerá um balão flutuante
contendo informações daquele usuário. Nesse balão há a opção de direcionar uma
fala para aquele usuário. Ao clica na mesa, a fala volta a ser geral. Para o
professor há um ícone especial, a Medalha. Ela acrescenta pontos ao aluno,
somente o professor pode pontuar um aluno, e serve caso o comentário desse seja
relevante ou importante. O professor pode ao final da conversa, analisar a
pontuação, como uma forma de avaliação do desempenho daquele aluno. Ao clicar
sobre o Nick no balão de fala, o mesmo balão flutuante de informações é
mostrado.
Na barra horizontal
superior, temos 4 botões para funções mais gerais e rotineiras: Assunto da Mesa
expõe o enunciado e a proposta do professor para aquele debate; Quem está na
mesa mostra uma listagem dos usuários sentados; Histórico de Conversas permite
ao usuário consultar as conversas anteriores, por data ou assunto; Sair da Mesa
faz com que o usuário saia da conversa.
A caixa de texto é o
ultimo elemento da tela do chat. Ela é um pouco maior que os outros elementos
devido aos diversos botões e funções que ela contém. A começar pelo ícone de Lápis que quando clicado possibilita
a escrivã via cursor, ou lousa virtual. O caractere A, converte e possibilita a
escrita de texto normalmente. O checkbox rolagem automática habilita e
desabilita a rolagem automática. Na ordem de aparição da esquerda para a
direita temos: Pedido de Fala – usado pelo aluno que quer falar, ele aperta o
botão e entra na fila dos que solicitaram o poder de fala; O Smile – altera o
humor dos avatares na mesa de acordo com a opção escolhida; O Clip –
Possibilita anexar arquivos e enviá-los ao centro da mesa para compartilhar; O
cadeado – é uma função exclusiva do professor que pode bloquear alguns usuários
ou a conversa toda, serve para pausas e intervalos e para controle de flood; O
Auto-falante – controla o volume dos sons do ambiente; A Chave-inglesa – outra
função exclusiva do professor serve para configurar a mesa de conversa,
habilitando ou desabilitando funções e botões, conferindo gráficos de desempenho,
solicitando a ajuda, entre outros. Por ultimo temos o botão de enviar, cuja
função é encaminhar a mensagem para o centro da mesa.
As cores utilizadas
para o fundo são tons monocromáticos em gradiente, padrão seguido por muitos
desenvolvedores de chat, ela conta com uma textura sutil de grid quadricular
para quebrar a monotonia e dar um aspecto mais humano. Os gradientes como
sombra nas bordas dão ênfase à metáfora da mesa e ressaltam a organicidade em
contra ponto com uma tela chapada. As cores da barra superior são semelhantes
às usadas no atual solar, decidimos manter as mesmas para aumentar a fidelidade
do protótipo.
A tipografia usada foi
a Gandhi Sans na cor Azul Escuro #183F60, mesma da barra superior. Os ícones
são em tons monocromáticos para padronizar com o fundo. O destaque fica por
conta da representação da mesa de conversas, bem colorida, em contraste com a
frieza do resto da tela. Chamando atenção à metáfora. A sombra nos balões de
fala brancos é para acentuar a ideia de que a conversa está no ar.
0 comentários:
Postar um comentário