20 anos de WWW. Já?

Deixe um comentário

Em 06 de agosto de 1991, 20 anos atrás, o World Wide Web tornou-se publicamente disponível. Seu criador, o agora conhecido internacionalmente Tim Berners-Lee, postou um pequeno resumo do projeto no grupo de notícias alt.hypertext e deu à luz uma nova tecnologia que iria mudar fundamentalmente o mundo como o conhecíamos.

Viva a WEB!

Via TheNextWeb

Sites

Deixe um comentário

Desenvolvimento Ágil:  http://www.agilemodeling.com/

Para padrão de cores: http://www.colorhunter.com/

Sites

1 Comentário

Aqui alguns site que me chamou a atenção pelo seu bom design:

Pentagram – uma agencia de design dos EUA

http://heartbreakerfashion.com/ – uma boutique de moda

História da Internet

Deixe um comentário

Infográfico interessante sobre a História da Internet

Links – IHC

Deixe um comentário

Alguns links interessantes, dos quais não quero perder, por isto deixo registrado aqui no meu blog, para mim e para quem mais possa interessar.

http://www.sigchi.org/p://www.sigchi.org/

http://www.serg.inf.puc-rio.br/serg/

Affordances by Donald A. Norman

Deixe um comentário

Explicação de Affordances by Donald A. Norman

Interface x Novas Tecnologias

Deixe um comentário

É cada vez mais notória a preocupação de alguns centros de investigação em melhorar o interface Homem – Máquina de tudo o que nos rodeia.

Desde o simples electrodoméstico, até ao equipamento de medicina mais avançado, uma interface bem definida e amigável e exigida e cobrada pelos usuários cada vez mais exigentes.

O percurso da última década tem sido verdadeiramente alucinante, com melhorias tremendas quer nas funcionalidades, quer na forma como é possível interagir com a computador ou máquina.

Um olhar sobre algumas das tecnologias que marcarão a nossa vida dentro de alguns anos, quer na área de interface, quer na inovação tecnológica.

Abaixo alguns videos encontrados no youtube:

“Assist Sketch Understanding System”
Interação Multiusuário
Camuflagem Óptica

Help Desk

Deixe um comentário

Help Desk – O primeiro atendimento da história

 

Arquitetura da Informação

Deixe um comentário

Eventos no Brasil

Ainda não são muitos os eventos que temos no Brasil sobre Arquitetura da Informação. A lista de discussão do IAI é uma boa forma de ficar informado sobre alguns eventos na área.

Segue abaixo o link para alguns eventos :

Por enquanto é isso. Espero que essa lista ajude a orientar as pessoas interessadas em Arquitetura da Informação. Sugestões serão bem vindas.

CMMI

Deixe um comentário

O modelo CMMI como ferramenta no gerenciamento de projetos de Software é o que há de mais completo quando o assunto é qualidade de software. Mas, o que é CMMI?

O CMMI (Capability Maturity Model Integration) é um modelo de referência que contém práticas (Genéricas ou Específicas) necessárias à maturidade em disciplinas específicas (Systems Engineering (SE), Software Engineering (SE), Integrated Product and Process Development (IPPD), Supplier Sourcing (SS)). Desenvolvido pelo SEI (Software Engineering Institute), o CMMI é uma evolução do CMM e procura estabelecer um modelo único para o processo de melhoria corporativo, integrando diferentes modelos e disciplinas.

O CMMI possui duas representações: “contínua” ou “por estágios”. Estas representações permitem a organização utilizar diferentes caminhos para a melhoria de acordo com seu interesse.

Representação Continua
Possibilita a organização utilizar a ordem de melhoria que melhor atender os objetivos de negócio da empresa. É caracterizado por Níveis de Capacidade (Capability Levels)

Representação Por Estágios
Disponibiliza uma seqüência pré-determinada para melhoria baseada em estágios que não deve ser desconsiderada, pois cada estágio serve de base para o próximo. É caracterizado por Níveis de Maturidade (Maturity Levels)

O CMMI está dividido em cinco estágios:

 

As principais características dos níveis acima são:

  • Nível 1 – Inicial: imaturidade organizacional; os processos são improvisados e geralmente não são seguidos; compromissos de prazo e custo não são cumpridos; o planejamento não é feito com base em estimativas; as qualidades, procedimentos e conhecimentos pertencem às pessoas e não aos projetos; as chances de sucesso dependem das habilidades pessoais dos gerentes e desenvolvedores; 
  • Nível 2 – Gerenciado: políticas e procedimentos para gerenciar o desenvolvimento de software estão definidas e são obedecidas; o planejamento é baseado em estimativas e na experiência anterior de outros projetos; os projetos utilizam processos definidos, usados, disseminados, documentados, medidos e fiscalizados com rotinas de melhoria; os processos afetados são puramente gerenciais (não técnicos) e pertencem aos projetos e não às pessoas; 
  • Nível 3 – Definido: os processos utilizados são estabelecidos e padronizados em toda a organização; processos técnicos passam a ser considerados ao lado dos processos gerenciais; tanto os processos gerenciais quanto os técnicos passam a ser repetidos; os processos pertencem a organização e não mais aos projetos; 
  • Nível 4 – Quantitativamente Gerenciado: são estabelecidas metas quantitativas para os processos e produtos, medidas de qualidade e produtividade são coletadas em todos os projetos; é estabelecido controle estatístico de processos; a gestão passa a ser feitas com bases quantitativas; 
  • Nível 5 – Otimização: a organização está engajada na melhoria contínua de seus processos; identificação de pontos fracos e defeitos; ações preventivas sobre causas; mudanças mais significativas de processos e/ou tecnologias são feitas a partir de análise de custo/benefício com base em dados quantitativos.

fonte: http://www.linhadecodigo.com.br

Gerenciamento de Projetos de SW para WEB

Deixe um comentário

Dia 14 de agosto iniciaram as aulas de Gerenciamento de Projetos de Software para WEB, com a professsora Drª Tânia Fatima Calvi Tait.

Neste próximo sábado termos as úlitmas aulas desta disciplina.

Despois disto é só terminar o trabalho da disciplina que é analisar um caso de gerenciamento de projeto para web que utilizou algum processo de desenvolvimento iterativo e incremental no desenvolvimento do software. (SCRUM, MPSBr, CMMI, etc…)

O aprendizado será muito útil se colocado em prática!

O jeito agora é estudar….. abraços!

 

 

 

Como Criar Sites Persuasivos: Clique Aqui

Deixe um comentário

Continuando meus estudos sobre PET DESIGN encontrei este livro: Como Criar Sites Persuasivos é um livro escrito por Andrew Chak, consultor de design especializado na experiência do usuário, que possui 270 páginas com dicas práticas que você pode implementar em seu site para transformar visitantes em clientes.

Todos que trabalham em alguma área relacionada com a Internet, do pessoal de marketing aos designers e desenvolvedores, terão uma nova perspectiva sobre o design de sites focalizado em ajudar os usuários a realizarem transações na Web.

No submarino por R$ 73,00

Formulários na WEB

Deixe um comentário

Como na disciplina de AJAX e também de projeto de Interface, trabalhamos muito com a validação de formulários, para sitesmas web, acredito que seja importante também nos preocuparmos em como organizamos as informações no formulário e escolhermos um design adequado para que o usuário tenha interesse e gosto em preencher o formulário.

Luke Wroblewski fala sobre isso no no seu website ou no seu livro Web Form Design: Filling in the Blanks, 2008. Ele ilustra como organizar e os pos e os contras em cada layout de formulário. Vale apena conferir.

“Input elements should be organized in logical groups so that your brain can process the form layout in chunks of related fields.” HTML: the Definitive Guide

Nokia 888 Design

Deixe um comentário

Muito legal…. vale apena conferir:

http://www.nokia888.com/

Veja o vídeo:

AJAX

Deixe um comentário

Hoje dia 07/08/2010 iniciamos as aulas de Programação para Web com AJAX com o professor Flávio  Luiz Schiavoni.

Um dos sites interessantes que tem um ótimo tutorial de AJAX é o w3school, segue o link:

http://www.w3schools.com/ajax/ajax_intro.asp

Compra Coletiva

1 Comentário

Quero compartilhar aqui uma matéria bem legal que está no Correio Braziliense hoje. Trata-se de uma nova modalidade de compra on-line. Conheçam e aproveitem! Afinal, quem não gosta de um descontinho?!

Veja abaixo parte da matéria:

Febre nos Estados Unidos, chegam a Brasília sites que apostam no conceito de compra coletiva

No início de junho, o site Citybest (www.citybest.com.br) lançou a primeira oferta de compra coletiva em Brasília. Vendeu 500 temakis pela metade do preço em menos de cinco dias.

O Peixe Urbano (www.peixeurbano.com.br), site pioneiro desse modelo no Brasil, lançou a primeira oferta na capital federal há duas semanas. Em três dias, 372 internautas garantiram uma massagem em um spa da cidade com desconto de 80% — de R$ 196 por R$ 39.

Como toda novidade, o conceito de compra coletiva deve levar um tempo para ser difundido. Mas os investidores acreditam que há uma tendência consolidada. “Não tem como dar errado. O modelo está revolucionando a internet em todo o mundo. Aqui não será diferente”, avalia Marcelo Macedo, do site ClickOn (www.clickon.com.br), que, em Brasília, foi lançado na última segunda-feira.

fonte: Correio Brasiliense, terça-feira 03 de agosto de 2010.

Interfaces

Deixe um comentário

Mais alguns links interessantes sobre o projeto de interfaces:

http://www.freecsstemplates.org/

http://jquery.com/

http://www.lukew.com/resources/articles/WebForms_LukeW.pdf

http://martinfowler.com/eaaDev/uiArchs.html

Projeto de Interfaces para WEB

Deixe um comentário

Neste sábado tivemos início da disciplina – Projeto de Interfaces para WEB, com o prof. Munif Gebara Junior.

Alguns sites interessantes passados pelo professor:

http://www.w3.org

http://www.w3schools.com/

Agora é começar a se organizar, estudar e preparar boas interfaces.  Pois os exercícios práticos com as ferramentas de desenvolvimento vão começar.

Estudo das Cores – Layout

Deixe um comentário

O que produzimos na última aula de Design Gráfico.

Estudo das cores:

Layout do Site:

Este foi o resultado da última aula de Desing, depois de termos feito o estudo das cores e da tipografia para o site.

Desing – Layout (cor e tipografia)

Deixe um comentário

Como última aula da disciplina de design de interação foi no sábado passado, coloco aqui algumas informações passadas pelo professor a respeito de Tipografia e Cores.

Tipografia é o primeiro elemento a ser considerado num layout para web.

Nas leituras feitas no monitor, 30% dos leitores lêem mais devagar, e 50% tem menos compreensão.

Existem algumas fotos que são comuns para todos os tipos de sistemas operacionais, o que facilita muito na hora de desenvolver o site, pois não teríamos problemas de configuração do layout em função da fonte escolhida. Algumas delas são: Arial, Comic Sans, Georgia, Verdana, etc…  Outra questão que se tem que observar na escolha das fontes é a serifa, fontes com serifa são ideais para títulos e sem serifa para textos corridos.

Sites sugeridos para o desenvolvimento de layout:

www.mariaclaudiacortes.com

www.purveslab.net

www.kuler.adobe.com

www.writemaps.com

www.sumopaint.com

www.lovelycharts.com

www.productplanner.com

Significado das Cores: (Aqui vai para quem não sabe! 😦

Preto:
A cor Preta está associada à ideia de morte, luto ou terror, no entanto também se liga ao mistério e à fantasia, sendo hoje em dia uma cor com valor de uma certa sofisticação e luxo. Significa também dignidade.

Branco:
O branco associa-se à ideia de paz, de calma, de pureza. Também está associado ao frio e à limpeza. Significa inocência e pureza.

Cinzento:
O cinzento pode simbolizar o medo ou a depressão, mas é também uma cor que transmite estabilidade, sucesso e qualidade.

Bege:
O Bege é uma cor que transmite calma e passividade. Está associada à melancolia e ao clássico.

Vermelho:
O Vermelho é a cor da paixão e do sentimento. Simboliza o amor, o desejo, mas também simboliza o orgulho, a violência, a agressividade ou o poder.

Vermelho escuro:
O Vermelho escuro significa elegância, requinte e liderança.

Verde:
O Verde significa vigor, juventude, frescor, esperança e calma.

Verde-escuro:
O Verde-escuro está associado ao masculino, lembra grandeza, como um oceano. É uma cor que simboliza tudo o que é viril.

Verde-claro:
O Verde-claro significa contentamento e protecção.

Amarelo:
O Amarelo transmite calor, luz e descontracção. Simbolicamente está associado à prosperidade. É também uma cor energética, activa que transmite optimismo. Está associada ao Verão.

Laranja:
O Laranja é uma cor quente, tal como o amarelo e o vermelho. É pois uma cor activa que, significa movimento e espontaneidade

Azul:
O Azul é a cor do céu, do espírito e do pensamento. Simboliza a lealdade, a fidelidade, a personalidade e subtileza. Simboliza também o ideal e o sonho. É a mais fria das cores frias.

Azul-escuro:
O Azul-escuro, é considerada uma cor romântica, talvez porque lembre a cor do mar, no entanto é uma cor que se associa a uma certa falta de coragem ou monotonia.

Azul claro:
O Azul claro significa tranquilidade, compreensão e frescura.

Castanho:
O Castanho é a cor da Terra. Esta cor significa maturidade, consciência e responsabilidade. Está ainda associada ao conforto, estabilidade, resistência e simplicidade.

Roxo:
O Roxo transmite a sensação de tristeza. Significa prosperidade, nobreza e respeito.

Lilás:
O Lilás significa espiritualidade e intuição.

Rosa:
A cor Rosa significa beleza, saúde, sensualidade e também romantismo.

Rosa claro:
A cor Rosa clara está associada ao feminino. Remete para algo amoroso, carinhoso, terno, suave e ao mesmo tempo para uma certa fragilidade e delicadeza. Está ainda associado à compaixão.

Salmão:
O Salmão está associado à felicidade e à harmonia.

Prateado:
O prateado ou cor prata é uma cor associada ao moderno, às novas tecnologias, à novidade, à inovação.

Dourado:
O Dourado ou cor ouro está simbolicamente associado ao ouro e à riqueza, a algo majestoso.

Ferramentas – Design

Deixe um comentário

Algumas ferramenta/links que o professor passou na segunda parte da aula de desing de interação do último sábado:

http://www.mindmeister.com – Software online de mapeamento mental para pessoas e empresas inovadoras.

http://www.slideshare.net – para publicações de apresentações

http://artefatosinterativos.blogspot.com/ – blog do professor sobre idéias/criatividade

http://websort.net/ – WebSort enables you to conduct remote card sorting online

Autenticação Visual

Deixe um comentário

Na aula de hoje apresentamos nosso trabalho – Autenticação Visual. Resultados das Pesquisas realizadas com os usuários.
Primeiro foi apresentado o vídeo abaixo, que achamos no youtube.

A entrevista que realizamos com os usuários, depois de um estudo feito nas diversas técnicas que podem ser utilizadas. Nos utilizamos as tecnicas: Análise de Contexto de Uso, Análise de Modelagem de Tarefas e Personas.

Utilizando a técnica de Analise de Contexto e de uso, percebi que devemos classicar:

Quem? Pessoas que utilizam a internet através do serviço WWW (world wide web)
O que? Login feito através do reconhecimento da Iris, utilizando biometria.
Onde? Sites e portais na WEB
Quem é o Publico Alvo, usuário da web de todas as idades. Usuários de jogos, portais de informações, comunidades virtuais, bancos,

Analise de Contexto:
Devido à grande quantidade de atividades desenvolvidas pelas pessoas e a grande quantidade de sites e portais que as pessoas se cadastram na web, é difícil de as pessoas lembrarem sempre das senhas dos seus cadastrados, realizados nos mais diversos portais e sites da web. As pessoas acabam usando sempre a mesma senha o que pode ser um problema futuro devido a segurança, ou trocando a senha porque o site/portal exige caracteres ou numero de caracteres diferente da sua senha original.
Os principais problemas detectados nos modelos tradicionais de login na web são:
– dificuldade de se lembrar as senhas, devido grande quantidade de sites que as pessoas são cadastradas. Onde os sites, tem características próprias de senha, como por exemplo usar ou não, caracteres especiais;
– dificuldade em recuperar a senha cadastrada para determinado login.
– Duvida quanto ao uso de letras maiúsculas e minúsculas
– Erros de digitação
– Questões de segurança, qualquer outra pessoa pode utilizar a senha

Sendo assim a proposta do serviço de autenticação visual, vem contribuir para que os usuários da rede WWW, não tenham mais que digitar seus login e senha, e sim o mesmo seja feito com o reconhecimento da Iris, utilizando novas tecnologias como biometria, tornando-os mais seguros e menos constrangedor para os usuários.

ENTREVISTA COM O USUÁRIO

1) Qual o seu nome? _____________________________________

2) Qual a sua idade?
[ ] 10 a 20 anos
[ ] 21 a 30 anos
[ ] 31 – 40 anos
[ ] 41 – 50 anos
[ ] + de 51 anos

3) Qual seu grau de escolaridade?
[ ] 1 a 4 serie
[ ] 5 a 8 série
[ ] Segundo grau incompleto
[ ] Segundo grau completo
[ ]Superior incompleto
[ ] Superior completo
[ ] Outros

4) Onde você usa internet?
[ ] Casa
[ ] Trabalho
[ ] escola/faculdade
[ ] lan house
[ ] casa de amigo
[ ] outro local

5) Para que você mais usa a internet?
[ ] jogos
[ ] pesquisas
[ ] sites de relacionamento
[ ] acesso a bancos
[ ] entretenimento

6) Com qual freqüência você utiliza a internet?
[ ] Todos os dias
[ ] Toda semana
[ ] Uma vez a cada 15 dias
[ ] Raramente

7) Quantos logins diferentes você possui?
[ ] Nenhum
[ ] apenas 1
[ ] de 2 a 4
[ ] mais que 4

8. Você acha a internet segura?
[ ]Sim
[ ]Não

9) Você costuma alterar suas senhas para prevenir invasões?
[ ]Nunca
[ ]As vezes
[ ]Quase Sempre
[ ] Sempre

10) Com qual freqüência você esquece seu login e ou senha?
[ ] Nunca
[ ] As vezes
[ ] Quase Sempre
[ ] Sempre

11) Nos sites que você utiliza atualmente você realizaria o seu login pelo reconhecimento da Iris? (através da tecnologia biometria)
[ ] sim
[ ] não

12) Classifique suas condições de acesso a dispositivos como Webcam, Microfones e scanners?
[ ] Inacessível (não tenho)
[ ] Pouco acessível (algumas vezes)
[ ] Acessível (tenho mas não funciona ou não sei usar)
[ ] Muito acessível (tenho e uso sempre)

A apresentação feita em power point na aula de hoje, como resultado de todo este trabalho.

EDTED

Deixe um comentário

Encontro de Design e Tecnologia Digital, maior evento de internet do Brasil.

Em 2010, chega à sua 15ª edição, os temas são voltados para designers, webdesigners, programadores, desenvolvedores web, publicitários, empreendedores, entre outros.

O evento teve início em março e vai até dezembro, confira o calendário abaixo:

20 de março – Rio de Janeiro
10 de abril – São Paulo
08 de maio – Porto Alegre
22 de maio – Curitiba
19 de junho – Florianópolis

10 de julho – Brasília
07 de agosto – Belo Horizonte
18 de setembro – Salvador
16 de outubro – Fortaleza
04 de dezembro – Recife

Para maiores informações acesse – http://www.edted.com.br/

Biometria

Deixe um comentário

Para a segunda etapa do trabalho da Disciplina de Design  de Interação, acabei fazendo algumas leituras sobre Biometria. Percebi que já existe muitas pesquisas e publicações a respeito.

A cada dia novas formas para identificação são apresentadas à sociedade. Atualmente, o método mais comum para o acesso exclusivo de determinados sistemas é a senha, assinatura eletrônica usada em acessos a sites e bancos que se mostra como uma alternativa para a vida moderna.

Em busca da segurança e exclusividade que evitem falcatruas, o sistema computacional tem se utilizado da biometria.
A biometria é um sistema de identificação através do corpo humano registrado ainda na antiguidade por faraós. O uso de partes do corpo para identificação é uma tecnologia que vem se massificando em diversos setores da sociedade. Abaixo alguns tipos de Biometria, dos quais li, e quis deixar registrado aqui.

Biometria FACIAL

Identificar um indivíduo através da análise da face é um processo complexo que normalmente requer artifícios inteligentes sofisticados e técnicas de aprendizagem computacional (machine learning techniques). Uma quantidade de fornecedores biométricos está envolvida na venda desses sistemas, usando tanto vídeos padrões como imagens termais para capturar imagens faciais. A face é um componente chave da maneira como os seres humanos se lembrar e reconhecem uns aos outros. A inteligência artificial é necessária para simular a interpretação humana das faces. As pessoas mudam todo o tempo. Pêlos faciais, óculos e a posição da cabeça podem afetar a forma como um sistema biométrico pode comparar uma face com outra. A aprendizagem computacional é importante para a adaptação a essas mudanças e para comparar precisamente os novos exemplos com os templates previamente armazenados.

O processo de reconhecimento facial é o seguinte:

– Captura: técnicas padrões de vídeo usam uma imagem facial, ou uma coleção de imagens, capturada por uma câmera de vídeo. A posição precisa da face do usuário e as condições de iluminação podem afetar o desempenho do sistema. Normalmente a imagem facial completa é capturada e um número de pontos podem ser mapeados na face. Por exemplo, a posição dos olhos, boca e narinas podem ser traçadas para que um template único seja construído. Alternativamente, um mapa facial tridimensional pode ser criado a partir da imagem capturada.

As técnicas termais de imagem sob desenvolvimento analisam o calor, causado pelo fluxo de sangue sob a face. Uma câmera termal captura o padrão de veias sangüíneas ocultas por baixo da pele. Pelo fato de câmeras de infravermelho serem usadas para capturar imagens faciais, a luz não é importante e os sistemas podem capturar as imagens no escuro. Entretanto, tais câmeras são significantemente mais caras que as padrões.

– Extração: o equipamento biométrico converte o exemplo da imagem facial em um padrão e depois em um código matemático único, o qual é armazenado na forma de um template.

– Comparação: A verificação um-para-um (1:1) é o método mais comum de comparação. Entretanto, certos sistemas são capazes de fazer a identificação um-para-muitos (1:n). Uma nova imagem facial é capturada e comparada com o template previamente armazenado.

Dependendo da base que está configurada para a aplicação, pode-se obter um par como resultado ou não.

fonte: http://www.consultoresbiometricos.com.br

E um outro link que merece uma atenção é:

http://pessoas.hsw.uol.com.br/sistema-de-reconhecimento-facial.htm

Biometria através do Reconhecimento de Irís, veja o site abaixo, trabalho simples e bem explicado de como funciona.

http://www.gta.ufrj.br/grad/09_1/versao-final/iris/index.html

Designing Interations

Deixe um comentário

Um ótimo livro sobre projeto de Interação é Designing Interations de Bill Moggridge, que se encontra para download no Asiaing.com.

site oficial do livro é o http://www.designinginteractions.com/download onde pode ser encontrado o  capítulo 1 além de vídeos e entrevistas diversas.

O livro está a venda na Amazon.com e acompanha um DVD com as entrevistas.

Trata de assuntos históricos sobre o tema IHC, protipação, avaliações entre outros. São mais de 700 páginas e muitas ilustrações.

Projeto de Sistemas WEB

Deixe um comentário

No último sábado (24/04/2010) tivemos a primeira aula de projeto de sistemas web com a professora Elisa Huzita. Disciplina a qual traz muitas expectativas em relação as novidades na área de projeto para desenvolvimento web. Assim que pesquisar e estudar um pouco sobre o assunto colocarei referências e links interessantes aqui.

Cores na Web

Deixe um comentário

Muitas coisas devem ser vistas sobre o uso de cores na Web e para isto temos algumas dicas como: criação de paletas, conceitos, acessibilidade, imagens e softwares. Segue abaixo uma lista de links interessantes, que pode ajudar muito no trabalho de desenvolvimento de sistemas para WEB, os quais achei na Web.

COLOR SCHEMES GENERATOR – crie sua paleta de cores – http://colorschemedesigner.com/

COLOR SCHEMER GALLERY -Aproveite algumas paletas disponíveis em – http://www.colorschemer.com/schemes/

LabUtil – Considerações sobre cores na web – http://www.labiutil.inf.ufsc.br/estilo/cores.htm

THE COLOR COORDINATOR – aproveite para criar composições de cores na própria web – http://www.colorcoordinator.com/colorCoordinator.php

COLOR VISION CONFUSION – Teoria sobre acessibilidade. Alguns aspectos conceituais relacionado a cor e imagem.  http://otal.umd.edu/UUPractice/color/#recom

ACCESSIBILITY COLOR WHEEL – descubra se a combinação de cor para fundo e texto estão ok com relação a acessibilidade. http://gmazzocato.altervista.org/colorwheel/wheel.php

Se você conhece algum outro site interessante sobre o uso de cores na Web, poste aqui para compartilhar com as pessoas que se preocupam em desenvolver sites de qualidade.

Design de Interação

Deixe um comentário

No dia 17/04/2010 foi a primeira aula de Design de Interação com o FRED do blog Usabilidoido. Onde nos apresentou conceitos e técnicas sobre Desing de Interação, falando sobre a experiência do uso,  pesquisas com o usuários e ecologia dos sistemas.

“Design é a alma das criações Humanas.” Steve Jobs

Alguns links interessantes ou dicas de leitura passada nesta aula:

http://www.faberlubens.com.br – Instituto de Design de Interação

http://www.37sinails.com

A Cabeça de Steve Jobs

Caindo na Real

Espere o Inesperado

Sketching user Experiences

Design de Interação

Eu recomendo também: os livros, um toc na cuca e um chute na rotina de Roger Von Oech e o trabalho de conclusão de cuso de Luis Vasconcelos: Uma Investigação em Metodologias de Design.

Durante a aula fizemos um trabalho, onde tinhamos que criar um conceito de serviço para web 2.0, eu e minha colega de equipe Joyce criamos o FACE DETECTION, onde nossa prosposta é que a pessoa que deseja se logar em algun site não precisa mais ficar digitando login e senha, mas sim apenas ser reconhecido pelo site através das caracteristicas da sua face.

Vamos aguardas as próximas aulas, e ver o resultado de tudo isto.

Humor: Interfaces e Ambiquidade

Deixe um comentário

Reflita

Deixe um comentário

“Se você não falha em pelo menos 90% das vezes, seus objetivos não foram ambiociosos o suficente.” Alan Kay


Older Entries

Dra. Denise da Vinha

Ser diferente em um mundo exponencial é aceitar o desafio de renovar-se!

Henry Jenkins

Claudia Heidemann de Santana

NextGen Learning

Claudia Heidemann de Santana

Free Technology for Teachers

Claudia Heidemann de Santana

::

Claudia Heidemann de Santana

blog – elearnspace

Claudia Heidemann de Santana

Internetando

Sobre Educação, Recursos Educacionais Abertos, Web 2.0, Inovação Pedagógica e outras "cositas" mais...

Jetpack

The ultimate WordPress plugin for security, backups, site performance, and growth tools

designativista.wordpress.com/

Sinalizações e mensagens para mudar o mundo