Tag Archives: IHM

O pendrive que infla

Não é notícia nova mas parece que muita gente ainda não viu.

pendrive que incha

Esse é o FlashBag, um pendrive muito diferente criado pelo projetista russo Dima Komissarov, que já trabalhou em projetos até da agência espacial russa. A idéia do FlashBag é que o estado de armazenamento do pendrive é facilmente visto pelo usuário, mesmo quando o pendrive não está ligado no computador.

Quando o pendrive está vazio ele é fininho como um pendrive normal. A medida que você vai colocando dados nele e ele vai ficando mais cheio, o pendrive mais inflando, até que quando ele atinge os 2GB de capacidade ele está totalmente inflado.

flashbag, o pendrive que infla

Porém o flashbag é um projeto conceitual por enquanto e procura por um fabricante interessado em comercializar o produto.

Na minha opinião, foi uma idéia inovadora e altamente funcional. Talvez inflar não seja o melhor design para indicar o volume do pendrive, mas é uma funcionalidade necessária. Uma boa seria uma barrinha progressiva que fosse puxada por um minúsculo motor, por exemplo.

Refazendo os Fogões

Por Marco Diego e Silveira Neto.

Atividade passada pelo Professor Riverson Rios na disciplina de Interface Homem Máquina. É sobre as interfaces de fogões de 4 e 6 bocas.

Este aqui é um fogão doméstico comum de 4 bocas:

Fogão Doméstico Comum de 4 bocas
Imagem retirada da Wikipédia. Endereço original.

Tanto este fogão quanto o fogão de 6 bocas possuem o mesmos problemas de desenho em sua interface com o usuário.

Bonequinho tentando usar o fogão


Problemas:

  • Posição: A interface está virada para a barriga do usuário e não para seus olhos. Esse ângulo de visão dificulta a observação do conteúdo da interface e faz com que o usuário tenha que se afastar ou se abaixar. Esse é um problema comum também em amplificadores de instrumentos musicais.
  • Confusão: Não há como saber qual válvula ativa qual boca. Não existe nenhuma relação padrão nos fogões. Em alguns fogões há um gráfico que determina esse caminho mas é comum as pessoas se confudirem.

Fogão Proposto

Não queremos alterar muito a estrutura já existente dos fogões. Nosso fogão proposto é esse:

Fogão proposto
Código-fonte: fogao_proposto.svg

As válvulas e as bocas tem as mesmas cores assim fica fácil de perceber e memorizar as posições. A válvula tem uma seta, pois geralmente não se sabe qual lado da válvula é o certo. Há também um desenho indicador que quanto mais para baixo menos quente e quanto mais para cima mais quente.

O painel foi virado em 45º possibilitando que o usuário possa usa-lo sem precisar se abaixar ou se inclinar ao mesmo tempo que pode acessar com as mãos o painel sem encostar nos cabos das panelas.

Refazendo um panfleto

A primeira atividade da disciplina de Interface Homem Máquina com o professor Riverson é melhor este panfleto:

Panfleto

Aqui está o resultado que eu e o Marco Diego fizemos:

Panfleto Modificado
Código-fonte: panfleto.svg

Tiramos bastante texto para deixar o panfleto visivelmente fácil de ler e assim atingir um público maior de leitores. Várias explicações foram substituídas por formatação de texto, como negritos e cores, sem perda as informações contidas.

A palavra aviso em vermelho é para ela ganhar um destaque, para chamar a atenção de todos que passarem pelo folheto, mas sem excessos para não ser confundido com propaganda. Em seguida o destinatário da mensagem, sem muito destaque. Laboratório de Programação recebeu um fundo azul para destacar de qual disciplina estamos tratando e em cada linha seguinte uma palavra chave seguido de uma informação precisa.

Achamos que uma boa maneira de mostrar a distribuição é mostrar uma tabela da distribuição da turma na semana letiva. Todas as células da tabela estão com os cantos arredondados deixando o desenho mais orgânico, o que segundo alguns deixa a imagem mais agradável para as pessoas.