Linguagens de Interação | Analise Nintendo 3Ds
abr14

Linguagens de Interação | Analise Nintendo 3Ds

Hoje trago a minha analise de um objeto, utilizando os conceitos aprendidos na matéria de Linguagens de Interação. Objeto Analisado Nintendo 3Ds – Vídeo Game portátil com tecnogia 3D e touchscreen. Algumas informações sobre o Nintendo 3Ds: – Duas telas: Uma de suas telas possui a tecnogia 3D e a outra touchsreen, no aparelho também foi adicionado um controlador onde você pode nivelar a intensidade do 3D. – Câmeras: Com ele é possível tirar fotos e filmar em 3D, graças as duas lentes que ficam atraz do aparelho, ele também possui uma câmera frontal. – Sensor de movimento: Possui um sensor de movimento giroscópio que reagi ao movimento e inclinação do aparelho, permitindo uma mecânica diferenciada para certos tipos de jogos. – Controles: Possui um controle analógico junto ao controle tradicional. – Caneta: Possui uma caneta para facilitar a interação com a tela touchscreen. A escolha do objeto O Nintendo 3Ds possui duas funcionalidades que me chamaram atenção, e no que elas podem agregar a experiência do jogador: – StreetPass: O Nintendo 3Ds possui um sistema onde os aparelhos conversam entre si através de um sinal emitido por eles, com um alcance de até 30 metros, criando uma nova forma de interação para os jogadores não apenas on-line mas também com pessoas do mundo real que o jogador encontra no dia-a-dia, ele não precisa estar ligado para que o sinal seja emitido, basta que seja deixado em modo de stand-by. As experiências são diversas: os jogadores ao se encontrarem, podem ganhar pontos para utilizar em seus jogos, trocar dados com outros jogadores, desafiar o outro jogador e fazer novas amizades. – SpotPass: Existem alguns lugares chamados de “Nintendo Zones”, que foram preparados pela desenvolvedora do aparelho, onde os jogadores podem se conectar gratuitamente a internet e receber dados de jogos e de outros jogadores que passaram pelo local. Analise A interface é baseada em elementos gráficos, o que facilita o entendimento do aparelho, já a sua navegação é bem direta e intuitiva. – Seleção: Os jogadores podem criar seus avatares para se diferenciar dos outros jogadores. – Composição: O aparelho foi totalmente composto por tecnologias já existentes, como o 3D, o touchscreen, o sensor de movimento entre outros, criando um novo aparelho e uma nova experiência ao juntar todas essas ferramentas. – Teleação: Parte da interação com o Nintendo 3Ds é feita através de telas pré definidas para executar determinadas ações. – Visibilidade: Suas funcionalidades são bem visíveis, tanto a analógica quanto a digital. – Mapeamento: O aparelho utiliza poucas analogias físicas e culturais, o entendimento não é imediato. – Permissões: O conjunto de 2 telas + os controles...

Veja Mais
O futuro do mundo digital
nov30

O futuro do mundo digital

Olá pessoal, estou cursando Design de Interação, e a partir deste post sempre que possível irei compartilhar o conhecimento adquirido aqui no blog, vamos lá! Hoje trago uma discussão que foi levantada em aula, que ao meu ponto de vista e acredito que por boa parte dos meus colegas é de muita importância. Existem muitos dizendo por ai que o futuro é digital, tudo vai se tornar digital, um estudo levantado pela designedtomove.org nos mostra que as crianças dessa geração viverão 5 anos a menos que a nossa geração, por má alimentação e sedentarismo, muito por conta dessa grande quantidade de tecnologia e conectividade, as pessoas estão parando de se movimentar, por estarem conectados o tempo todo. Assista ao vídeo da campanha realizada pela designtomove para entender melhor. Abaixo temos um infográfico que nos mostra essa pesquisa. A discussão Tudo é tela – O futuro não está somente em telas (mundo digital) aponta o prof. Jaakko, existem problemas que não podem ser resolvidos no mundo digital. Jaakko nos lança um desafio, como resolvemos a questão das crianças que viverão 5 anos a menos (apontado em pesquisa) por má alimentação e sedentarismo, através de telas/mundo digital. Algumas idéias e exemplos são dados, mas nenhum deles de fato é exclusivamente resolvido por telas, sempre existe algo antes da tela, algo físico. Conclusão As telas não existem sem um contexto, sem algo físico, elas não são independentes, ou seja, precisamos cada vez mais pensar no contexto em que as telas estão sendo utilizadas. Exemplo: pessoas andam na rua esbarrando em pessoas e em coisas como um poste, por estarem mexendo no celular, tablet, etc. Como melhoramos as telas para evitar que ocorra esse tipo de situação? Analisando isso vemos que o futuro não ficará apenas no digital, os projetos de design devem começar a olhar mais o contexto em que o produto será utilizado ao invés de apenas focar na tecnologia. Como melhoramos a vida das pessoas através da telas? É possível? O que você faria para devolver esses 5 anos para essas crianças? Esse é um assunto novo, que deve ser discutido, ficarei muito feliz se poderem opinar a respeito nos comentários, faço questão de citar os comentários aqui no post. Críticas, sugestões, elogios, deixem nos comentários. Espero que tenham gostado, até a...

Veja Mais
Melhores plugins para desenvolver sites em WordPress
nov21

Melhores plugins para desenvolver sites em WordPress

Olá Galera, hoje trago a vocês a minha lista com os “tops” plugins que utilizo para desenvolvimento de sites em WordPress. Vamos lá! WP Show IDs – Mostra o ID ao lado de cada post/página/categoria no painel de controle. É muito útil caso queira utilizar os controles para exibição de conteúdo. WordPress.com Stats – Mostra de forma rápida e simples um breve relatório de páginas visitadas, links que foram clicados, keywords e páginas de referência. FV Antispam – Um ótimo protetor de spams que funciona sem o uso de captcha ou similares. WordPress SEO – Um dos melhores plugins para SEO se não for o melhor, possui diversas ferramentas para você otimizar o seu website. Regenerate Thumbnails – Exporta todas as thumbnails novamente, muito útil para quem costuma inserir novos tamanhos/formatos de imagens. Simple Lightbox – Inseri lightbox automaticamente a todas as imagens postadas. Multiple Sidebars – Crie múltiplas sidebars para seu site e defina em quais páginas elas irão aparecer. WP-Polls – Simples e rápido criador de enquetes. Slideshow Gallery – Crie, gerencie e insira galerias de imagens em seus posts/páginas. Irei inserindo mais assim que surgirem novos plugins interessantes. Até a...

Veja Mais
2# Boas Práticas para Web Designers | Page Speed
nov05

2# Boas Práticas para Web Designers | Page Speed

Para aqueles estão cansados dos sites produzidos ficarem pesados e demorarem a carregar, separei boas dicas para amenizar esse problema. Primeiro de tudo, nem sempre é culpa da conexão! Código fonte O código fonte deve ser o mais limpo possível, muitos pensam que 1 ou 2k não fazem diferença, mais quando somados a outras variáveis acaba fazendo diferença. O que é um “código limpo”? Bem um código limpo é aquele que evita códigos desnecessários, espaços desnecessários (cada linha de código agrega peso ao arquivo), por exemplo: HTML – Evite “pular” muitas linhas no código, alguns utilizam esse método para separar seções, utilize o “comentário”. CSS – Utilize o código em linha, com isso o css é renderizado mais rápido e o arquivo fica mais leve, exemplo: Errado: #header{ width:300px; height:50px; float:left;} Correto: #header{width:300px; height:50px; float:left;} No HTML procure utilizar os javascripts no final do código e o CSS no inicio, isso faz com que a estrutura do site carregue mais rápido, porem em alguns casos é necessário que o javascript fique na HEADER, como por exemplo o código de acompanhamento do Google Analytics. Existem alguns sites que fazem esse trabalho para nós, eles fazem compressão do HTML, CSS e Javascript, deixando o código em até 1 linha, tornando o arquivo muito mais leve. Porém não é o ideal trabalhar encima de códigos em “1 linha”, sugiro apenas compactar os códigos que forem para o site e deixar um Back Up com os arquivos que irá trabalhar. Abaixo segue alguns sites que fazem essa compressão. HTML/CSS – textfixer.com CSS – cssminifier.com Javascript – javascriptcompressor.com Imagens Boa parte da lentidão dos sites é devido as imagens, em alguns casos elas até podem ser evitadas, mas quando não for possível certifique-se que elas estejam totalmente otimizadas para WEB. Dicas: PNG – Algumas imagens em PNG 32 ou 24 podem ser substituídas pelo PNG 8 que é muito mais leve. Jpeg – Salve sempre para web com 72dpis. Gif – Pode ser utilizados em pequenos ícones onde a baixa qualidade não vai fazer diferença. Além dessas práticas existem alguns sites que fazem compressão de imagens, segue alguns que utilizo e recomendo! www.smushit.com www.jpegmini.com Botões e Efeitos Substitua imagens por css, como por exemplo, em um botão de cor chapada pode-se utilizar css ao invés de uma imagem como background, muitos efeitos já podem ser feitos com CSS3 como gradientes e sombras, porem não funcionam em todos os navegadores. Medidores de velocidade Existem plugins que podem te ajudar a analisar seu site e verificar onde ele pode ser otimizado: Page Speed. Ping Dom Fico por aqui, espero que tenham gostado. Até a...

Veja Mais
Guia para site Mobile
out30

Guia para site Mobile

Olá webmasters! Para quem está pensando em desenvolver para móbile, e está com dúvidas, segue um ótimo infográfico feito pela Agência Mestre, nesse infográfico além de esclarecer algumas dúvidas também é falado de SEO em sites móbiles, vale apena conferir. Até a próxima! Infográfico: Infográfico – Guia de site mobile | Agência...

Veja Mais
Novidades em Dobro! Confiram o novo visual do Blog e do meu Portfólio.
out23

Novidades em Dobro! Confiram o novo visual do Blog e do meu Portfólio.

Depois de dias de muito trabalho e sem dormir… a parte do “sem dormir” é brincadeira! Finalmente lanço meu novo portfólio junto ao novo visual do blog. Novidades – Mais completos: Ambos estão com novas seções para você conferir! – Interativos e dinâmicos: Utilizando HTML5, CSS3 e Jquery, estão muito mais “divertidos” de se navegar. – Cleans: Simples, objetivos e atrativos, esse é o novo conceito. – Responsivos: Agora você pode acessar e navegar com conforto de qualquer dispositivo....

Veja Mais