Saque rápido – Wireframes para caixas eletrônicos
sexta-feira, 18 de junho de 2010Após pensar em algumas melhorias na interface dos caixas eletrônicos, listei algumas sugestões para melhorar o processo de saque.
- O usuário não precisa inserir o cartão duas vezes. Sei que deve ter algum motivo técnico para isso, mas acho que é um tempo desnecessário que deve ser eliminado.
- Guardar um histórico dos valores mais sacados pelo usuário.
- Ter a opção do usuário escolher quais notas (2, 5, 10,…) deseja sacar.
- Melhorar a sinalização dos botões ativos do caixa eletrônico. Já fiquei na dúvida qual botão apertar pois a opção ficava entre dois botões laterais. A sugestão é termos algo com led. Botão ativo fica acesso, inativo apagado.
- Inserir um botão Voltar que funcionará na navegação entre as telas. Ele só estará ativo em algumas situações.
Tela 1
- Antes mesmo do usuário inserir o cartão já temos na tela a opção “Saque rápido”.
- Os botões em azul representam as opções ativas.
- O teclado pode não possuir todos os algaritmos necessários, tendo em vista que eles podem variar de banco para banco.
Tela 2
- Após clicar na opção “Saque rápido” o sistema pede para o usuário inserir o cartão.
- A partir dessa etapa o botão “Cancelar” torna-se ativo.
Tela 3
- Após a leitura do cartão, o sistema pede para o usuário retirá-lo.
Tela 4
- Como o usuário já tinha selecionado a opção “Saque rápido”, o sistema carrega a tela para selecionar o valor.
- À esquerda temos os valores que o usuário saca com mais frequência.
- Caso ele deseje sacar um outro valor, bastar utilizar o teclado.
- O botão “Apaga” só fica ativo após o usuário digitar algum valor.
Tela 5
- Após selecionar o valor, o sistema pergunta se o usuário deseja escolher quais notas sacar.
- Aqui o botão “< Voltar” torna-se ativo, pois o usuário pode querer retornar à tela anterior e alterar o valor.
- Caso ele selecione a opção “Sim”, vai para a tela 06. A opção “Não” o leva à tela 07.
Tela 6
- Selecionar exatamente quantas notas de cada valor o usuário deseja sacar me pareceu um pouco complexo. Dessa forma, inclui apenas a opção para escolher quais notas.
- Muitas vezes queremos sacar R$ 50,00, mas colocamos R$ 70,00 para vir pelo menos uma nota de R$ 20,00. Com essa opção o usuário poderia escolher sacar R$ 50,00 e optar pela nota de R$ 20,00. O sistema deveria completar automaticamente o restante com valores próximos do escolhido como mais duas notas de R$ 20,00 e outra de R$ 10,00.
- Na situação acima, existem algumas combinações que podem ser feitas para que o total dê R$ 135,00. Os itens poderiam começar marcados com base na maior disponibilidade das notas no caixa eletrônico. À medida que o usuário fosse selecionando os valores, o sistema deveria automaticamente marcar ou desmarcar outras opções.
- Reforço que a questão não está em selecionar exatamente quantas notas de cada valor sacar, mas quais notas sacar. Por exemplo “eu sei que preciso de algumas notas de R$ 5,00″. O sistema deve calcular quantas notas de cada valor entregar ao usuário.
- O sistema não deve permitir que o usuário saque R$ 100,00 em notas de R$ 2,00. Para isso creio 10 notas deva ser a quantidade máxima para cada valor, com exceção da nota de R$ 100,00.
- Nessa tela, os botões laterais funcionam para marcar os valores.
- O botão “Confirma >” avança para a próxima tela.
- O botão “< Voltar” mostra-se prático pois o usuário pode desistir de escolher as notas, ou até mesmo alterar o valor voltando duas telas.
Tela 7
- O usuário digita sua senha.
- A lógica de segurança da senha pode variar de banco para banco. Alguns utilizam letras com os botões laterais, outros senha com o teclado. O importante é usar apenas um dos dois.
Tela 8
- Pronto!
- Essa tela fica aberta apenas por 3 segundos. Após isso, o sistema retorna para a tela inicial.
- – - – - – - – - -
Este post foi criado para a disciplina Técnicas de Prototipação 1 do curso Pós-Graduação em Design de Interação do Instituto Faber Ludens / Fisam / UNC.