Artefatos Interativos

LOCALIS

2011-06-30T21:09:00.006-03:00

Este projeto tem o objetivo de melhorar o sistema de informações de ônibus para Curitiba e sinalizar rotas para outros meios de transporte, como carros ou a pé, além de facilitar o usuário visualizar pontos da cidade, como bancos, farmácias, shoppings, etc.

Primeiro organizamos as principais questões para definir nosso objetivo definindo o por que e para quem estávamos fazendo o projeto, para então definirmos o público alvo. Que neste caso são Estudantes e Trabalhadores. Pensando nisso, desenvolvemos personas e situações para analisar tarefas que cada uma iria realizar, como por exemplo, quando o carro de alguém quebra e essa pessoa está despreparada de informações sobre ônibus e precisa disso rapidamente, ou um estudante do interior em uma cidade nova para ele e grande como Curitiba, mas também pensando nas classes mais baixas que mal tem acesso ao computador. Através desse método pudemos extrair quais eram as principais necessidades desse publico alvo.

Para complementar essas tarefas, analisamos como a internet supre essas necessidades dos usuários através da Análise de Similares (benchmarking) encontramos sites como:

O Google Maps tem o layout mais clean dentre os sites analisados, ele vai direto em como traçar uma rota, mas nem todas as cidades tem o sistema de ônibus integrado a ele.

O Maplink tem o layout um pouco mais poluído, porém tem mais aplicativos que o maps, o que faz dele levemente mais complicado. (não tem sistema de transporte público)

O Guia Mais tem o layout quase tão simples quanto o Maps,
mas não tem também sistema de transporte público.

Conclusão, o Google Maps é o site mais completo na internet, mesmo ainda sendo carente de informações para alguns lugares no brasil ainda. (como o sistema de transporte, transito, clima, etc...).

E depois que definimos o perfil do usuário, começamos a trabalhar com Card-Sorting e desenvolver o layout através de sketches. Depois de alguns testes com o usuário, chegamos ao layout final.

Este é o resultado do trabalho deste primeiro semestre de 2011, foram aproximadamente 4 meses de trabalho desde março até o final de junho, na matéria de Usabilidade.

Neste tipo de trabalho seguindo um tutorial, com auxilio do professor, foi muito proveitoso para aqueles que souberam aproveitar a oportunidade, pois pudemos desenvolver um projeto mais completo (normalmente trabalhamos em vários projetos menores), tivemos tempo para analisar os erros e os acertos, ver onde melhorar e produzir algo de qualidade.

Nossa equipe realmente se dedicou ao LOCALIS, acreditamos nessa idéia e agora compartilhamos ela aqui com vocês.

Duvidas? Sugestões? Criticas? Não deixe de comentar o post. Nos ajude a melhorar sempre o nosso “Projeto LOCALIS”.

Equipe: Luiz Rosa, Ricardo Schroeter, Rafael Raja, Guilherme Follador de Creddo, Jeanne Chauvin.

Found it!

2011-06-30T16:57:00.001-03:00

O objetivo consiste em melhorar o sistema de informação do transporte público proporcionando eficiência, conforto e qualidade.

Processos de desenvolvimento

Estudo de Público Alvo;
Desenvolvimento de Personas;
Análise de similares;
Pesquisa de conteúdo do aplicativo;
Fluxograma de navegação;
Card Sorting;
Protótipo de baixa fidelidade;
Protótipo.

Vídeo de realização do card sorting:

Veja o RELATÓRIO COMPLETO

Quo Vadis

2011-06-30T13:54:00.001-03:00

Para atender a missão de melhorar a vida urbana, facilitando os deslocamentos e assegurando o acesso das pessoas às suas casas, ao trabalho, serviços e lazer, de maneira confortável, segura e eficiente, temos como objetivo do site Quo Vadis auxiliar na compreensão e na mobilidade urbana utilizando de uma página de simples navegação e com funcionalidades que ajudarão usuários do transporte coletivo e individual assim como turistas e usuários esporádicos do sistema.

Os públicos-alvo são os Cidadãos de Curitiba e Região Metropolitana, turistas nacionais e internacionais, enfim, aqueles que buscam meios de transporte para se locomover de forma fácil na cidade.

Dentro do Cenário foram feitas análises competitivas com outros sites brasileiros e europeus referentes ao transporte coletivo.

Card Sorting

Layout

Quo Vadis

Alunos: Elizeu Greber, Lilian Voos, Mauro e Pedro Marins

LAYOUT FINAL

2011-06-22T21:04:00.019-03:00

Dicionário Infantil

Aqui está a home, pensamos em algo para diminuir ao máximo palavras, pois como se trata de um site para crianças que ainda não sabem ler , ou leêm muito pouco ainda, não adiantaria colocar descrições por exemplo.

Cada personagem nesta cena é um ícone que de acordo com sua fisionomia direciona para o local correto da pessoa que esta entrando.

Por exemplo: o Pai

Clicando no pai o site direciona o usúario para o perfil dos pais assim como a personagem da Mãe.

Nesta pagina, o pai pode realizar seu login, onde ira direciona-lo para o local onde pode verificar o desempenho do seu filho. Se não for cadastrado ainda, pode conhecer o site e os métodos utilizados para aprendizagem com o site.

Clicando nos personagens de uma das crianças, o usuario é direcionado para o local de senha, onde a criança terá um jeito só dela de colocar sua senha, sem palavras e sim por desenhos cores e o alfabeto. Já induzindo a mesma a conhecer a letras.

Assim que a criança clica na letra da sua senha e nos seus desenhos e cores nas telas ao lado é possível ve-los para confirmar se a sequência é a correta, e então é só clicar no OK.

Essa é a primeira tela que a criança usa de fato o dicionário. Nela aparece seu nome e foto, assim como um baú onde a criança pode armazenar suas atividades preferidas para ver mais tarde. Nessa pagina a criança tem acesso a todas as letras do alfabeto, podendo clicar em qualquer uma para conhece-la.

Como exemplo, a criança escolhendo a letra b, o site direciona pra a tela da letra b, onde ela pode ver e ouvir a letra, bem como objetos que iniciam com essa letra, como se escreve, separa e fala. Assim a criança poderá ter uma melhor associação do alfabeto com imagens sons e escrita, para ouvir as letras basta clicar sobre elas.

Da mesma forma que outras atividades vão evoluindo de acordo as telas que a criança vai passando, o site também possui algumas atividades para avaliar o desempenho da criança sem que ela perceba (apenas os pais podem ver); mas essas atividades servem para a crianças passar para proximas etapas do dicionario, conhecendo palavras e associações mais complexas.

No final de um numero x de telas, é proposto uma atividade para criança onde ela pratica o que foi visto. Essas atividades servem para ela passar para os proximos niveis e, consequentemente, novas atividades. A criança só passa pelas atividades depois de visitar as telas de "conhecimento", sendo assim a criança não pode ir para telas avançadas sem conhecer o básico, mas pode voltar caso queira rever alguma tela anterior.

Passando pelos níveis, a criança vai desenvolvendo seu aprendizado de uma forma descontraída e sem as cobranças encontradas em sala de aula.

Por: Ádila Geller, Mariah Maciel e Mariane Schneider

Kacili Zuchinali

2011-06-20T21:12:00.001-03:00

Equipe: Antonielle, Daniella, Elizandra, Kacili

Card-sorting

Organograma do Site

Paineis Semânticos (Personas)

Interfaces

--

--

--

Skate - Vídeo Interativo

2011-06-19T22:42:00.002-03:00

OBJETIVO GERAL

Criar uma hipermídia intertiva que possibilite ao usuário adquirir diversas informações sobre os elementos integrantes dessa hipermídia, sem ter que recorrer a recursos de terceiros - como os mecanismos de busca da internet e os círculos sociais do usuário -, criando assim um ambiente adequado e completo para a aquisição de todas as informações integrantes dessa hipermídia.

____________________________________________________________________

DOCUMENTAÇÃO DO PROJETO

Video Interativo

____________________________________________________________________

VÍDEO ENTREVISTAS PÚBLICO

Segue abaixo um vídeo da entrevista com 5 jovens skatistas da capital de SC, escolhidos com base nos critérios descritos no documento acima.

____________________________________________________________________

VÍDEO PROTOTIPAGEM RÁPIDA

Segue abaixo dois vídeos com a prototipagem rápida da hipermídia, feita de papel - como de praxe.

Dicionário Interativo Infantil

2011-06-08T21:50:00.001-03:00

Arquitetura da Informaçao

iFly - Aplicativo Interativo de Busca de Imagens

2011-06-08T20:49:00.001-03:00

iFly é um aplicativo interativo que não utiliza mouse, é realizado apenas com os movimentos da mão captados através da webcam e tem como objetivo facilitar o usuário na rápida pesquisa de imagens e armazenamento. O aplicativo será gratuito, disponível para download em websites.

As funções serão a busca de imagens em sites parceiros(Google Imagens, Facebook, Flickr, Picasa, Yahoo) com a opção de salvar as imagens para bibliotecas, podendo também compartilhar-las com amigos que tenham o iFly.

Vídeos: Teste de Usabilidade.
Os vídeos abaixo foram testes de usabilidade feitos com o público de interesse do projeto, sendo estudantes de design e fotógrafos.

Vídeos: Teste de Usabilidade - INTERFACES.

O vídeo abaixo foi feito para o teste de usabilidade com a diagramação gráfica,
funções e todas as interfaces que o aplicativo terá.

INTERFACES

Interface principal do aplicativo. Nesta interface é digitado a palavra que você gostaria de procurar, selecionar em qual(ais) websites deseja fazer a procura e selecionar o tamanho da imagem. Nesta mesma interface é possível entrar em sua biblioteca de banco de imagens.

Nesta interface está mostranto os botões dos ícones dos websites selecionados para fazer a procura de imagens.

As imagens desejadas já estão disponíveis em sua tela do aplicativo. Agora só navergar e achar a imagem desejada.

Navegando novamente...

A foto desejada, você faz o gesto com a mão como se fosse "tocar"...então aumenta. Para fechar a imagem só "tocar" sobre a imagem novamente.

Interface da parte interna da biblioteca.

Selecionando em "compartilhar" para abrir a caixa de contatos add.

Selecionar uma das pastas da sua biblioteca...

Se quiser compartilhar alguma imagem você apenas "arrastará" para o contato desejado.

Para convidar ou add um amigo nos seus contato, você clica em ADD AMIGO e logo abaixo vai aparecer uma outra janela para digitar o e-mail.

Você digita o e-mail do seu amigo e clicar e enviar...

logo, aparece uma "janela" com o informativo que seu amigo foi add.

App Busca de Imagens

Projeto Sistema de Controle de Alimentos na Cozinha.

2010-07-07T16:42:00.001-03:00

O presente trabalho retrata um projeto para pessoas que moram sozinhas e não sabem cozinhar.
Também e direcionado para pessoas que possuem pouco conhecimento de variadas receitas, mas gostariam de realizar deliciosos pratos, e para quem acaba comendo sempre a mesma coisa.

O Desenvolvimento da idéia surgiu para facilitar a vida deste publico alvo, trazendo o dinamismo para a cozinha.
A pessoa tem a opção de pesquisar as receitas e fazê-las passo-a-passo, sem precisar ser um mestre cuca.
O produto parte de uma tela que pode ser acoplada em um armário, parede, geladeira... Ou onde desejar, em sua cozinha.
Na hora de realizar as refeições o monitor é ligado e lista através de um identificador de RFID os produtos que a pessoa possui em residência.
Clicando no que se quer e arrastando a uma panelinha a pesquisa pode ser efetuada e a receita executada.
Por ali você tem acesso a muitos sites de buscas, e encontra resultados com opinião de outros usuários.
Referente ao sistema de cadastramento dos produtos funcionara da seguinte forma: tudo que passar pela porta de entrada de sua casa já fará parte da sua lista no sistema, através do leitor RFID.
Ali se encontra acesso para mais de um usuário também podendo ser utilizado em republicas, esta fantástica inovação. O login funciona através de suas digitais.
Você também poderá arquivar suas receitas preferidas em uma pasta para tem nas mãos quando necessário.E simples e rápido e lhe fornece muito conforto.

SeuBebê.com - Resenha

2010-05-29T23:25:00.000-03:00

Trabaho design de interação

View more documents from Silvio Júnior.

Guia do Motorista - Resenha

2010-05-29T18:15:00.000-03:00

Relatório guiadomotorista (1)

View more documents from thiagofcf.

Guia Achei A..Z - Resenha

2010-05-29T10:16:00.000-03:00

GUIA - Achei A..Z

View more documents from Daniel R. M. F. dos Santos.

Rua da Gastronomia - Resenha

2010-05-29T09:04:00.001-03:00

Resenha Rua da Gastronomia "Final"

View more documents from deanwolfgang.

Projeto se liga

2010-05-28T23:16:00.002-03:00

Projeto apresentado pelos alunos da especialização web - UEM ,na disciplina de design de integração, prof. Mestre Frederick Vam Amstel

27 05-10-final se liga3

View more documents from Emerson Morgado Brito.

Se liga - wireframes

2010-05-28T13:48:00.000-03:00

Cadastro/Edição de usuários

Visualização de perfil

Editando eventos

Editando denuncias

Editando Sugestões

Resultados da busca

Rua da Gastronomia - Wireframe

2010-05-27T12:32:00.001-03:00

Rua da Gastronomia - Wireframe

View more presentations from deanwolfgang.

Rua da Gastronomia - Writemaps

2010-05-27T12:19:00.002-03:00

dBLife - Layout

2010-05-26T21:34:00.000-03:00

Relatório Final

2010-05-26T14:17:00.000-03:00

Autenticacao Visual

Ponto de Ônibus Inteligente

2010-05-20T12:51:00.001-03:00

Ponto de Ônibus para Florianópolis

View more presentations from guestac9579.

O ponto de ônibus inteligente foi projetado com o intuito de facilitar o dia a dia dos moradores de Florianópolis, levando em consideração todas as necessidades encontradas.
O ponto terá um sistema multimídia onde permitirá o usuário obter várias informações como: cronômetro de quanto tempo falta para chegar os três próximos ônibus, rotas, itinerários, horários de ônibus, preços de passagens, relógio, mapas, entre outras coisas.

Guia do Motorista Layout

2010-05-15T17:24:00.000-03:00

Guia do Motorista Wireframe

2010-05-15T17:23:00.000-03:00

Guia Do Motorista Wireframe

View more presentations from thiagofcf.

Autenticação Visual - Layout

2010-05-15T17:11:00.001-03:00

Se Liga - wireframe

2010-05-15T16:58:00.000-03:00

Clique aqui

Layout da Home Page do seubebe.com

2010-05-15T16:57:00.001-03:00

Wire frame com gomockingbird

2010-05-15T16:52:00.000-03:00

Wire frame com gomockingbird

View more presentations from mbolonhesi.

dBLife - Wireframe

2010-05-15T16:41:00.001-03:00

Simulação de layout/wireframe utilizando a ferramenta Mockingbird.

Cadastro de Paciente

Tratamento

Perfil do Usuário (médicos/instituições)

Pesquisar Informações

Publicar Informações - Artigos

Publicar Informações - Fotos

Publicar Informações - Vídeos

Esboço com GoMockingBird do seubebe.com

2010-05-15T16:41:00.000-03:00

Se liga - Identidade visual

2010-05-15T16:18:00.000-03:00

Autenticação Visual - Mockingbird

2010-05-15T16:04:00.000-03:00

Guia A..Z - Estudo WriteMaps

2010-05-15T15:55:00.001-03:00

Para visualizar o Diagrama Expandido clique no link abaixo:
http://writemaps.com/sitemaps/shareMap/fppo0eldi84vasna2clvy1m83cww1quw7gc9vtqslx8epuis9e

dBLife - Estudo WriteMaps

2010-05-15T15:24:00.001-03:00

Para visualizar o Diagrama expandido clique no link abaixo:

http://writemaps.com/sitemaps/shareMap/a2h9792jb0c967orxijysklj55htjyq29wcyyl7bjww6gdn1in

Acompanhamento de bebês - WriteMaps

2010-05-15T15:18:00.001-03:00

Autenticação Visual - WriteMaps

2010-05-15T14:54:00.000-03:00

Autenticação Visual

2010-05-15T14:00:00.001-03:00

Modelo da Autenticação Visual do site do Google

Logo de Indicação de que site disponibiliza

o serviço de autenticação visual.

Autenticação Visual - Notícia

2010-05-15T13:59:00.000-03:00

Esboço da Identidade Visual - dBLife

2010-05-15T12:00:00.000-03:00

Esboço da Identidade Visual - Autenticação Biométrica

2010-05-15T11:58:00.001-03:00

Guia do Motorista - Esboço da Identidade Visual

2010-05-15T11:57:00.000-03:00

Estudo de cores e fontes

2010-05-15T11:55:00.001-03:00

Estudo de tipografia e combinação de cores

2010-05-15T11:50:00.000-03:00

Rua das Gastronomia - Cores e Tipografia

2010-05-15T11:46:00.000-03:00

dBLife - Estudo WebSort

2010-05-08T17:03:00.000-03:00

Fizemos um estudo com WebSort e constatamos que a ferramenta auxilia o gerenciamento das informações apontando as possíveis falhas.

Autenticação Visual - Card Sort

2010-05-08T16:58:00.000-03:00

A equipe utilizou o site websort proposto pelo professor para analisar a estrutura do serviço de autenticação visual para sites na web.
Onde os usuários classificaram de forma diferente do que proposto pelo projeto inicial, os itens nas suas categorias. Assim percebemos que a nossa organização inicial pode ser modificada analisando melhor os resultados que o websort nos proporcionou.
Como por exemplo os itens vincular cadastro da íris e armazenar dados, deveriam ser vinculados a categoria controlar usuários.

Web Sort-

2010-05-08T16:57:00.001-03:00

Essa ferramenta auxilia na avaliação de possíveis dificuldades de usabilidade dos usuários, para encontrar informações dentro de um sistema e/ou site. Alguns relatórios são um pouco confusos de entender, mas depois de uma segunda olhada é fácil entender a sua utilidade sobre o processo.

Sem dúvida sua grande vantagem em termos de pesquisas é a agilidade e custo em termos de pesquisa, tendo em vista que pode ser feito a distância via internet.

Henrique

Acácio

Silvio Rodrigo

EspWep 2010

Dendograma

2010-05-08T16:56:00.000-03:00

Com o websort aprendemos uma nova técnica de organização das informações do site, com participação direta do usuário, que nos mostrou pequenas falhas nas organizações dos links e nos ajudaram a reformula-los.

Resultado do Dendograma

2010-05-08T16:55:00.001-03:00

Nossa experiência com Websort, mostrou uma falha estrutural na organização dos links de navegação interna do usuário. Por temos separados as tarefas em atividades específicas percebemos que os usuários se sentiram perdidos durante o processo de categoorização. Reformularemos nossos "itens" para num outro websorting chegarmos a um denominador em comum.

Rua da Gastronomia - Sorting Studies

2010-05-08T16:55:00.000-03:00

De acordo com a analise realizada pela equipe, e com as informações recolhidas de usuários, observamos que o a forma de pensar do desenvolvedor em alguns aspectos não coincide com a visão do usuário.

dBLife

2010-05-08T15:38:00.000-03:00

Dblife

View more presentations from iorrana.

Autenticação Visual - Apresentação

2010-05-08T15:35:00.000-03:00

Autenticação Visual

View more presentations from Edmilson.

Autenticação Visual

2010-05-08T15:06:00.001-03:00

Projeto se-liga

2010-05-08T15:04:00.001-03:00

Apresentação 08 05-2010

View more presentations from emmorgado.

Seque também o mapa mental desenvolvido.

Abaixo os dados do card sorting realizado.

Software permitiu a listagem dos itens e categorias. Após a avaliação com possíveis usuários para classificação lógica de associação de item X categorias o que nos possibilitou um melhor arranjo das categorias.

Acompanhamento de bebês

2010-05-08T15:03:00.000-03:00

Slides

Apresentação

View more presentations from Silvio Júnior.

Mapa Mental

Rua da Gastronomia

2010-05-08T14:59:00.000-03:00

Apresentação do Trabalho:

Rua da gastronomia

View more presentations from deanwolfgang.

Mapa Mental:

Slides Guia do Motorista

2010-05-08T14:58:00.001-03:00

Guia do Motorista

View more presentations from lancelotti.

Guia A..Z de Serviços online

2010-05-08T14:54:00.000-03:00

Guia de serviços online.

Guia A..Z

View more presentations from mbolonhesi.

Mind Map do Guia do Motorista

2010-05-08T14:53:00.000-03:00

Ecotrainning for Kids

2010-05-05T18:57:00.000-03:00

A falta de consciência e preocupação com o impacto ambiental são assuntos que estão em foco, não só por parte dos ambientalistas, mas também por educadores, políticos, cientistas entre outros. Pois a nossa economia cresceu em virtude das industrias, que aumentaram o consumo, a qualidade de vida, gerando um aumento da população, que aumenta o consumo, que gera mais lixo, e por assim vai. Por existir essa ligação tão estreita entre economia e equilíbrio ambiental é que essa questão se tornou assunto discutido amplamente.

A posição de diversos estudiosos sobre o assunto, dentre eles John Twidell, diretor do Centro Amset da Universidade de Montfort, no Reino Unido, é a de que economia e ecologia andam lado a lado e que uma será necessária para manter a outra, num sistema de simbiose e não no sistema parasitário que acontece atualmente. Economia e tecnologia devem trabalhar para que o ser humano possa ter uma qualidade de vida boa e, para isso acontecer, a ecologia deve ser mantida de forma harmônica.

Nossa cultura de consumo é que sustenta a economia, para equilibrar essa “balança” é preciso mudar a cultura, o que não é uma tarefa fácil, deve ser lenta para minimizar o impacto econômico e mesmo que fosse possível uma mudança brusca, mudar o comportamento de pessoas adultas é um projeto no mínimo ousado.

Uma solução possível para essa mudança de comportamento seria a educação infantil, pois as crianças ainda estão abertas a novas regras sociais, Projetos como o APOEMA, que “pretende ainda ser um convite para ações responsáveis, marcadas por um compromisso ético ambiental: sobre como desejamos que seja o futuro do Planeta, sobre a responsabilidade diante das conseqüências de nossas próprias escolhas individuais e coletivas”, já utilizam essa abordagem, para promover essa mudança.

Mas como passar para uma criança a importância de mudar hábitos que são praticados pelos pais. Adultos hoje têm a consciência que de é preciso mudar os hábitos de consumo, mesmo que não pratiquem, sabem que é necessário. E aprenderam isso pela experiência, como ver um rio, que em sua infância era possível brincar, transformado em um esgoto a céu aberto.

Não temos tempo de esperar que as crianças cresçam e ai então vejam que as atitudes foram inconseqüentes, pois já será tarde, e cairíamos no mesmo problema dos adultos de hoje.

Earth Connection

2010-05-02T15:01:00.000-03:00

Earth Connection é um globo educativo que ajudará as escolas na educação de seus alunos, levando-os a viajar o mundo inteiro, conhecendo novos países, novas culturas, permitindo a interação com alunos de outros países que possuem o Earth Connection em suas escolas, trocando experiências com fotos, vídeos, conversas e jogos educativos possuindo opção singleplayer ou multiplayer, além de sua principal funcionalidade, que usando o GoogleMaps permite localizar todas as áreas do mundo.
O Earth Connection retoma a ideia do globo terrestre que ficavam esquecidos em bibliotecas de escolas, trazendo-o de volta como uma inovação para que os alunos tenham a interação com o planeta, sendo mais que apenas um globo terrestre, com o sistema touch screen, permite levar o aluno descobrir localidades das regiões com a junção de atividades educativas com alunos do mundo inteiro.

Fabianne Marim, Giovanna Curi, Priscila Borges

Infinity

2010-04-28T21:23:00.000-03:00

Video apresentando o projeto final da Bolsa Infinity, apos aprimoramento da interface e do sistema de estilizacao da bolsa.

Grupo: Betina, Lilian e Marina

Garbagecool

2010-04-28T20:00:00.000-03:00

O garbagecool, foi projetado com o intuito de diminuir o número de bitucas de cigarros lançadas ao chão. O equipamento é uma lixeira em formato de cigarro, que identifica e tritura as bitucas depositadas nela. Mas e ai, qual a diferença? como fazer com que as pessoas joguem suas bitucas na garbagecool? Para realizar tal feito, o equipamento dá ao contribuinte uma balinha de menta, como gratificação. Além de contribuir com o meio ambiente, a garbagecool ainda te ajuda com aquele mau hálido, muito característico entre pessoas fumantes.

Infinity

2010-03-01T21:45:00.000-03:00

A bolsa Infinity permite ao usuário adquirir texturas, estampas e cores diferentes conforme seu gosto e estilo, podendo renová-los sempre que desejar. As mulheres não precisarão mais adquirir várias bolsas para cada situação do cotidiano, como trabalho, festas, reuniões, etc. Neste produto exclusivo, as opções de combinações são infinitas, podendo ser adquiridas de forma rápida e simples através da internet.

A bolsa possui um tecido inteligente, com tecnologia touch para que o usuário interaja com o produto, sem o uso de qualquer aparelho externo. Através do sistema wireless é possível baixar texturas e estampas, e armazená-las em um banco de dados próprio. Para a compra virtual, o usuário fará o download dos arquivos que serão salvos na própria bolsa, através de um sistema simplificado de computador virtual.

Alunas: Betina, Lilian e Marina

Globo Virtual

2010-02-28T22:01:00.000-03:00

olá galera, este é um vídeo demonstrativo do estudo de projeto conceitual do Globo Virtual. Este globo pode possibilitar uma viagem virtual para qualquer lugar do mundo, onde esta interação acontece através da tecnologia da realidade virtual e a conexão entre o globo e um óculos.

Design Digital
Fabianne Marim, Giovanna Curi e Priscila Borges.

Safeline

2010-02-28T20:08:00.000-03:00

Video explicativo ioiô interativo

2009-12-04T08:09:00.000-02:00

Opa!!
Aqui vai outro video do ioiô interativo pra vocês..
Esse video é mais explicativo, ele mostra como o ioio se comportaria em festas e eventos, controlando a musica e os graficos (por meio de um computador e projetado por um datashow) que seguem o mesmo principio.
Espero que gostem!
abraços!

Construção do ioiô

2009-12-03T23:04:00.000-02:00

Opa! Aqui está mais uma etapa do projeto! Essa foi a construção do ioiô. Foi posto leds para dar a impressão de que o ioiô está ligado e emitindo sons!

Ioiô Interativo - Primeiro teste

2009-12-03T22:10:00.000-02:00

Eai galera.
To aqui pra postar o primeiro video conceito do Ioiô Interativo!
A idéia é ter um ioio que faça musica! De acordo com sua velocidade de rotação e sua altura do chão ele consegue fazer sons diferentes!!!
Você poderá setar o tipo de som a ser seguido e de acordo com as manobras o som vai sendo reproduzido "involuntariamente".

Make Off do projeto ipet

2009-08-18T18:35:00.000-03:00

IPet - video final - interacao

2009-08-18T18:24:00.000-03:00

Idry

2009-08-04T22:28:00.000-03:00

Esse projeto tem o intuito de proporcionar ao usuario organizacao do tempo na hora do banho com ele o
consumidor pode acessar perfins musicais conforme seu humor gerando uma interatividade com o mesmo
o aparelho idry proporciona tambem conforto e lazer, pode ser usado em piscina onde o mesmo marca pontuacao
de diversos jogos atraves da captura de voz
Equipe
Denise, Vanessa e Marília

Aura

2009-07-30T23:45:00.000-03:00

Aura é um produto que visa estimular a interação de usuários em eventos e festas.

O sistema foi desenvolvido para que pessoas possam interagir com avateres virtuais através da tecnologia Augmented Reality (Realidade Aumentada).

Para a sua utilização é necessário um aparelho Celular ou qualquer monitor LCD com camera e computador para capitar os simbolos A.R e transforma-los em objetos 3D.

Após o processo de capitação dos simbolos A.R., há um cruzamento de perfis que definem ações dos avatares, que podem ter reações de afeto ou repulso dependendo do perfil dos usuários.

Demonstração Produto Ted Beer

2009-07-30T20:00:00.000-03:00

Video sobre a utilização do produto Ted Beer em barzinhos.

Equipe:
Cristiane
Diogo

Video Explicativo do Sistema

2009-07-30T19:40:00.000-03:00

Nesse video é mostrado como é o funcionamento do nosso produto que é o Ted Beer. O que é composto e como é utilizado.

Equipe:

Cristiane
Diogo

Marcador digital de livros - vídeo de demonstração

2009-07-30T18:09:00.000-03:00

O produto desenvolvido pode ser usado em qualquer livro e pode ficar no meio das páginas, graças á sua expessura. A opção do software "marcador", salva números de páginas de diversos livros.
Ele possui um scanner ao longo da extremidade, portanto grava fragmentos de textos e páginas inteiras que podem ser relidas posteriormente, assim como também editadas e modificadas.
Possui um software de audio e vídeo, assim como saída para fones de ouvido.
Funciona com bluetooth.

Projeto Laser

2009-07-30T17:37:00.001-03:00

Vídeo final do projeto Laser mostrando dois tipos de jogos que foram propostos durante o projeto, podendo ser jogados com mais de um participante.

Making Of

2009-07-30T17:34:00.000-03:00

Esse vídeo mostra o making of do pessoal do projeto laser e apresenta cada componente do grupo que participou desse maravilhoso resultado!

Projeto Caça-Palavras, O Projeto

2009-07-27T14:15:00.000-03:00

Projeto Caça-Palavras
Sequência dos Vídeos
video 1 de 4 é: testecomusuario
vídeo 2 de 4 é: reacaodousuario
vídeo 3 de 4 é: avaliacaodousuario
vídeo 4 de 4 é: nosbastidores

Projeto Caça-Palavras, O Projeto

2009-07-27T14:09:00.000-03:00

CAÇA-PALAVRAS: TESTE DE PAPEL

2009-07-27T13:55:00.000-03:00

Simulação com protótipo de papel e da ação realizada pelo usuário.

Diagrama de Interação

2009-07-26T15:01:00.000-03:00

Storyboard - Procedimento do Usuário

2009-07-25T14:16:00.001-03:00

Acima temos o Storyboard do nosso projeto com o as fases do usuário onde o mesmo vai ao estabalecimento onde possui o sistema Ted Beer.

1ª Pesquisa com Usuários

2009-07-25T14:02:00.000-03:00

Com as pesquisas de Similares realizadas, fizemos um teste com um usuário para ver como ele se comportaria com o sistema. Através deste teste observamos que nosso produto, precisava de mais sinalização, uma forma mais fácil de se utilizar. Onde surgiu a idéia do urso TED entrar em ação e fazer parte de todas as mesas do estabelecimento com o sistema, interagindo nos pedidos de cada cliente e insinuando o que pediu e como proceder para finalizar o pedido.

Pesquisa de Similares

2009-07-25T13:27:00.000-03:00

Acima temos um resumo de pesquisas que foram realizadas referente a barzinhos e a tecnologia através do Toucha Tag. Os bares hoje possui mais um sistema direto em balcões apenas decorativo, mais também com resultados rápidos.

Fontes:
http://mindstorm.com
http://www.i-bar.ch/index.php?id=88&L=1
http://www.touchatag.com/
http://z.about.com/
http://www.leapfrog.com
http://acs.touchatag.com/leaflets/touchatag_mobile_workforce_15FEB2009.pdf
http://ttuki.vtt.fi/smarttouch/www/?info=case-meal

CanWe? - Promo

2009-07-24T18:05:00.003-03:00

Esse é o vídeo promo do nosso projeto, simples e objetivo. Mostra o objeto final obtido pelo usuário, que é uma atividade em grupo com pessoas novas. Procuramos fazê-lo de forma provocativa, com frases que despertam vontades no espectador, e mostrando mais os resultados de usar o aplicativo do que o próprio uso.

O CanWe?, sendo um aplicativo para iPhone, deverá ser iniciado e configurado antes de mais nada. Sempre que executado, ira automaticamente capturar uma imagem do rosto do usuário, que irá para seu perfil. O próximo passo é configurar um perfil simples com as informações principais da pessoa, as quais normalmente queremos saber antes de conhecer alguém (se está ou não em um relacionamento, quantos anos tem, orientação sexual...)

Em seguida vêm o menu principal, onde deve-se escolher de uma a quatro atividades de uma lista já pré-definida. Cada atividade tem diversos modificadores, como no caso de Futebol, por exemplo, onde o usuário define se quer assistir ou jogar.

Escolhidas as atividades, basta clicar na função SCAN para que o CanWe? procure num raio de 100 metros ao redor do iPhone por pessoas com atividades em comum. Estas pessoas serão apontadas num GPS onde é possível visualizar o perfil delas, avisá-las por mensagem que estão dispostos a fazer uma mesma atividade, e então, se encontrar.

Equipe: Fábio Siebert, Fábio Teixeira, Guilherme Rovaris, Pâmela Riva

CanWe? - Simulação em Flash

2009-07-24T18:05:00.001-03:00

Simulação do aplicativo em flash rodando em um iPhone.

Versão de teste, com apenas alguns comandos pré-estabelecidos para ver como o usuário se comportaria ao utilizar o aplicativo. A foto seria capturada pela câmera do iPhone, o nickname já como "Foca", a atividade "Food > Eat > Italian" entre outras configurações. Podendo assim ter uma idéia de como funcionaria o produto.

Equipe: Fábio Siebert, Fábio Teixeira, Guilherme Rovaris, Pâmela Riva

CanWe? - Making Of

2009-07-24T18:04:00.003-03:00

Making Of da criação do CanWe?, dos testes de usabilidade, do promo final e outras imagens que não entraram na edição final.

Equipe: Fábio Siebert, Fábio Teixeira, Guilherme Rovaris, Pâmela Riva

CanWe? - Storyboard

2009-07-24T18:04:00.001-03:00

Rascunho da idéia inicial para o vídeo promo.

Rascunho da segunda idéia e idéia final do vídeo promo.

Equipe: Fábio Siebert, Fábio Teixeira, Guilherme Rovaris, Pâmela Riva

Protótipo: aura / Making of

2009-07-24T15:42:00.000-03:00

Teste da interface e do produto com usuário.

Making of!

Marcador Digital de Livro: Pesquisa de Atividade

2009-07-24T14:44:00.000-03:00

SEM O ARTEFATO
PESSOAS:	Estudantes e leitores
INTRUMENTOS:	Livros, revistas, jornais, canetas, lápis, réguas, marcador
OBJETO:	Texto -> Resultado = Conhecimento
DIVISÃO DO TRABALHO:	Diagramador -> organização do objeto
COMUNIDADE:	Estudantes, pesquisadores e outros leitores em geral (jovens, adultos e idosos alfabetizados).
REGRAS:	· Ler da esquerda para a direita · Gramática · Não pode riscar/anotar no instrumento

COM O ARTEFATO
PESSOAS:	Estudantes e leitores
INTRUMENTOS:	Livros, revistas, jornais, e o artefato em projeto
OBJETO:	Conteúdo -> Resultado = Conhecimento interativo multi-interdisciplinar
DIVISÃO DO TRABALHO:	Leitor ->Diagramador -> organização do objeto
COMUNIDADE:	Estudantes, pesquisadores e outros leitores em geral (jovens, adultos e idosos alfabetizados).
REGRAS:	· Gramática · Cópia limitada

ATIVIDADES RELACIONADAS QUE SE CONECTAM

PESSOAS: Em ambos os sistemas as pessoas serão aquelas que praticam algum tipo de estudo, ou no mínimo tem hábito de ler e analisar os conteúdos do conhecimento.

INTRUMENTOS: Neste caso, devido ao artefato haverá uma diminuição de instrumentos para a realização das atividades. Desta forma, convergindo os instrumentos necessários para apenas um só instrumento.

OBJETO: Neste item os usuários experimentarão um novo resultado; o conhecimento interativo multi-interdisciplinar. Onde os usuários poderão realizar tipos de estudos mais interativos, facilitando a aprendizagem, seja individualmente ou em grupo.

DIVISÃO DO TRABALHO: Neste item os usuários terão acesso direto aos textos, fazendo com que os próprios usuários diagramem e formatem o conteúdo segundo suas próprias necessidades.

COMUNIDADE: Neste caso, poderá haver grupos de pessoas que rejeitam a tecnologia e outros que defendam o estudo ortodoxo e tradicional.

REGRAS: As regras limitam apenas à forma de leitura ocidental e às regras da gramática. Porém, a possibilidade de novas intervenções que não eram possíveis antigamente - por exemplo; anotar, marcar, ou recortar livros de usos públicos - serão permitidos através do artefato em projeto.

CanWe? - Teste de Usabilidade (Protótipo em PocketPC)

2009-07-24T02:13:00.001-03:00

Teste aplicado com o protótipo rodando em um PocketPC, que também utiliza o sistema de touchscreen, como o iPhone.

Equipe: Fábio Siebert, Fábio Teixeira, Guilherme Rovaris, Pâmela Riva

CanWe? - Teste de Usabilidade (Protótipo em Papel)

2009-07-23T23:01:00.001-03:00

Teste de usabilidade realizado com protótipo em papel mostrando todas as funções (perfil, atividades, scan, configurações, etc.) inseridas no aplicativo para IPhone, "CanWe?".

Equipe: Fábio Siebert, Fábio Teixeira, Guilherme Rovaris, Pâmela Riva

Projeto Caça-Palavras, Contexto da Atividade

2009-07-23T21:33:00.000-03:00

Contexto da Atividade

Pessoas: processo de cognição, manter o conhecimento, promover o comportamento social humano, expandir o universo lúdico

Comunidade: local para se encontrar, manter o hábito de brincar, vida saudável

Regras: idade, saúde, família sem tempo para se divertirem, outras opções de divertimento social

Divisão do trabalho: Usuário tem que preencher

Instrumento: Caça-palavras

Objeto – Resultado: Tabuleiro, Quadrados para preenchimento

Contradições: Pessoas sociais X Pessoas anti-sociais, Inteligentes X Não-inteligentes

Projeto Caça-Palavras, Possibilidades de Uso

2009-07-23T21:31:00.000-03:00

Projeto Caça-Palavras

Possibilidades de uso

Unir o mundo real com o mundo virtual faz com que haja maior interação entre os usuários, cria um ambiente tecnológico de opções mais variadas. Isso cria um ambiente mais dinâmico, de grandes possibilidades, como a interação social pela web e reuniões de vários grupos culturais por exemplo.

A preocupação com a qualidade de vida é essencial para uma vida mais feliz e saudável. Pode-se utilizar os diagnósticos lançados via software como avaliação médica e preventiva de doenças que afetam a cognição/aprendizado e degenerativas, como o mal de Alzheimer. Promover a sociabilidade e a forma de brincadeira física e salutar também ajuda a combater doenças como o mal de Parkinson. As respostas podem ser direcionadas aos profissionais da saúde.

Pode-se ainda utilizá-lo em diversas línguas, por disciplina, promover conhecimento universitário etc.

Projeto Caça-Palavras, O Projeto

2009-07-23T21:25:00.000-03:00

O Projeto

Nosso projeto trata-se de um jogo interativo de palavras-cruzadas para estimular atividades cerebrais, inibindo e/ou combatendo desta forma, doenças degenerativas do cérebro que são freqüentemente diagnosticados em pessoas da terceira idade. Todos podem utilizar do produto, pois o cuidado com a saúde deve-se ter desde o início da vida.

Mais uma etapa Ioiô Interativo

2009-07-23T21:16:00.000-03:00

Hoje botei led em 2 ioiôs para gravar uns videos que virão. É simples, 2 pilhas para relógio 1,5v mais 1 led em cada ioiô. Colei com Fita Isolante e funcionou.

Marcador Digital de Livros: Arquitetura da informaçao

2009-07-23T21:05:00.000-03:00

idry-pesquisa da atividade

2009-07-23T21:01:00.000-03:00

A atividade do nosso produto consiste em interacao produto, interface e o usuario, nosso publico de interese se baseia em pessoas voltafas para descontracao, tecnologia e principalmente economia de tempo no banho, onde perdemos muito tempo.

O protudo e composto por um dock, que boia na agua, de apoio para o iPhone, que por meio de um "adesivo" fica grudado na parede do banheiro, podendo mudar de local conforme a vontade da pessoa. O Iphone recebera uma pelicula a prova de agua que permite o toque nos icones.

Junto com o dock e a pelicula o usuario recebe um plug in, que permite as seguintes atividades:

selecionando o incone BANHO vc pode...

- montar um perfil (relaxar, acordar, etc) com as musicas selecionadas na pasta do usuario

- programar o chuveiro para correr agua por um determinado tempo, configurar a pressao do chuveiro

- configurar leds, se ira piscar uma cor especifica ou varias cores e a intensidade e se piscara no ritmo da musica ou nao.

Selecionando o icone PISCINA vc pode...

- montar perfil de musica como no icone banho

- configurar o placar (por reconhecimento de voz) de algum jogo que esteja sendo praticado na piscina

- configurar leds, se ira piscar uma cor especifica ou varias cores e a intensidade e se piscara no ritmo da musica ou nao.

Marcador Digital de Livros: Fluxograma de atividades do sistema

2009-07-23T20:54:00.000-03:00

modelo de usabilidade com papeis

2009-07-23T20:51:00.000-03:00

Aqui estamos mostrando como o usuario se interage com o sistema . ( montamos modelos em papel) foi testado com colega em sala.

Marcador Digital de Livro: Skecths da interface do sistema

2009-07-23T20:44:00.000-03:00