interfaces

Sensores de movimento e aspetos a acautelar no desenvolvimento de aplicações com dispositivos de captura de movimento

paulamargarida — Sat, 14 Jan 2012 18:00:31 GMT

O aparecimento dos dispositivos de controlo de movimento (motion controllers) possibilitou e facilitou a utilização, não só nos jogos, mas também na construção de aplicações noutras áreas.

Sensores são dispositivos que convertem um sinal físico num sinal elétrico passível de ser manipulado no computador, ou seja o sensor deteta modificações no ambiente. As alterações no ambiente podem ser de várias naturezas, por isso existem vários tipos de sensores, e o tipo de sensores mais comuns, no âmbito das interfaces controladas por gestos são sensores de proximidade, luz, pressão, som, movimento, orientação e tilt (inclinação, ângulo).

A investigação da interação humano-computador na área dos sensores pretende perceber como estes podem promover e melhorar a interação, na elaboração de novos dispositivos de entrada, ou no desenvolvimento de aplicações com comportamentos mais humanos.

No decorrer do desenvolvimento aplicações com sistemas de reconhecimento de gestos existe um conjunto aspetos a acautelar no que diz respeito à utilização de sensores. Os sensores apresentam características muito específicas, pelo que é importante averiguar potenciais problemas associados.

Uma das primeiras recomendações apresentadas por Dan Saffer diz respeito à escolha do tipo de sensor que se pretende para a aplicação. O tipo de sensor, ou sensores no caso de haver uma conjugação de vários, determina o tipo de interação gestual que se pode ter na aplicação. Esta questão está relacionada com os vários aspetos técnicos presentes nos vários sensores, como é o caso da distância limite que o sensor consegue detetar.

A necessidade de calibrar o sensor ao nível da sensibilidade é outro aspeto importante no desenvolvimento de aplicações controladas por gestos. A calibração do sensor irá evitar que haja um sistema demasiado sensível e que responde sem o utilizador o desejar, ou de ter um sistema que não responde quando solicitado às interações do utilizador. (Saffer, 2009)

Os sensores presentes nos nas aplicações controladas por gestos são muitas vezes sensíveis à luz ambiente, pelo que é necessário apresentar a aplicação muitas vezes num ambiente estável. A mesma situação acontece quando o som ambiente é variável, no caso de haver comunicação por voz pode haver interferência.

Outro conselho está relacionado com a prevenção de erros nas interfaces controladas por gestos. Uma das formas sugeridas de evitar erros, é a confirmação de determinadas ações realizadas pelo utilizador (sejam intencionais ou acidentais).

O feedback é uma componente importante a ter em consideração no desenvolvimento de aplicações interativas, mas deve ser ainda mais potenciado quando existe um sistema de reconhecimento de movimentos. No caso de ocorrer um erro, uma falha do sistema, o utilizador deve saber o que se esta a acontecer com a aplicação, caso contrario o utilizador pode pensar que esta a proceder de forma incorreta (quando na verdade o problema reside na aplicação).

“Usually, if there is any chance of recognition failure, the system should provide feedback on all recognition results, errors or otherwise. If possible, the system should provide some indication of the nature of any failure so that the user can modify his or her own behavior to meet the system’s expectations.” (Wilson, 2008)

Entrega TP04 | Especificação técnica e gráfica

nelsontaleite — Fri, 15 Apr 2011 14:38:28 GMT

Boas!

Esta entrega consiste nas características que a implementação do sistema deverá apresentar, e é o módulo onde o ambiente e linguagens a utilizar durante o desenvolvimento devem ficar completa e definitivamente definido. Isto no que diz respeito à especificação técnica.

Quanto à especificação gráfica, tivemos que estudar a imagem da marca: estudos gráfico, cromático, tipográfico, de interfaces e de interacção.

ESPECIFICAÇÃO TÉCNICA

Modelo / Arquitectura do Sistema

Representação das relações entre as diferentes componentes (software e hardware)

Começamos então pela arquitectura de alto nível:

Na imagem que se segue apresentamos a arquitectura de baixo nível:

Mapa de navegação

Diferentes caminhos que o utilizador pode percorrer e áreas associadas a cada funcionalidade

Fluxogramas das principais funcionalidades

Representa os processos

Fluxogramas.pdf

Modelo de base de dados

Define a forma como os dados são guardados, organizados, manipulados e relacionados

Base de dados (rar): FindMemories_(Schema_-_memoriasAveiro).rar

Um preview da base de dados:

ESPECIFICAÇÃO GRÁFICA

Nome / Conceito

Verdade seja dita que encontrar um nome alternativo para o projecto não foi tarefa fácil. Partimos de "Memórias de Aveiro", nome original do projecto, e aventuramo-nos então numa jornada à procura de um nome novo. Como tal, começamos a "disparar ideias" e esboçamos um mindmap:

Findos os estudos, surgiu então "a luz", passadas bastantes tentativas fracassadas:

FINDMEMORIES

O nome utilizado remete para a essência da plataforma. Esta possibilita à comunidade a partilha e georreferenciação de fotografias, que retratem a evolução temporal de um dado espaço urbano. O principal objectivo da plataforma é encontrar memórias, facto que justifica o nome dado à mesma.

As fotografias partilhadas no FindMemories deverão estimular e avivar a memória, o que se traduzirá em recordações. Optou-se por utilizar o idioma em inglês, dado que permitirá uma maior facilidade na expansão a nível internacional.

Logótipo

Aqui estão os primeiros estudos/rascunhos do logótipo:

Na sequência destes estudos chegamos a uma versão final do logótipo (real e monocromático), bem como a sua versão complementar, que servirá também de favicon.

E o porquê do logotipo ser laranja [#EE3E24]?

A escolha da cor deve-se ao facto de ser vibrante, forte, jovem, lúcida, amigável, confortável, libertadora, enérgica. Qualidades que reflectem os valores e objectivos da marca. A nível técnico, por ser uma cor quente, realça a representação da informação e melhora alguns aspectos cognitivos, tais como a eficiência do olhar, que faz perdurar na nossa mente a mancha de cor visualizada. Esta também está associada ao desenvolvimento intelectual e à vitalidade.

De seguida estão presentes as reduções de escala e a área de protecção do logótipo

Estas e outras informações encontram-se no manual de identidade

Open publication - Free publishing - More identidade

Estudo da grelha (goteiras, baseline grid, micro e macro base units)

Para a construção da grelha dividiu-se a página em 9 grandes colunas (com 100 px cada), 8 goteiras (de 10px) e uma margem de 44px, ou seja, 22px à esquerda e outros tantos à direita. Isto resulta numa área útil de 980px, uma área relativamente extensa, que é o que o projecto precisa, devido ao uso de mapas: quanto mais "espaço", mais área de visualização haverá; e resulta numas margens com espaço suficiente para a scrollbar, sem desformatar ou sobrepor o layout.

Composição de ecrãs únicos

Em relação ao layout, é de design minimalista, clean, à base de linhas rectas (KISS - Keep It Simple [http://pt.wikipedia.org/wiki/Keep_It_Simple] )

Open publication - Free publishing - More estudo

PDF: bruno-brandao.com/pdf/estudo_grelha.pdf

Quanto aos ecrãs, apenas um ponto a referir: não respeitamos nem seguimos cegamente a grelha, pois há conteúdos que terminam a meio de uma macro unidade.

“ The grid system is an aid, not a guarantee.

It permits a number of possible uses and each

designer can look for a solution appropriate to his

personal style. But one must learn how to use the

grid; it is an art that requires practice. ”

Josef Müller-Brockmann

http://www.thegridsystem.org/

Biblioteca dos estados de ícones e controlos

Relativamente aos controlos, o seu estudo só faz sentido se, efectivamente, forem outros que não os "por defeito". Então, visto que serão utilizados os controlos por defeito, não foi realizado o seu estudo.

Quanto aos ícones, aqui estão os que são usados no website:

Todos os ícones, à excepção do primeiro (o mapa), serão utilizados como botões.

De referir ainda que não serão alterados os seus estados, isto é, mesmo em mouseover, os ícones não se alteram.

Especificações cromáticas

Em primeiro lugar, aqui revelamos a palete do nosso site, onde "brincamos" com cinzentos e o laranja do logótipo, para contrastar e não tornar a aplicação monótona.

Apresentamos ainda o estudo cromático, com as cores utilizadas na plataforma, com a respectiva transparência (a 50%), bem como as cores relativas às mensagens de feedback ao utilizador.

Especificações tipográficas

Será utilizada a tipografia Arial. Em primeiro lugar porque é um tipo de letra sem serifa, o que proporciona uma melhor leitura em ecrã. Em segundo lugar porque está de acordo como a restante linha gráfica. Segundo o typetester.org (aplicação para comparar simultaneamente vários tipos de letra) é o tipo de letra mais requisitado e utilizado pela comunidade.

É ainda uma fonte condensada, ou seja, cumpre os requisitos fundamentais para a plataforma, dado que as zonas de espaço disponíveis para colocar informação são reduzidas. A Arial permite uma fácil leitura e é familiar a todos os utilizadores, até porque é uma fonte de sistema.

Para concluir

Podemos concluir com convicção que a presente entrega foi extremamente importante para a próxima fase que se aproxima, na medida em que contribuirá para a continuação da elaboração do nosso projecto, a começar já pelo protótipo. Nesta entrega foram trabalhados e esquematizados todos os detalhes da especificação técnica e gráfica, o que fez com que ficassem delineados o ambiente e linguagens a utilizar, tal como a imagem da marca. Neste sentido foi desenvolvido o layout do website com as respectivas grelhas, goteiras, medidas, entre outras especificações enumeradas anteriormente ao longo do post.
Estes estudos ajudaram o grupo a perceber a necessidade das especificações, pois assim a margem para erro será diminuta, nomeadamente ao nível das especificidades técnicas, que ficaram todas resolvidas e explicadas e ao nível gráfico, onde já se começaram a definir regras e a surgir a linha gráfica de toda a aplicação.
Isto ajudou também o grupo a clarificar as tarefas que irá desenvolver posteriormente no âmbito do projecto.

# Aula 13 de Abril

anaccosta — Wed, 13 Apr 2011 09:48:56 GMT

Hoje na aula de projecto continuamos com o desenho das interfaces da aplicação. Estamos a desenhar quer para ecrã 4:3 quer para 16:9.

No que diz respeito à especificação técnica falta-nos apenas a arquitectura de sistemas. Temos algumas dúvidas neste ponto que iremos escarecer hoje à tarde na reunião com os orientadores.

O grupo encontra-se também a fazer algumas experiências no Flash já com as interfaces finais.

Leituras 002: Natural User Interfaces are not Natural por Don Norman

carlossantos — Fri, 14 May 2010 09:05:16 GMT

"Are natural user interfaces natural? No. But they will be useful."

Uma reflexão interessante e importante para quem anda a investigar na área do multitouch. Leitura recomendada disponível na "interactions magazine" da ACM.

Esta referência chegou-me através deste tweet do António Figueiredo, que me chamou a atenção depois de ver o vídeo que se segue, da autoria do grupo "DeCATouch" da disciplina de projecto de NTC/UA.

“TOUR DE JEU” COMUNICAÇÃO MEDIADA PELA ESCRITA

patgouveia-visit — Fri, 25 Aug 2006 18:26:00 GMT

Descobri recentemente num artigo sobre a temática “jogos de adultos” de Manuel Boutet, doutorando em sociologia da Universidade Paris 10-Nanterre, um site francês exclusivamente dedicado aos jogos por e-mail. Os jogos propostos em Tour de Jeu são herdeiros dos jogos por correspondência postal (JpC) que existem há imenso tempo de forma discreta. A possibilidade de jogar uma partida de xadrez, batalha naval ou outros, à distância quando os jogadores estão em localizações geográficas diferentes torna-se evidente quando cada um destes jogadores envia, por correio, a sua jogada tendo um “tabuleiro” onde assinala as jogadas dos dois ou mais participantes. Hoje em dia esta possibilidade é ampliada em termos de velocidade pela utilização da rede e do e-mail sendo que os jogos propostos podem ser inúmeros: estratégia, jogos de roleplaying, simulação, etc., com temas históricos, humorísticos, realistas ou outros. O truque que possibilita estas interacções é que os jogadores não jogam em tempo real, ao mesmo tempo, mas à vez, tour par tour. As qualidades requeridas aos jogadores pelo portal de jogos francês por correspondência são explícitas: paciência e assiduidade. As principais vantagens apresentadas: liberdade (joga-se quando se tem tempo embora ao seleccionar o tipo de jogo em que se entra se deva fazer uma estimativa do tempo de envolvimento que se pode dar ao jogo) e ambiência (uma partida dura por vezes meses). O aspecto de conexão “à vez” dos jogadores, contrário à maioria dos jogos on-line, permite um maior tempo de reflexão e de expressividade criativa em que o jogador tem que mostrar regularidade, perseverança, paciência e bom senso.