Usabilidoido: Menu Principal

English Website


Portifólio Feed s? desta se??o

Projetos finalizados onde o autor teve participação.

Portal UTFPR

(0 coment?rios)

Por ocasião de seu centenário, a UTFPR teve seu portal reformulado a partir das necessidades dos usuários. Foram realizadas pesquisas de satisfação, testes de usabilidade e card-sorting com usuários dos diferentes públicos da Universidade. Meu papel como consultor foi orientar a formação das equipes, definir a metodologia de pesquisa/design e acompanhar o desenvolvimento.

utfpr_inicial.png

O maior desafio foi gerar consenso na equipe, constituída de 14 funcionários de diferentes setores da Universidade.

Equipe da UTFPR

Ficha Técnica

  • Formação de equipes
  • Consultoria estratégica
  • Período: 04/09 a 09/09

Infinity I-Kitchen

(0 coment?rios)

A Electrolux pretendia lançar uma nova versão do premiado refrigerador Infinity com painel touchscreen e queria verificar o impacto do novo método de interação na experiência dos usuários. Todos os controles do refrigerador podem ser acessados pela tela de toque, porém, além dos controles básicos, o painel oferece aplicativos de receitas, recados, contatos e calendário. Meu papel foi conduzir as análises de usabilidade.

Infinity I-kitchen

Ficha técnica

  • Análise de Usabilidade
  • Avaliação de Afeto Emocional
  • Período: 06/10 a 10/10
  • Projeto associado ao Instituto Faber-Ludens

Acesso Zero

(0 coment?rios)

Portal que oferece descontos em bares e outros estabelecimentos em troca de avaliações dos consumidores. À partir do escopo inicial reduzido (veículo de promoções), expandimos o portal para um guia de serviços da cidade, promovendo interações entre os consumidores. Meu papel foi de consultor estratégico no início do projeto, elaborando diagramas que sintetizavam a visão dos empreendedores sobre o serviço e guiando sua visão para contemplar os interesses dos usuários.

acesso_zero_miniatura.jpg
Diagrama de integração de serviços

Ficha Técnica

  • Design de Serviços
  • Diagramas conceituais

Portal CIMM

(0 coment?rios)

O maior portal do setor Metal-Mecânico sofria do clássico problema de excesso de informação em suas páginas. Fizemos uma revisão nos objetivos do portal e redefinimos a arquitetura da informação com base numa lógica de informação e não de publicidade. Ainda assim, estudamos os melhores formatos para oferecer espaços publicitários sem prejudicar a experiência do leitor.

Antes:

cimm1.jpg

Depois:

cimm2.jpg

Wireframe:

Canvas_1.png

Ficha técnica

  • Análise de estatísticas de navegação
  • Estratégia de conteúdo
  • Wireframes
  • Período: 11/08 a 01/09
  • Promovido pelo Celta e SEBRAE-SC

Porto Seguro

(0 coment?rios)

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

FinanceiroWeb

(0 coment?rios)

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

Visact

(0 coment?rios)

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

Brame

(0 coment?rios)

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

Dufry

(0 coment?rios)

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

Vila Mulher

(0 coment?rios)

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

Stobag do Brasil

(0 coment?rios)

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

Ultraclick

(0 coment?rios)

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

TPA Internet

(0 coment?rios)

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

MH

(0 coment?rios)

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

Minha Turminha

(0 coment?rios)

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

Travessa dos Editores

(0 coment?rios)

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

Vivência Pedagógica

(0 coment?rios)

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

Flogão

(0 coment?rios)

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

Palmifer

(0 coment?rios)

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

Restaurante Jagannatha

(3 coment?rios)

O primeiro restaurante realmente indiano de Curitiba precisava de uma identidade gráfica que transmitisse seu sabor e ambiente exótico. Além do design gráfico, o cliente precisou de redação publicitária e agenciamento.

Logomarca do Restaurante Jagannatha Logomarca da loja indiana Subhadra

Ficha Técnica

  • Logomarca
  • Descansos de bandeja
  • Banners e cartazes
  • Cardápios
  • Menus
  • Anúncios em Impressos
  • Fotografia
  • Consumação

Endereço

Rua Paula Gomes, 123 - Curitiba / PR - próximo ao Shopping Mueller e praça do Homem nú
Tel 3029-5225

UFPR

(0 coment?rios)

Trabalho de Graduação aplicando Design Centrado no Usuário no website da Universidade Federal do Paraná. Apesar de não ter sido usado pela Universidade, o projeto é referência por estar bem documentado (100 páginas). O produto final foi um protótipo cuja ênfase é na Arquitetura da Informação e não no design gráfico:

Sessão sobre Cultura do protótipo

Ficha Técnica

  • Testes de usabilidade
  • Card-sorting
  • Taxonomia
  • Inventário de Conteúdo

Mercado da China

(0 coment?rios)

O desafio foi parecer barato sem apelar para a poluição visual.

Mercado da China

Ficha técnica

  • Animações destacando produtos
  • Facilidade na atualização mesmo sendo estático
  • Lançamento 10/2004

Leia mais.

Enter Comunicação

(0 coment?rios)

Website de uma agência especializada em marketing político destacando seu mascote totalmente articulado.

Enter Comunicação

Ficha técnica

  • Animação de personagem complexa
  • Flash 5
  • Criação de Logomarca
  • Desenho de Logomarca para Enter
  • Lançamento 07/2004

Ibratec

(0 coment?rios)

O cliente precisava de um website com sistema gerenciador de conteúdo multi-lingüe. Foi adaptado um software-livre chamado Plone para a tarefa. O cliente pode com apenas alguns cliques alterar todo o conteúdo da sua página, sem esquentar a cabeça, veja:

Captura de tela durante a edição de uma página Captura de tela durante a manutenção das pastas Design do website

Ficha técnica

  • Programação em Zope e Python
  • Gerenciador de conteúdo completo
  • Lançamento em 05/2004
  • Projeto da DC2

Ótica Visão

(11 coment?rios)

O desafio foi conciliar elegância com legibilidade para quem usa óculos. Para isso, foram feitos testes e incorporações do usuário.

Website elegante e fácil de ler

Segunda opção de layout (rejeitada infelizmente):

Opção rejeita de layout para ótica visão

Ficha Técnica

  • Flash 5
  • Otimização para conexão discada
  • Fotografia 360 graus
  • Lançamento 01/2004
  • Projeto da DC2

Comunicação

(0 coment?rios)

Portal de notícias e comunidade virtual da UFPR.. Novas idéias para design de portal de notícias. Vencedor do prêmio Sangue Novo, o maior prêmio de jornalismo no Paraná.

Ficha Técnica

  • Testes de Usabilidade
  • Iconografia temática
  • Sistema avançado de publicação de notícias (PHP+MySQL)

Siena Alimentos

(0 coment?rios)

Website com design e conteúdo otimizado para ficar no topo das buscas do Google e similares.

O cliente precisava do website para vender melhor seus serviços de terceirização, mas também agregar valor à suas marcas próprias, que eram desconhecidas pelo público.

A otimização para buscadores trouxe a seguinte vantagem: um potencial cliente faz uma busca por "receitas de panetone" por exemplo, e cai no website da Siena. Ele lê a receita e conscientiza-se da marca.

Ficha Técnica

DC2 Propaganda

(2 coment?rios)

O que era pra ser um mero portifólio de agência se tornou quase uma obra de arte, fazendo ironia ao próprio conceito de propaganda. O personagem é cativante e o roteiro arranca risadas de qualquer um.

Um bebê é vítima da mídia.

Não é à toa que venceu o troféu Construction New Media Award 2003, e menção honrosa no 7º Encontro Nacional de Webdesign e mais de 15 indicações internacionais.

Troféu Construction New Media Award recebido pelo website DC2 Propaganda

Ficha Técnica

  • Redação publicitária
  • Roteiro
  • Primeiro site em Flash
  • Lançamento 05/2002

Outros trabalhos

Blanco

(0 coment?rios)

Nada melhor que o próprio produto que a empresa fabrica para falar dela mesma. Uma metáfora de objeto real que deu certo. Apesar de eu saber que o efeito de virar a página é enervante, não havia outra alternativa.

Ficha técnica

  • Interação rica usando Flash
  • Catálogo de produtos em XML
  • Extranet para clientes
  • Lançamento 01/2003

Hidracine

(0 coment?rios)

Conciliação de Flash com HTML para website corporativo. O personagem animado humaniza o site e dá o tom.

Ficha técnica

  • Animação de personagem
  • Supercompactação
  • Lançamento 06/2002
  • Projeto da DC2

Gióca B2B

(0 coment?rios)

Design e programação de ferramenta Business-to-Business fácil de usar. O cliente solicitou apenas um mero formulário de pedidos e recebeu um sistema muito mais eficiente do que imaginava.

Ficha Técnica

  • Lançamento 05/2003
  • Primeiro projeto com ênfase em usabilidade
  • Interface administrativa
  • Programação em PHP
  • Projeto da DC2

Chácara Eventos

(0 coment?rios)

Website bem simples, para um negócio simples.

Ficha Técnica

  • Lançamento 04/2003
  • Primeiro website em tableless
  • Projeto da DC2

Banners e anúncios

(1 coment?rios)

Trabalhos realizados para DC2 Propaganda

Studio A Quatro: Banner com 12K em Flash para circular nas listas telefônicas eletrônica

Copel Telecom: divulgando a nova malha de fibra ótica

Faculdade Espírita: Cabeçalho para destacar vestibular para cursos livres. O desafio foi falar essa linguagem dos esotéricos.

Faculdade Espírita: Cabeçalho para dar acesso rápido aos cursos de pós-graduação em conformidade com a campanha.

Surf Express: Banner botão para divulgar o que o portal oferece.


Sinta a brisa.


Você merece.

Assine nosso conteúdo e receba novidades sem sair de casa!

Atualizado com o Movable Type.

Alguns direitos reservados por Frederick van Amstel.

Apresentação do autor | Consultoria | Portifólio | Política de Privacidade | Contato