Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

Padrões de Interface do Pinterest

Na versão desktop da interface do Pinterest, é possível identificar diversos padrões de UX.

Na barra superior, temos um campo de texto com um ícone de lupa. Portanto, sabemos instintivamente que se trata de um campo de busca. Além disso, no final do campo há um ícone de câmera, logo, assumo que também posso realizar uma pesquisa utilizando uma foto. Da mesma forma, temos o avatar do usuário ao lado direito do campo de busca e, mesmo antes de clicar nele, sei que consigo acessar meu perfil e minhas configurações de conta por meio dele.

Passando para o menu lateral, ele contém uma série de ícones, com a logo do Pinterest acima de todos. À primeira vista, sei que, ao clicar na logo, serei direcionada à página principal do site, mas sei também que posso utilizar o botão com o símbolo de uma casa para atingir o mesmo objetivo. Para verificar minhas notificações, sei que o local ideal estará simbolizado pelo ícone do sino. O símbolo de mais indica a criação de um novo post, enquanto o balão de mensagem leva à página de chats. A engrenagem, localizada no final do menu lateral, também é um símbolo característico que indica a tela de configurações.

Já no centro do site, temos diversos retângulos de diferentes tamanhos e larguras que contêm imagens. Como alguns retângulos na parte inferior da tela aparecem apenas pela metade ou estão pouco visíveis, isso indica que posso rolar a tela para visualizar melhor as postagens. Também sei que, ao clicar em uma das imagens, conseguirei visualizar mais informações sobre ela, assim como outras imagens relacionadas.

1 resposta

Oi, Camila. Tudo bem com você?

Sua análise ficou bem completa, principalmente ao relacionar os elementos visuais com comportamentos que já são familiares para quem utiliza interfaces digitais. Os exemplos da lupa para busca, do sino para notificações, da engrenagem para configurações e do balão para mensagens mostram bem como os UI patterns aproveitam referências que as pessoas já conhecem. A observação sobre o ícone de câmera no campo de busca também é interessante, porque você identificou que um mesmo espaço pode oferecer uma forma alternativa de interação.

Outro ponto legal foi perceber como você foi além dos ícones e observou o comportamento da própria interface. A disposição das imagens e a presença de conteúdos parcialmente visíveis ajudam a indicar que existe mais conteúdo disponível ao rolar a página. Esse tipo de pista visual também faz parte da experiência, pois orienta a pessoa usuária sem precisar apresentar uma instrução explícita. No caso do Pinterest, a repetição desses padrões contribui para que ações como pesquisar, navegar, acessar o perfil e visualizar conteúdos sejam mais previsíveis.

Pensando nessa análise, qual desses padrões você considera mais importante para que uma pessoa que nunca utilizou o Pinterest consiga entender a interface rapidamente?

Parabéns pela análise e por compartilhar suas percepções no fórum. Continue observando esses padrões em outros sites e aplicativos, porque esse olhar crítico é muito importante para quem está estudando UX Design. O fórum está à disposição para você continuar compartilhando suas descobertas.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!