CHAT - Solar - T.Final
Autor: Diego Macedox | Publicado: 2012-09-20T20:39:00-07:00


TRABALHO FINAL 2012.1 - Semiótica

Criação de uma tela para o novo sistema SOLAR

por:Daniel Viana
Diego Macedo
Jessé Marques


DOCUMENTO:








Resultado Final do CHAT proposto




Características Gerais

Para o desenvolvimento do layout do novo chat do Solar, pensamos, antes de tudo,
em dois pontos que embasariam a produção: a quem ele se destinaria, ou seja, seu
público alvo e quais seriam os seus principais objetivos.

Um chat pode ser direcionado a várias classes de pessoas, sem distinção. Mas no
caso do chat do Solar, teríamos que produzi-lo baseados em uma especificação de
público e objetivo. Pois, como sabemos, isto faz toda a diferença. De um modo geral
este chat seria utilizado por estudantes para auxiliar o debate de assuntos relativos às
disciplinas cursadas. Agora já temos nosso público alvo e o objetivo principal. Para a
produção da ferramenta deveríamos levar em consideração estes dois pontos.

Na fase de desenvolvimento, decidimos que o chat deveria ter uma direção divergente,
ou seja, deveríamos diversificá-lo dos outros chats que já existiam.



Características Visuais

1 - Cores

Com relação às cores utilizadas no desenvolvimento da tela do chat, optamos pela
harmonia complementar laranja-azul.

O laranja tem uma representatividade com a juventude, sendo este nosso público alvo.
Esta cor se destaca sobre o ambiente, causando mais peso visual do sistema como
um todo, por isso o utilizamos na separação dos containers, ou seja, das caixas da
tela.

O azul é uma cor fria, ela irá complementar a força do laranja. Ela da um tom
sereno ao ambiente. Além disso, ele está diretamente associado a seriedade e ao
compromisso, pontos importantes de um chat de um ambiente educacional.

Mas um fator considerável no layout da tela é o da "cor" do participante que está
na sala. Cada um dos usuários terá uma cor que servirá como uma das formas de
identificação de suas mensagens na tela. Esta cor ficará ao lado de sua foto para
facilitar a identificação mútua entre os participantes. A caixa de diálogo de cada
usuário será demarcada com tal cor, facilitando o entendimento de quem mandou
cada mensagem.


2 -Posicionamento dos elementos visuais na página

Para que o usuário pudesse se localizar no chat ele deveria saber em que sala está.
Para isso, posicionamos na parte superior esquerda da tela, as informações relativas a
qual turma e em qual sala ele estava naquele momento.

Em nossas pesquisas constatamos que uma das características visuais dos chats é de
apresentar ao usuário todas as pessoas que estão presentes na sala. Em sua maioria,
os chats mostram os participantes do lado direito do ponto de vista do usuário. Esta foi
uma de nossas mudanças: apoiados no fato de o sentido de leitura que utilizamos é
o da esquerda para a direita e como a interação entre os integrantes é algo bastante
importante no chat, decidimos que o posicionamento dos participantes presentes
naquela sala deveria ser no lado esquerdo.

Ao centro, posicionamos o local onde serão visualizadas as mensagens enviadas
tanto pelo usuário, quanto pelos outros participantes. Mais abaixo, estará a caixa
onde o usuário digitará a mensagem que ele deseja enviar. Aqui também estarão os
ícones para auxiliar o usuário na utilização do chat, como emoticons e controle do
som. Criamos um botão de envio de mensagens para situações onde o usuário não
pudesse utilizar o teclado. Seu tamanho também foi pensado pensando-se nestas
situações e o fato de um botão com tamanhos pequenos dificultar a interação do
usuário com a ferramenta.

No lado direito estarão as informações pessoais do usuário, como nome e opções de
configuração no envio de mensagens.

E por fim, na parte de cima, no canto direito da tela, estará o botão de sair da sala.
Ele estará posicionado ali pelo fato de este local ser o extremo da leitura de algumas
pessoas.


3 - Tipografia

As fontes escolhidas para serem utilizadas foram a Lucida Sans Unicode no layout da
tela e a Arial como padrão de escrita de mensagens. A segunda pode ser modificada
pelo usuário e não falaremos muito sobre ela aqui.

A fonte Lucida Sans Unicode tem como uma de suas principais características a
alta legibilidade em telas. Sua leitura é leve e não causa muito cansaço no usuário.
Isto foi levado em consideração pelo fato de o chat poder ser utilizado por tempo
indeterminado.


4 - Imagens

Com relação às imagens utilizadas na tela do chat, temos basicamente fotos que
identificam o usuário. O usuário vai poder selecionar uma imagem para lhe identificar e
isso vai tornar a interação entre os participantes mais fácil e agradável. Decidimos que
as imagens deveriam ter um tamanho maior do que encontramos em outros chats para
facilitar a identificação dos participantes.


5 - Ícones

Na escolha dos ícones que seriam utilizados na tela, buscamos primeiro pensar em
facilitar o entendimento do usuário que estaria visualizando-o. Buscamos ícones que já
possuíam uma identidade reconhecida do público. A seguir os ícones utilizados e um
pouco da razão de sua escolha:

- Smile: O smile, ou simplesmente emoticon é o ícone que será selecionado quando
o usuário quiser descontrair a conversa, aumentar a expressividade e dar uma idéia
de proximidade entre os participantes do chat. O smile representa o conjunto de
emoticons.

- Som: Este ícone será utilizado quando o usuário quiser habilitar ou desabilitar o som
do chat. Quando habilitado o som será emitido somente quando uma mensagem for
pessoal for enviada. Representamos esta função com o símbolo de um alto falante.

- Fonte: Este é o ícone para a formatação do texto. O usuário poderá optar entre
o tamanho da fonte, a tipografia (somente fontes adequadas para leitura), negrito,
sublinhado ou itálico. Aqui utilizamos a letra "A" para definir que o usuário.

- Anexar: Por último temos o ícone de anexar arquivos. Aqui, o usuário poderá incluir
no chat arquivos externos, como imagens ou arquivos de texto. Para simbolizar este
ícone, temos um clip de papel.