Eu tive que criar uma página com alguns links, então pensei em tentar tornar os links grandes e decorativos:
Mas encontrei o problema de que as pessoas não percebiam que era um botão e não sabiam o que clicar. É óbvio que algo assim é um botão:
Minha pergunta é: como posso projetar meus botões para poder obviamente clicar?
Respostas:
Esta não é realmente uma resposta de "design gráfico", mas você também pode querer ver se pode alterar o texto. Nos seus exemplos, não acho que a arte do botão "instalar" seja particularmente mais parecida com o botão do Outlook. No entanto, o texto nele é um verbo bem conhecido e, portanto, está associado à execução de uma ação. Na mesma linha, "Iniciar o Outlook" pode atrair mais cliques do que simplesmente "Outlook".
Do ponto de vista gráfico, (além dos comentários de jhocking & luckycypher), algumas outras coisas que você pode tentar:
Você também pode tentar perguntar sobre o UX outros pensamentos centrados na interface do usuário.
linké claramente visto como um botão, pois parece o mesmo que os botões óbvios ao lado. Os usuários geralmente buscam padrões. Por exemplo, se você tivesse um installbotão, um botão e um outlookestilo da mesma maneira, os usuários provavelmente os interpretarão como botões. (OK, muita repetição para a sua resposta, mas isso apenas prova que você está no :-D faixas direita)
A chave aqui é a disponibilidade - pistas visuais para que o usuário possa determinar o comportamento e o uso pretendido de algo à distância - antes de interagir com ele - como um prato plano na porta diz empurrar e uma maçaneta diz puxar.
Veja aqui meus próprios exemplos de disponibilidade.
As principais dicas são bordas chanfradas e preenchimentos de gradiente para uma sensação 3D e, se apropriado, com bordas sombreadas distintas, indicando um botão real levantado e arredondado que faz você sentir que deseja pressioná-lo, combinado com um plano de ação claro , como um etiqueta apropriada e / ou ícone bem escolhido. Observe que os cantos arredondados são mais amigáveis e os cantos quadrados parecem duros aos olhos.
Veja meu tutorial sobre a criação de botões simples de metal e efeito brilhante / de vidro usando o Inkscape.
Chanfre o gráfico para que fique tridimensional.
você deve usar dois tipos de imagem, um ativo e outro normal, o estado normal parecerá gravado
anexando um SS e veja como eles esclarecem as diferentes estatísticas de um botão,
e sempre que o usuário entrar no botão, mude o cursor para a mão, ele se parecerá com um link, se possível, você pode escrever em um pequeno clique aqui para instalar .. ou você pode apontar esse botão com a ajuda de qualquer seta ou algo parecido ...
veja como outras pessoas exibem os botões de download / instalação.
Siga este tutorial para criar botões tão bonitos
Acho que o estilo de cor e borda do seu botão não é o principal problema do seu botão. Pode ser que seja muito grande! Parece mais uma palavra / título em um quadro do que um botão. Tente apenas torná-lo um pouco menor para que o texto seja preenchido (pelo menos na altura).
Como outros já disseram, também ajudará a aparecer de alguma maneira no mouseover.
edit,close,flag,add comment,post your answer(intencionalmente ignoradolink, pois pode ser confuso às vezes) - todos têm claramente alguma ação para executar.