protótipo

Wireframe para Caixas Eletrônicos

simonecervantes — Fri, 18 Jun 2010 18:52:12 -0700

Protótipo desenvolvido para saque em caixas eletrônicos. Me inspirei no Banco do Brasil que é onde tenho conta, e adicionei um item que gostaria que tivesse, como "escolha de notas" e utilizei a opção de inserir o cartão somente um vez.

Utilizei o Axure para protótipo das telas.

Banco Suave: o caixa eletrônico do futuro

fbartholo — Fri, 18 Jun 2010 13:09:18 -0700

Tela 01

O Banco Suave quer introduzir no mercado brasileiro uma experiência de Caixa Eletrônico mais personalizada e interativa.

O cliente pode escolher as operações que mais usa e deixá-las como padrão na tela de abertura. Também tem a opção de deixar o sistema do banco detectar ou desligar a função.

A saudação do terminal muda de acordo com a hora do dia: Bom dia, boa tarde e boa noite.

Tela 02

De maneira a tornar a interface mais atraente, os terminais do Banco Suave são touchscreen.

Animações nas telas ensinam como utilizar.

Tela 03

As opções do serviço personalizado Caixa rápido aparecem com destaque na tela.

O sistema também verifica se o cliente está fazendo uso dos atalhos e reage de acordo.

Tela 04

O sistema atua de forma inteligente, realizando ofertas de serviços e fidelização dependendo do uso e perfil do cliente.

No exemplo, o sistema calcula automaticamente quanto o usuário vai pagar por mês e exibe a mensagem.

Outro exemplo de oferta pode estar relacionado a recargas do celular. Se o usuário recarregar uma quantia abaixo do que ele costuma, o Banco oferece uma quantia para ele.

Tela 05

O sistema exibe mensagem pedindo confirmação, explicando as regras e possibilitando cancelamento.

Tela 06

Tela 07

O cliente pode escolher via SMS notícias que deseja ver em sua tela.

Tela 08

Enquanto aguarda a contagem de notas, o cliente pode ver uma animação, curiosidades, ofertas do banco e outros.

Tela 09

Para encerrar, o Banco Suave mostra uma oferta de serviço ou personalização.

No exemplo, o cliente é convidado a enviar um SMS para escolher que informações deseja ver na tela do banco.

Tela 10

Finalmente, o caixa eletrônico confirma o encerramento da operação.

Fontes de inspiração

http://www.fastcompany.com/magazine/142/citi-slicker.html?1269512274

http://physicalinterface.com/view/that-design-is-money

Atendimento Automático de Banco

Campainha de Assoprar

cassianoazevedo — Fri, 23 Apr 2010 16:17:14 -0700

Na disciplina de Técnicas de Prototipação II o professor Tiago nos deu a tarefa de criar, usando o lego mindstorms, um protótipo que pudesse auxiliar pessoas com algum tipo de deficiência.
Com os inúmeros recursos oferecidos pelo lego, tivemos a idéia de criar um protótipo para auxiliar um paciente a chamar a enfermeira em caso de necessidade.
Existem casos em que o paciente estará impossibilitado de usar as mãos, a voz e de se locomover. O protótipo teria a função de acionar o botão da campainha, caso o paciente estivesse precisando. O acionamento do botão se daria através do sopro.
Dentro de uma espécie de um "canudo" em que o paciente assopraria, estaria um sensor que após detectar o som do sopro, faria com que o lego se movesse até ligar a campainha.
Ao chegar no quarto, a enfermeira desligaria a campainha passando a mão em cima do sensor de movimento, que acionaria o botão novamente, porém desta vez para desligar a campainha.
Veja o vídeo de funcionamento do protótipo.

Desenvolvimento e testes com o protótipo do Ouvido Visual para visualização do som

gonzatto — Mon, 08 Mar 2010 06:52:40 -0800

Registramos todo o processo de prototipação de um brinquedo que ajuda crianças com restrição auditiva a interagirem com a informação sonora. O protótipo foi criado usando Lego MindStorms e um cachorrinho de pelúcia.

O primeiro vídeo detalha o desenvolvimento e o segundo mostra algumas brincadeiras e testes feitos com o protótipo pronto, mostrando sua interação com diferentes tipos de som. O cão movimenta a pata, "dança" e "conversa" com outros artefatos.

A prototipação foi realizada durante a disciplina de Prototipação II, com ajuda do professor Tiago Barros.

[Conheça e participe do projeto Ouvido Visual]

Ouvido Visual

Protótipo para aplicação de Intra-etiquetas

gonzatto — Mon, 05 Oct 2009 15:38:00 -0700

A proposta de Intra-etiquetas funciona uma extensão da folcsonomia, e pode ser melhor compreendida quando entendida como uma "Análise de Intra-etiquetas".

Todas as classificações continuam sendo feitas com etiquetas comuns, mantendo a horizontalidade característica da classificação folcsonômica. Assim, a proposta das Intra-etiquetas não altera a estrutura como a folcsonomia é utilizada atualmente, mas propõe relações que extendem o seu potencial.

Exemplo de etiquetas em um dado:

Se possuo uma marcação de uma área dentro de um dado, é porque esta 'parte do dado' possui algum ponto de atenção que se destaca das demais partes do dado.

Exemplo de dado com marcações (veja que o Dado possui Intra-etiquetas, pois ele possui etiquetas que são relativas à partes do seu dado):

Se uma marcação for recortada, ela pode ser etiquetada normalmente. As etiquetas deste recorte (que, por ser um recorte, configura-se um novo dado), somente quando analisadas como "internas" do dado de onde esta foi marcada, são nomeadas como intra-etiquetas.

Exemplo da marcação de um dado sendo vista como um novo dado (perceba que o que era visualizado como intra-etiqueta dentro do dado maior [figura esquerda], são apenas as etiquetas do dado que foi gerado a partir do recorte [figura direita]):

A análise das etiquetas em dados resultantes das marcações com as etiquetas que estão dentro de um dado original pode oferecer informações interessantes, e gerar um "contexto" para que o etiquetamento seja mais preciso ou ainda que sejam possíveis análises como a da proposta de "Geografia das marcações".

Exemplo das diferenças entre a etiquetagem do Todo e a visualização das etiquetas das partes de um dado:

Exemplos onde podemos ver as etiquetas de um dado e as intra-etiquetas de suas marcações:

A idéia geral da proposta das Intra-etiquetas é bem simples: possibilitar que o usuário faça o etiquetamento daquilo que importa para ele (sem se importar com o que o criador do dado definir como "começo" e "fim" de um dado), a fim de facilitar o resgate deste dado.

No exemplo acima, a palavra-chave da busca, quando no singular (estrela-do-mar) e quando no plural (estrelas-do-mar) retornam resultados diferentes. Assim como, pela localização de uma marcação, é possível encontrar um dado que está dentro de outro dado, como no caso da "estrela do mar dentro do mar".

Desta maneira, o usuário pode trabalhar com a classificação e o armazenamento de dados que resgatam a informação que realmente importa para ele.

Exemplo mostrando como, de um dado, podemos ter metadados (etiquetas e marcações) que indicam dados, e, destes, outros dados:

Conectando Conteúdos

Um passo além do Scrapbook: como a tecnologia pode complementar lembranças associadas a objetos.

cassianoazevedo — Fri, 03 Jul 2009 15:47:41 -0700

No último trabalho da disciplina de Fundamentos de Design de Interação foi solicitada a apresentação, com base em entrevista, de exemplos de objetos que alteram a percepção da realidade. Naquele momento, a entrevistada descreveu sobre como o scrapbook, de forma surreal, lhe trazia lembranças do passado. Ela também enfatizou o poder de fotos, frases e mensagens mexerem com os nossos sentidos.

Após a entrevista, resolvi pesquisar na web sobre a existência de scrapbooks digitais, inclusive em link sugerido pelo Professor Fred. Percebi que já existem alguns sites que se propõem a utilizar essa tecnologia, para trazer lembranças do passado de forma ainda mais enfática, explorando não só a parte visual, através de fotos e textos, mas também através de sons e imagens em movimento (vídeos). Constatei que ambos os scrapbooks (convencionais e digitais) têm suas vantagens. O digital nos leva a explorar melhor o visual e o auditivo, porém peca por não podermos manusear o material. Já o scrapbook convencional é algo tangível, que de alguma forma torna a experiência mais interessante. Cheguei à constatação que a junção dos atributos dos dois tipos de scrapbooks poderia mexer ainda mais com os nossos sentidos, fazendo-nos vivenciar experiências surreais ainda melhores.

Decidi pesquisar mais sobre o assunto e vasculhar coisas antigas como brinquedos, revistas, livros e fotos. Pedi a minha irmã que fizesse o mesmo. Percebi que, além das fotos, os objetos guardados – como brinquedos, materiais escolares e aparatos eletrônicos – nos fazem voltar no tempo e lembrar de histórias esquecidas em nossa mente. Cada objeto da nossa infância, ou viagem inesquecível, faz-nos lembrar de determinado momento de nossas vidas.

Então, por que não criar algo além de fotos e vídeos? Foi então que surgiu a idéia de uma espécie de "scrapbox". A "caixa de lembranças" seria equipada com uma tela e um leitor RFID. Dentro do scrapbox seriam guardados os objetos. Cada objeto teria uma identificação através de uma etiqueta RFID. Os objetos teriam relação com alguma foto, texto, áudio ou vídeo. Para isso, bastaria passar o objeto no leitor RFID, para que na tela fossem visualizados detalhes do objeto.

Por exemplo, em uma viagem a Foz do Iguaçu, foi comprado, como souvenir, um copo com desenho das Cataratas do Iguaçu. Posteriormente, foi anexada a esse copo uma etiqueta RFID. Ao passar o copo no leitor RFID, a tela mostraria um vídeo gravado naquela visita, durante a viagem.

Associar objetos que nos trazem lembranças especiais a registros conforme modernas tecnologias é uma forma de demonstrar como os avanços tecnológicos podem abrir horizontes, colocando novas possibilidades ao dispor do homem, para tarefas simples, porém inovadoras, inclusive afetando seus sentidos e sentimentos. Concepções dessa natureza representam passos no sentido de novos estilos de vida, que certamente serão desfrutados por nossos sucessores.

Scrapbox

Ponto i - Protótipo em papel do quiosque de auto-atendimento

Felipe_Santos — Thu, 13 Nov 2008 16:21:14 -0800

O resultado final da disciplina Técnicas de Prototipação foi um protótipo em papel de uma das mídias do nosso sistema de informações.

Escolhermos prototipar apenas algumas das funcionalidades relacionadadas a transportes, alimentação, por serem importantes tanto para o cidadão quanto para o turista, além de informações periféricas como previsão do tempo, data, hora, notícias da cidade, dicas, etc...

Usando a técnica de stop motion, criamos este vídeo que mostra como seriam as interações nestas funcionalidades. Este vídeo foi apresentado no Dia Mundial da Usabilidade em Curitiba.

Ponto i - Paper Prototyping from Felipe Sad on Vimeo.

Ponto-i