aguarde...

26 de setembro de 2020

A experiência do usuário arredondada

A experiência do usuário arredondada

Já se perguntou qual é a confusão com os  cantos arredondados  em botões, cartões e outros componentes de IU? Leia mais para descobrir.

A experiência do usuário arredondada
Design –  Sandhya

Este artigo aborda o quê, por que, quando e onde de arredondamento na experiência do usuário.

O que?

Por experiência do usuário arredondada, quero dizer principalmente arredondar cantos em objetos de IU que são nítidos por padrão. Os objetos mais arredondados são cartões e botões, especialmente botões CTA (Call-to-Action).

Um canto arredondado é geralmente obtido usando um raio de borda. Basicamente, você usa um círculo para mascarar um canto agudo, de forma que pareça arredondado. Isso é melhor representado no gráfico.

A experiência do usuário arredondada
Design –  Sandhya

Por quê?

Logo de cara, os cantos arredondados parecem visualmente atraentes, mas você sabia que existem estudos psicológicos reais para apoiar essa teoria?

Este é um princípio de condicionamento clássico em que nosso cérebro é condicionado a pensar que objetos pontiagudos podem ser prejudiciais. Um exemplo da vida real em que cantos afiados são considerados prejudiciais é quando você está protegendo sua casa de bebês usando acessórios arredondados em cantos afiados de mesa.

Uma vez que o cérebro humano atribui essa condição a tudo o que experimenta, os cantos arredondados emitem as seguintes vibrações – seguro, amigável e, portanto, acessível. Portanto, o design centrado no ser humano deve incorporar esses atributos sobre os cantos elegantes e agudos.

A experiência do usuário arredondada

Quando e onde?

Agora vem a questão de se usar cantos arredondados ou componentes totalmente arredondados.

Cantos arredondados são perfeitos para grades,

  • Eles ajudam com uma interação amigável
  • Eles economizam espaço
  • Eles chamam a atenção para o conteúdo e não para o componente
A experiência do usuário arredondada

Botões totalmente arredondados são perfeitos para CTAs,

  • O componente deve ser autônomo
  • Você deve ter espaço de sobra, pois os botões totalmente arredondados ocupam mais espaço no eixo horizontal. Isso é melhor representado no gráfico
A experiência do usuário arredondada
A experiência do usuário arredondada
Posted in Blog
Write a comment