Posts com a Tag ‘caixas eletrônicos’

Saque rápido – Wireframes para caixas eletrônicos

sexta-feira, 18 de junho de 2010

Após pensar em algumas melhorias na interface dos caixas eletrônicos, listei algumas sugestões para melhorar o processo de saque.

  1. 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.
  2. Guardar um histórico dos valores mais sacados pelo usuário.
  3. Ter a opção do usuário escolher quais notas (2, 5, 10,…) deseja sacar.
  4. 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.
  5. Inserir um botão Voltar que funcionará na navegação entre as telas. Ele só estará ativo em algumas situações.


Image

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.


Image

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.


Image

Tela 3
- Após a leitura do cartão, o sistema pede para o usuário retirá-lo.


Image

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.


Image

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.


Image

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.


Image

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.


Image

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.