Melhor posição para o botão 'Adicionar contato'?

1. Onde um botão de adição deve estar?
2. Onde os botões CTA devem ser colocados?
3. Deve salvar os botões estar à esquerda ou direita?
4. Você deve salvar o botão na parte superior ou inferior?

Onde um botão de adição deve estar?

Colocar o botão no topo é uma boa ideia. Razão, digamos, se sua mesa tem inúmeras linhas que cobrem toda a visualização. Então, neste caso, seu botão estará oculto na viewport. Os usuários terão que rolar para baixo para realmente adicionar uma nova linha.

Onde os botões CTA devem ser colocados?

Os botões de chamada para ação colocados em direção ao fundo ou à direita do conteúdo geralmente superam os posicionamentos alternativos. Mais importante ainda, nunca force os usuários a voltar para clicar em um botão - os botões CTA devem aparecer em lugares apropriados que se alinham à experiência do usuário.

Deve salvar os botões estar à esquerda ou direita?

Esquerda: o botão 'Salvar e sair' acima do botão primário (não recomendado). Direita: 'Salvar e sair' Botão ao lado do botão primário (bom). Às vezes, os usuários podem precisar salvar seu progresso em uma forma longa. Colocar o botão 'salvar e sair' acima do botão primário implica que é mais importante, quando não.

Você deve salvar o botão na parte superior ou inferior?

Considerando que seus usuários normalmente navegam para uma categoria, fazem uma alteração e clique em Salvar alterações, acho que colocar o botão na parte inferior/esquerda é melhor. Se seus usuários estivessem frequentemente fazendo alterações em várias categorias, você teria um bom argumento para colocar o botão no topo.