Chat Solar

Escolhemos um padrão mais “conservador” como o design do chat do Solar. Adicionamos algumas funcionalidades a mais e opções de ícones, mas a estrutura é de um bate-papo comum.

No quesito das cores, foram escolhidas as do novo Solar – azul e amarelo. O azul foi escolhido por representar tecnologia e conhecimento e o amarelo remete ao Sol. O fundo branco ajuda na leitura enquanto o azul é usado em detalhes para manter a identidade visual.

Acreditamos que os ícones são muito importantes em uma aplicação, pois eles passam muita informação ocupando pouco espaço. Então procuramos usar os ícones mais intuitivos para ajudar o máximo possível na usabilidade.

Na parte de baixo são dispostas as ferramentas que auxiliarão o usuário. Elas foram colocadas exatamente abaixo do espaço para digitar, facilitando o uso, pois será aquela área onde ele mais vai interagir. Os ícones são os seguintes:

“Smile” – Onde estarão os “emoticons” que poderão ser usados junto com o texto.

Computador – ao clicar nesse botão, abrirá duas opções: a primeira é para enviar um arquivo e a outra é para compartilhar a tela do seu computador, acreditamos que isso ajudaria em trabalhos compartilhados.

Mãozinha – botão de pedir a vez, para o professor organizar quem vai falar. O usuário que clicar nesse ícone, terá o seu nome descrito no espaço “Vez de”.

Lápis – Esse botão faz com que o usuário possa desenhar algo em tempo real usando seu mouse. Essa ferramenta seria muito útil principalmente em projetos de design ou desenho.

Letra “A” – o usuário clica aqui para cancelar a ação de desenhar e voltar a digitar.

Existem outros ícones usados que são padrão de aplicações web, como a seta para abaixo no botão “Falar para”, onde aparecerão os nomes dos integrantes do chat e o usuário poderá escolher para quem falar. Ao lado direito, temos uma barra de rolagem para poder ver o histórico do chat, o que foi dito antes.  As fotos dos integrantes são colocadas à esquerda, com a foto do usuário maior abaixo, ao lado dos ícones, temos um símbolo de “mais”, onde, colocando o mouse em cima, o usuário poderá ver mais informações dos participantes como e-mail e perfil de Redes Sociais. Acima, um ícone minimalista com pessoas indicando que você vai falar para “todos”.

Acreditamos que o modo como o texto é disposto também é importante para a compreensão dos usuários. O nome do emissor da mensagem fica em negrito, enquanto o receptor fica em azul, dessa forma fica mais fácil do usuário saber quem manda e quem recebe a mensagem.