top of page

links semânticos | globo

Os links semânticos são os links presentes em uma matéria nos sites da Globo. Hoje eles te redirecionam para outra página quando são clicados e não são específicos quanto a informação presente nesta página.

sobre: projeto real desenvolvido durante meu período como colaboradora da empresa globo

atuação: ux/ui design

ferramentas: figma 

data: 2021

globo.png

sobre o projeto

Objetivo: Mapear os cenários existentes no fluxo dos links semânticos e identificar oportunidades através deles.

processo de design

double.png

fonte: PM3

Primeiro diamante

  • Mapeamento do fluxo

  • Matriz CSD

  • Mapeamento do problema, hipóteses e oportunidades

  • Benchmarking

Segundo diamante

  • Wireframe

  • UI

primeiro diamante

  • Mapeamento do fluxo

Captura de tela 2023-09-07 213011.png

apontamentos:

  • O usuário clica em uma matéria na home e vai para o multicontent, que é a página contendo o conteúdo da matéria.

Cada link presente no multicontent redireciona o usuário para uma página diferente. Foram encontradas 3 páginas distintas:

  • Página sobre um evento específico, como a CPI da Covid

  • Página "Tudo sobre", uma página que compila todos as matérias relacionadas àquele assunto específico

  • Multicontent: links muito grandes são um chamariz para a recirculação do usuário para o consumo de conteúdo.

Captura de tela 2023-09-07 213047.png
Captura de tela 2023-09-07 213344.png
Captura de tela 2023-09-07 213600.png
  • Matriz CSD

Captura de tela 2023-09-07 220344.png
  • Benchmarking

Para essa etapa foi analisado os sites (desktop e mobile) que possuiam links em seus textos e observar o comportamento que esses links possuiam.

Captura de tela 2023-09-07 215107.png
Captura de tela 2023-09-07 215119.png

segundo diamante

  • wireframe

card desktop

Captura de tela 2023-09-07 224203.png

testes

Captura de tela 2023-09-07 230054.png
Captura de tela 2023-09-07 230220.png

card mobile

Captura de tela 2023-09-07 225627.png

testes

Captura de tela 2023-09-07 230127.png
Captura de tela 2023-09-07 230202.png
  • Interface

desktop

Captura de tela 2023-09-07 230212.png

mobile

Captura de tela 2023-09-07 230231.png

Obrigada!

Caso tenha alguma dúvida sobre o projeto, me mande um email: tspaula94@gmailcom :)

veja outros projetos

taynara santos

product designer | ux/ui designer

  • LinkedIn
  • Whatsapp

©2023 por Taynara Santos | Product Designer. Orgulhosamente criado com Wix.com

bottom of page