Trabalho em grupo

Ester Soares
Gustavo Henrique
Jhonata Alves
Heitor Cestari
A Twitch é uma plataforma de
serviços de streaming de
vídeos ao vivo, onde pode-se
assistir vídeos em algumas
categorias específicas, como
Jogos, Vida Real, Música,
Esports e Creative. Pode ser
baixado o aplicativo ou ser
acessado via web.
 Encontre mais
https://www.twitch.tv/
Logo no começo do site, a primeira informação
que capta os olhos do usuário, seja ele
experiente com o site ou não é a lista de
Streamers Ativos, desenvolvido na forma de
retângulos sobrepostos. Essa forma de
cascatas retangulares exige que o usuário
foque sua informação no retângulo central, do
qual é o foco de atenção no momento.
As setas na esquerda e na direita, que muda os
retângulos de lugar e permite que o usuário
troque a informação apresentada é apresentado de
maneira fluida e com um modo quase instintivo de
utilizar. O usuário sabe que, quando apertar uma
das setas, o conteúdo que está consumindo pelo
breve tempo que observa o Streamer Ativo irá
mudar para o próximo retângulo na linha. Isso
também é evidenciado pelo pop-up que os
retângulos mostram ao passar o mouse por cima
deles.
Além disso, atrás dos Streamers Ativos está
um anúncio; a observação deste é óbvia, porém
sutil ao olhar. Perceba que o anúncio está
imediatamente atrás dos retângulos
sobrepostos, o que lhe faz ser a segunda
informação adquirida pelo observador.
Nenhuma das informações do anúncio estão
atrás dos retângulos, porém em seus lados, de
modo a preencher o vazio restante naquele
local com uma informação promocional.
A próxima informação notável na página, para os
quais já tenham usado o site por um tempo, é o
cabeçalho; acima da lista de Streamers, evidenciando
as seguintes informações, da esquerda para a
direita:
O ícone do Site, que possui um design
agradável e extremamente reconhecível. Note,
ao passar o mouse sobre ele, que o ícone se
mexe e faz uma animação, saindo um pouco de
seu lugar e piscando seus “olhos”, evidenciando
ao usuário que ele pode ser clicado.
As próximas são duas palavras: “Seguindo”
e “Procurar”. As duas podem ser clicadas,
e têm pouco espaçamento, evidenciando
que são de um mesmo grupo.
O índice “mais”, evidenciado pela figura
cotidiana de reticências verticais. Ao
passar o mouse por cima, a forma é
destacada com um quadrado, formato
que engloba melhor as reticências, e ao
clicar, exibe duas categorias diferentes
que possuem mais informações sobre o site,
diferenciadas por uma linha horizontal e títulos
evidentes.
No centro, a barra de busca do site, que exibe
o termo “Buscar” na caixa de texto, e a figura
também cotidiana de lupa. É de longe a maior
forma do cabeçalho, o que lhe torna a
informação mais observada no mesmo, e por
isso em mais foco.
 À direita, agora, há três ícones:
I - Loot Prime, que possui a figura de uma
coroa, evidente como a forma escolhida pela
própria Amazon para lustrar sua assinatura
Prime, como se fosse “ser um rei”.
II - Notificações, evidenciado pela figura de
uma caixa. Essa caixa mostra a intenção de ser
como um armazém, algo que guarda, no caso,
suas notificações.
III - Sussurros, que possui a figura de uma caixa de
diálogo. Essa forma é intencionalmente usada em
conjunto com sua função, na ideia de “conversas” ou
“mensagens diretas”.
·A Caixa “Comprar Bits”, com o ícone de Bits ao
lado, também escolhido pela Amazon para
evidenciar algo que parecesse um minério.
O ícone circular que exibe a foto de perfil do
usuário visitando o site.
A próxima informação digerida por quem acaba Note que ao passar o mouse por cima dos
de começar a usar o site, porém, seria a caixa retângulos, eles tomam uma perspectiva
logo abaixo da lista de Streamers Ativos, tridimensional baseada na deslocação que tomam
titulada “Canais ao vivo que achamos que você de seu fundo, semelhante à movimentação que o
vai gostar”. Essa caixa mostra quatro ícone da Twitch no cabeçalho possui.
streamers em live atualmente, que foram
recomendados ao usuário e/ou são seguidos
pelo mesmo, em retângulos que mostram uma
imagem da live, para contextualização do
observador.
Abaixo da caixa, há informações sobre o Abaixo há também as tags da live, que servem como
streamer e a live em questão: note também pontos de interesse do usuário, evidenciados em
que a informação mais evidente é o seu ícone uma adaptação arredondada de um retângulo,
de perfil, na forma circular, servindo para misturando a estética circular com a quadrada.
marcar a imagem do streamer em quem observa
e separar a forma ao circundá-la em vez de
deixá-la retangular, como são apresentadas as
outras formas em maioria do site.
A Twitch consiste em formas
geométricas que simples que
juntam compõem um certo
padrão de quadrados,
retângulos e círculos, assim
como já havia sido mencionado.
Portanto, todas as informações
se acomodam neste padrão.
Esteticamente, a Twitch é agradável por
conta de ser um site muito limpo e
organizado, onde na parte superior temos as
informações: Seguindo, Procurar, Barra de
Pesquisa, etc., todas bem organizadas e
cores agradáveis.
Logo depois vemos uma barra lateral com canais
organizados por seguidos e recomendados todos
com o nome do canal o número de pessoas
assistindo caso a pessoa esteja online se não
apenas aparecerá "offline".
Na pagina não temos grandes contraste de cores tornando bem harmônico nada parece estar mal
colocado ou fora do lugar.