Tamanhos de botões recomendados nas páginas da web

Estudos do MIT Touch Lab sugerem que 10mm x 10mm é o melhor tamanho mínimo para botões devido ao tamanho médio das pontas dos dedos. Os botões de design não devem apenas ser agradáveis ​​aos olhos, mas também precisam fazer sentido tátil para o usuário.

1. Quão grandes os botões da interface do usuário devem ser?
2. O tamanho do botão é importante?
3. Quanto preenchimento deve ter um botão?
4. Os botões móveis devem ter a largura total?

Quão grandes os botões da interface do usuário devem ser?

Estudos do MIT Touch Lab sugerem que 10 mm × 10mm é o melhor tamanho mínimo para botões no celular devido ao tamanho médio das pontas dos dedos.

O tamanho do botão é importante?

Sim, o tamanho é importante. O tamanho do botão é um dos fatores mais importantes a serem considerados ao projetar aplicativos de tela de toque. Se os botões forem muito pequenos, os usuários podem ter dificuldade em tocá -los com precisão.

Quanto preenchimento deve ter um botão?

O preenchimento de botões é um dos aspectos mais importantes do estilo de botão. Meu estilo pessoal é definir o preenchimento vertical igual à altura da fonte e definir o preenchimento horizontal como 1.33 vezes a altura vertical. Se uma altura da fonte for 20px, o preenchimento vertical é 20px e o preenchimento horizontal seria 27px.

Os botões móveis devem ter a largura total?

Dependendo do layout, orientação e propósito, mas é uma boa regra para adicionar pelo menos uma margem de 8dp. Lembre -se de que as limitações do espaço de toque, por exemplo, no Android, o design do material considera como uma boa prática ter botões com pelo menos 48x48 dp de largura para que a área dos botões seja confortável de usar para os usuários.