Usabilidoido : Portifólio http://www.usabilidoido.com.br/ Projetos finalizados onde o autor teve participação. pt-br fred@usabilidoido.com.br 2009-03-12T15:28:10-03:00 daily 1 2000-01-01T12:00+00:00 Porto Seguro http://www.usabilidoido.com.br/porto_seguro.html A Porto Seguro disponibilizava grande volume informações, porém, o acesso era complicado. Para garantir que ficasse fácil de encontrar, foi necessário realizar testes de usabilidade em diferentes etapas do processo de reformulação do portal. Realizamos testes com protótipos semi-funcionais e funcionais visando guiar a equipe de Arquitetura da Informação sobre as melhores estratégias de navegação.

Eis o portal como era antes...

... e depois da reformulação.

Ficha técnica

  • Testes de usabilidade
  • Projeto em parceria com a Mídia Digital
  • Período de 05/08 a 09/08

Comente este post

]]> 801@http://www.usabilidoido.com.br/ Portifólio 2009-03-12T15:28:10-03:00 FinanceiroWeb http://www.usabilidoido.com.br/financeiroweb.html O FinanceiroWeb é um software de controle financeiro para pequenas empresas. Como ainda não existem padrões sedimentados para aplicações web, o FinanceiroWeb procura inovar em funcionalidades e modos de interação que só a web pode oferecer. Ficava a dúvida se os usuários estavam conseguindo compreender as novidades. Foram, portanto, realizados testes com usuários focados no aprendizado inicial através do método de teste de usabilidade cooperativo.

Tela principal do financeiro web

Ficha técnica

  • Teste de usabilidade cooperativo
  • Realizado em dez/2008
  • Promovido pelo Celta e SEBRAE-SC

Comente este post

]]> 786@http://www.usabilidoido.com.br/ Portifólio 2008-12-20T21:34:55-03:00 Visact http://www.usabilidoido.com.br/visact.html Visact é um sistema integrado para prédios inteligentes desenvolvido pelo Grupo Specto. O módulo atual suporta controle de acesso, porém, o sistema pretende lançar módulos de automação residencial. Além da análise das interfaces do módulo atual, definimos a estratégia de design dos módulos futuros, baseando-se em pesquisa com usuários e usabilidade.

Thumbnail image for Visact Architecture

Ficha técnica

  • Consultoria estratégica em design de interação
  • Análise de especialista de interfaces
  • Realizado em nov e dez/08
  • Promovido pelo Celta e SEBRAE-SC

Comente este post

]]> 785@http://www.usabilidoido.com.br/ Portifólio 2008-10-14T10:22:07-03:00 Brame http://www.usabilidoido.com.br/brame.html A Brame Automação fabrica produtos para lidar com etiquetas em ambientes comerciais e industriais: etiquetadora, rebobinador de etiquetas e dispensador de etiquetas. Em pouco tempo de presença online, descobriu que a Internet era um canal barato e independente para anunciar e vender seus produtos. Investiu em otimização e marketing para buscadores.

Website da Brame

Além da otimização, fiz avaliação heurística dos produtos anunciados, visando a melhoria da usabilidade na operação.

Rebobinador de Etiquetas

Ficha técnica

  • Otimização para buscadores
  • Avaliação heurística
  • Realizado entre out/08 e dez/08
  • Consultoria promovida pelo Celta e SEBRAE-SC

Comente este post

]]> 783@http://www.usabilidoido.com.br/ Portifólio 2008-09-09T13:28:39-03:00 Dufry http://www.usabilidoido.com.br/dufry.html A Duty Free Dufry tem uma loja virtual para reserva de produtos a serem retirados em viagens. O fluxo de compra da loja estava apresentando taxas de abandono altas e, para descobrir o porquê, realizamos testes de usabilidade. Descobrimos vários pequenos problemas na interface que irritavam muito os usuários. Devido ao teste foi melhorada a descrição dos produtos, o mecanismo de busca, o menu de navegação e o carrinho de compra.

Anotaçoes sobre o carrinho de compra

Ficha técnica

  • Planejamento e execuçao de teste de usabilidade
  • Análise de especialista
  • Período: abr/08

Comente este post

]]> 760@http://www.usabilidoido.com.br/ Portifólio 2008-08-07T22:21:51-03:00 Vila Mulher http://www.usabilidoido.com.br/vila_mulher.html Vila Mulher é uma rede social com tudo o que as mulheres gostam. O portal queria saber se seus aplicativos online estavam adequados para elas. O teste de usabilidade ajudou a aperfeiçoar detalhes da interface, tornando-a ainda mais simples. Veja o exemplo de uma das interfaces testadas e suas melhorias:

Interface antes do teste

Ficha técnica

  • Etnografia virtual
  • Testes de usabilidade orientado a tarefas
  • Realizado por Mídia Digital
  • Período: mar/abr/08

Comente este post

]]> 759@http://www.usabilidoido.com.br/ Portifólio 2008-08-07T21:49:07-03:00 Stobag do Brasil http://www.usabilidoido.com.br/stobag_do_brasil.html A filial brasileira da Stobag produz diferentes tipos de toldos customizados para as necessidades de proteção solar de seus clientes. A venda dos toldos envolve o cruzamento de diferentes informações, cálculos manuais e edição gráfica de imagens. Fizemos o mapeamento do processo e identificamos as situações de baixa eficiência.

Processo de vendas

Para facilitar o processo, a Stobag planeja investir em diferentes softwares. Delineamos a Estratégia Externa de Tecnologia da Informação da Stobag, bem como especificamos os requisitos para os diferentes softwares mediante entrevistas com usuários e funcionários da empresa.

Estratégia

Ficha técnica

  • Consultoria Estratégia em TI
  • Articulação de interesses
  • Pesquisa com usuários
  • Período: out/nov 2007

Comente este post

]]> 720@http://www.usabilidoido.com.br/ Portifólio 2007-12-12T08:41:03-03:00 Ultraclick http://www.usabilidoido.com.br/ultraclick.html Ultraclick é uma startup brasileira voltada para serviços inovadores Web 2.0. A partir da compreensão das dinâmicas sociais em fóruns de discussão, a empresa pretendia lançar um novo modelo de fórum que trabalhasse melhor a motivação para a participação. Entramos no projeto com a missão operacional de fazer a arquitetura da informação, mas pudemos participar da reconfiguração estratégica do projeto diante de uma breve pesquisa em fóruns de discussão similares. O conceito do projeto foi repensado e criamos algumas idéias inovadoras para o compartilhamento de informações entre pessoas de interesses similares. O projeto ainda está em fase de desenvolvimento.

Mapa mental dos conceitos a serem aprendidos pelo usuário Fluxograma de interação entre usuários Wireframe anotado Curva de aprendizado

Ficha técnica

  • Design de interação estratégico
  • Etnografia virtual
  • Planejamento
  • Wireframes e fluxogramas
  • Interfaces ricas com Ajax
  • Folcsonomia
  • Período: mar/abr/jun 2006

Comente este post

]]> 721@http://www.usabilidoido.com.br/ Portifólio 2007-11-22T08:53:02-03:00 TPA Internet http://www.usabilidoido.com.br/tpa_internet.html Este provedor catarinense precisava aprimorar a homepage de seu portal para aumentar a satisfação de seus clientes, que utilizam a página como início de sua navegação na Web. Contrataram uma análise de especialista, o que resultou num relatório com sugestões que foram usadas para elaborar o novo portal:

tpa_nova.png

Note as melhorias em relação à versão anterior:

tpa_nova.png

Ficha técnica

  • Análise de especialista em usabilidade e design da informação
  • Lançamento 08/2006

Comente este post

]]> 609@http://www.usabilidoido.com.br/ Portifólio 2006-08-08T23:10:25-03:00 MH http://www.usabilidoido.com.br/mh.html A MH é uma Assessoria Empresarial especializada em relações humanas no trabalho. O objetivo de seu website é demonstrar o know-how da empresa para futuros clientes e, através da exposição em buscadores, divulgar a marca e o nome dos consultores.

MH Assessoria Empresarial.

Ficha Técnica

Comente este post

]]> 508@http://www.usabilidoido.com.br/ Portifólio 2005-09-10T12:33:33-03:00 Minha Turminha http://www.usabilidoido.com.br/minha_turminha.html Minha Turminha é um álbum de fotos/fotolog feito especialmente para conectar pais, educadores e crianças que estudam em escolas e Igrejas evangélicas. O objetivo do serviço é projetar os personagens da editora Luz & Vida que ilustram material didático.

Home do Minha Turminha

Como consultor terceirizado, minha função foi auxiliar na concepção do produto, desde a definição das funcionalidades até os esboços (wireframes) das páginas. Segue um trecho da documentação entregue para a equipe de design gráfico e desenvolvimento:

Diagrama de fluxo do Minha Turminha Wireframe do Minha Turminha

Ficha Técnica

  • Planejamento
  • Design de Interação
  • Especificação de funcionalidades
  • Wireframes e fluxogramas
  • Período: jun/jul/ago 2005

Comente este post

]]> 527@http://www.usabilidoido.com.br/ Portifólio 2005-09-09T12:33:33-03:00 Travessa dos Editores http://www.usabilidoido.com.br/travessa_dos_editores.html A Travessa dos Editores é uma editora paranaense conhecida por valorizar a produção regional. O objetivo do seu novo website é, além de funcionar como catálogo online, oferecer informações extra para seus fiéis leitores.

Site da Travessa

Como consultor, iniciei o processo fazendo entrevistas e grupos de foco com usuários. A Travessa fazia questão de saber o que os leitores esperavam de seu website. Como era de se esperar, os leitores indicaram que o design gráfico do website deveria ter o mesmo padrão de qualidade das edições impressas, considerado referência nacional. Na ocasião foi experimentado um novo método de pesquisa em design gráfico chamado Perfil Semiótico, que permitiu captar várias sugestões dos leitores nesse sentido.

Uma das maiores dificuldades do projeto foi elaborar uma taxonomia multi-facetada que permitisse a localização de obras a partir de diferentes níveis de conhecimentos do usuário sobre a obra. Se o usuário só lembrasse a cor da capa do livro, era possível encontrá-lo, bem como se encontrasse um livro, seria possível ver outros livros e autores relacionados. Foi montado um protótipo usando o software livre Drupal para demonstrar a taxonomia funcionando.

Site da Travessa Site da Travessa

Ficha técnica

  • Consultoria em presença na Internet
  • Arquitetura da Informação
  • Pesquisa com usuários
  • Período: abr/jun 2005

Comente este post

]]> 587@http://www.usabilidoido.com.br/ Portifólio 2005-09-08T12:33:33-03:00 Vivência Pedagógica http://www.usabilidoido.com.br/vivencia_pedagogica.html Vivência Pedagógica é uma comunidade que discute aplicações da tecnologia na Educação através de uma lista de email. Nesse projeto, eles expandiram as ferramentas da comunidade através da publicação de notícias, recursos para educadores, links e agenda.

vivencia_screenshot.jpg

Ficha técnica

  • Layout moderno e limpo, mesmo com a grande quantidade de informação
  • Arquitetura da Informação
  • Adaptação do sistema de gerenciamento de conteúdo Drupal
  • XHTML tableless
  • Lançamento 08/2005

Comente este post

]]> 444@http://www.usabilidoido.com.br/ Portifólio 2005-08-10T01:24:33-03:00 Flogão http://www.usabilidoido.com.br/flogao.html Flogão é um serviço de diário de fotos criado e mantido por uma startup brasileira. Em 2004, o Flogão teve um crescimento gigantesco e a empresa desejava melhorar seus serviços. Prestamos consultoria a respeito das possibilidades de melhoria dos serviços, principalmente, no quesito usabilidade. Analisamos as dúvidas deixadas no help-desk, as estatísticas de navegação e fizemos uma pesquisa com questionário de satisfação para 900 participantes da comunidade. Após a pesquisa, montamos alguns rascunhos para a arquitetura da informação do site, mas estes não foram implementados pelo serviço.

Wireframe Wireframe Arquitetura da Informação Global

Ficha técnica

  • Revisão das mensagens de erro
  • Análise de emails do help-desk
  • Análise de estatísticas de navegação
  • Pesquisa de satisfação
  • Arquitetura da informação
  • Consultoria em Webstandards
  • Período: dez 2004 e jan 2005

Comente este post

]]> 722@http://www.usabilidoido.com.br/ Portifólio 2005-07-09T12:33:33-03:00 Palmifer http://www.usabilidoido.com.br/palmifer.html Não basta apresentar a empresa, o site institucional deve vender o produto com bons argumentos. Para isso, não é preciso encher o site com animações em Flash piscantes. Melhor usá-las para mostrar a evolução de uma obra, por exemplo. O resto do conteúdo é estático, em bom XHTML, como deve ser.

palmifer_screenshot.gif

Ficha Técnica

  • Série de ícones
  • Animações em Flash com conteúdo
  • Parte da redação publicitária
  • Menu em XHTML usando substituição de imagens
  • Lançamento 09/2004

Comente este post

]]> 362@http://www.usabilidoido.com.br/ Portifólio 2005-05-07T16:39:13-03:00