Andei reparando o tanto que é comum se clicar no botão “errado” no iPhone. Obviamente este problema se deve ao fato de que os sistemas touchs, por mais precisos que sejam, não fornecem a sensação tátil do botão que se está pressionando. E, vez ou outra, você aperta um botão vizinho, sem querer.
Com base neste problema, comum a todos os dispositivos touchs, o que podemos fazer para prevenir erros do usuário? Ou melhor, minimizá-los? Bem, basta fazer botões “grandes” e espaçados. Foi aí que o Google errou. E olha que dizem que tudo no Google é exaustivamente testado…
Reparem que o botão “send” fica bem próximo da logo do Google, que é clicável. Outro dia um amigo meu já havia cometido o mesmo erro que eu e ficou sem entender o porquê de ser redirecionado para a página do Google, após enviar um email. Na verdade, ele não havia enviado o email, mas clicado acidentalmente na logo do Google. Uma solução para isso, seria dar mais espaço entre a barra de cima (abas e logo) e a barra de botões.
Além disso, os botões “send” e “save” também ficam muito próximos. Se você quiser clicar no “send” e clicar no “save”, sem querer, o problema nem é tão grave. Mas, se você estiver no meio do processo e quiser salvar o rascunho, mas clicar sem querer no “send”, aí você tem um problema. Um jeito de resolver isso, é espaçar os botões, horizontalmente. Outra solução, que inclusive eu ativei no Gmail desktop, usando o Labs, é a opção de “undo send”, que lhe dá alguns segundos para desistir de enviar um email. Vejam, abaixo, um exemplo de como a tela poderia ser:
Vale lembrar que os espaços deste protótipo são apenas ilustrativos, uma vez que não foram testados em um aparelho para ver se são suficientes para resolver o problema.
Outro problema que vi, bem menos grave, é a falta dos botões de ação na parte inferior da tela. Em emails que têm campo de “Cc” e “Bcc”, você acaba ficando sem ver os botões de ação. Uma das possibilidades de solução seria acrescentá-los na barra inferior. Outra possibilidade seria incluir uma barra acima da barra onde há o botão “back”, assim como ocorre na versão desktop. Fiz uma proposta para inclusão dos botões na mesma barra:
Pra quem está pensando em desenvolver uma aplicação em iPhone, preste atenção nos detalhes. Vi um outro post da atebits, bem mais direto, mas não menos importante, sobre posição de botões em relação ao teclado.
Tags: botões, celular, gmail, interface, iphone, protótipo, usabilidade