Tag Archives: User experience

Projetando Experiências: Arquitetura de Informação e UX Design na VII Semana de Biblioteconomia

26 Set

Oi gente,

Participei hoje do Biblio.Lab da Semana de Biblioteconomia da ECA/USP e falei um pouco sobre a área que trabalho, desejando muito que mais bibliotecários atuem como Arquitetos de Informação (vem gente!).

Gostei bastante, apesar de ter que correr com a apresentação para dar tempo.

Como tem algumas pessoas me pedindo, já subi a apresentação no SlideShare e estou compartilhando aqui.

;

http://www.slideshare.net/PaulaMacedo/projetando-experiencias

;

Depois eu comento mais sobre a apresentação e sobre o Biblio Lab. Mas desde já digo: vale muito a pena participar, tanto apresentando como assistindo, gostei muito da apresentação dos colegas.

Acho que o vídeo foi gravado, e se der coragem depois eu publico aqui também.

Beijos

e Obrigada à todos pela força – Brubs, Laura, Mamis 😉 – e galera da Wunderman que me liberou para estar presente… *_*

—- 1o update—– 28/09
Passei na biblioteca da eca e os dois livros que citei existem no catálogo – “Ansiedade de Informação” do Wurman e “Information Architecture for the World Wide Web” do Morville e Rosenfeld, mas não estavam na estante. Encontrei lá tbm o “Don’t make me think” que tem em português “Não me faca pensar” do Grueguer e “Design for the user experience” do Garret, que são boas referencias para quem está começando.

Vale lembrar que eles são pouco antiguinhos já – sigam os blogs da área como o http://arquiteturadeinformacao.com/ e http://uxmag.com/ além dos grupos e twitters que citei para ficarem por dentro da área e tbm das vagas 😉

Encontrei o Felipe Salles hoje na semana de biblio e ele falou que muita gente pediu a apresentação – eu agradeço e agradeço tbm à ele e à equipe que organizou o evento pela oportunidade !

20120928-213129.jpg

—- 2o update—– 25/10

Complemento também o post com a citação de um post do Blog de AI : “O que é essa tal de Arquitetura de Informação” que é bem completo. 😉

As fotos da semana estão no ar. Vou subir uma aqui para ilustrar esse dia tão importante pra mim

 

—- 3o update—– 07/02/2013

Gente, olha que legal: o blog de AI fez mais um post de “Como começar na área de UX Design” e tem muita informação legal por lá.

Tem até uma série de perguntas e respostas no Branch de profissionais da área, que reúnem informações preciosas , boa sorte 😉

Anúncios

Microsof Office 2010: Officebook

16 Maio

Ainda sobre a Campanha de Compre Office 2010, vou falar sobre o Aplicativo com Facebook Connect que desenvolvemos aqui na Wunderman – o OFFICEBOOK!

Foi uma experiência bem interessante, pois reunimos esforços da criação, arquitetura de informação, tecnologia e parceiros que entendiam bastante do produto da Microsoft: Pacote Office.

A ideia era usar a Timeline do Facebook – através do Facebook Connect – e entregar de volta para o usuário um Documento em Word, Power Point e Excell totalmente customizado e editável, onde os consumidores poderiam ver quanta coisa diferente é possível se fazer com o pacote Office.

O David Pereira, da tecnologia aqui da Wunderman, me apresentou o Graph API Explorer e mais essa outra página de desenvolvedor do Facebook onde é possível saber todas as informações do Facebook que podemos usar (dá até medo) rs, e à partir disso começamos a montar que informações seriam legais de ter no Documento final.

Eu desenhei todo o fluxo (nos Wires abaixo), e depois algumas coisas ficaram mais enxutas para viabilizar o prazo/desenvolvimento.

O Officebook está hospedado no Windows Azure – na nuvem – e virou até case interno para a Microsoft.

O aplicativo também foi bastante comentado: IDGNow, ItWeb e Info Abril. (dentre outros) [Na GLOBO.COM também *_* atualizado em19.06.212]

Apesar de ter MUITAS coisas feitas usando a Timeline do Facebook, nosso produto é único pois o usuário vai receber um documento que é dele, pode editar, alterar, guardar, enfim, pode apropriar-se do produto final e é gratuito.

As principais referências foram o SocialMemories, e My Social Strand.

Link: http://officebook.compreoffice.com.br/

A campanha da Wunderman, o diretor de criação é o Fabio Mattiazi, participam da criação também o Caio Batista e a Ana Dolabela.

Está no ar o arquivo final em Doc., mas em breve haverá versões em Power Point e Excel.

Primeiro, o print do documento final – todo bonitão:

Capa do meu Officebook, faça o seu também =)

Officebook – Conexão com Facebook

Wireframe – Conexão com Facebook

Escolher tipo de arquivo (por enquanto só tem Word)

Mouseover explicando os tipos de arquivo

Wireframe do passo de escolher arquivo e mouseover explicativo

Escolher Período

Wireframe – Escolher período

“As opiniões expressas neste blog são exclusivamente minhas e não necessariamente refletem as opiniões do meu empregador. Os posts contidos neste blog são incluídos ‘da forma como estão’, sem qualquer
garantia e não outorgam nenhum direito a terceiros”.

Microsoft Office 2010 : Compre Office

16 Maio

Campanha fortemente comentada na mída: Adnews , Mundo do Marketing, entre outros  – a missão do projeto era vender o Office 2010 e mostrar que é possível fazer muita coisa com o pacote Office da Microsoft :

Saia do básico, descubra seu lado incrível. 

Além de informações sobre preços e onde comprar, o site abrigaria a campanha e num primeiro momento, modelos para download e dicas em vídeos.

Fez parte da campanha também aplicativo com facebook connect e mobile, que publicarei em seguida 🙂

Link: http://www.microsoft.com/brasil/compreoffice/index.html

Campanha da Wunderman, o diretor de criação é o Fabio Mattiazi, participam da criação também o Caio Batista e a Ana Dolabela.

Segue print das telas e dos wireframes

Home Compre Office 2010

Wireframe Home Compre Office

Página de Produtos

Wireframe Página de Produtos

Página de Comprar

Wireframe página de Comprar

Página das Histórias

Wireframe Página de Histórias

Página de Dicas (Galeria de Vídeos)

Wireframe da Página de Dicas (Galeria de Vídeo

No próximo post sobre este trabalho vou falar do aplicativo com facebook connect que fizemos para a campanha

 

“As opiniões expressas neste blog são exclusivamente minhas e não necessariamente refletem as opiniões do meu empregador. Os posts contidos neste blog são incluídos ‘da forma como estão’, sem qualquer
garantia e não outorgam nenhum direito a terceiros”.

Aí eu dei uma estrela para a minha mãe

10 Maio

Quem nunca quis dar uma estrela para alguém? E quem nunca dar uma estrela para sua querida mamis? É, eu consegui. Adotei uma estrela para dar para a minha mãe, com certificado e tudo… Sim, tá o nome dela lá!

Mamais – tá aí sua estrela 😉 TE AMOO!

Certificado

Estrela da Edna

Projeto para Danoninho Dia das Mães, pela Wunderman. (link  = http://www.danoninho.com.br/diadasmaes/ ) Gosto muito de fazer coisas para crianças, eu me divirto trabalhando. Nesse projeto, como em outros da Danoninho, a criança insere um código que vem no produto e tem direito a brincar – no caso a brincadeira era adotar uma estrela e colocar o nome da mãe. Legal a ação, né? Segue print de como ficou e do meu trabalho – o protótipo do projeto nos Wireframes.

Home Danoninho Dia das Mães – não logada

Wireframe da Home não logada

Cadastro

Wireframe Cadastro

Lightbox Como Adotar

Wireframe Como adotar

Home Logada

Wireframe da Home não logada

Adotar Estrela

Wireframe Adotar Estrela

Minhas estrelas

Wireframe minhas Estrelas

Certificado da estrela

Wireframe Certificado

 

“As opiniões expressas neste blog são exclusivamente minhas e não necessariamente refletem as opiniões do meu empregador. Os posts contidos neste blog são incluídos ‘da forma como estão’, sem qualquer
garantia e não outorgam nenhum direito a terceiros”.

Usabilidade, Experiência do Usuário e meu problema com Estojos de Maquiagem da Avon

18 Jan

Hoje estou aqui para falar como Arquiteta de Informação e como Consumidora de maquiagem.

Acontece que uma das nossas disciplinas é a de UX (User Experience) ou Experiência do Usuário:

“Experiência do Usuário engloba todos os aspectos de um produto ou serviço. Começa no momento em que o consumidor ficou sabendo que aquele produto ou serviço existe, passa pela busca de informação, compra, recebimento, utilização inicial e rotineira, suporte, e chega até o fim da vida útil daquele produto ou serviço. Uma boa experiência do usuário é tão importante para o sucesso de sites, intranets e outros sistemas interativos quanto ter funcionalidades úteis, um bom design e visual atraente.”

(definição da Mercede Sanchez que mantém também o blog “Tá difícil“)

Usamos os termos UX (Usabilidade) para sites, serviços web, funcionalidades mobile, mas na verdade é um conceito que serve para qualquer produto e mesmo serviço oferecido para as pessoas.

Hoje venho expor meu problema com os potinhos de maquiagem da linha Avon, que eu uso a pelo menos 7 anos.

Navegando hoje no site descobri que é complicado também descobrir o nome de uma coleção de maquiagem, ainda que seja boa a apresentação dos produtos (não tentei comprar nada).

Não vou discutir a qualidade, são bons e possuem um preço acessível, tanto que essa é uma marca bastante popular.

O fato é que, ao comprar uma base, dois conjuntos de sombras, um blush e pó de uma mesma coleção (…)

De repente você estará com 5 potes pretos identicos por fora:

Como saber qual deles está nas mãos???

1 – abrindo um por um para ver o que tem lá dentro

2 –  lendo as letrinhas brancas pequenas que ficam do lado de trás (eu enxergo bem e tenho dificuldade para ler, pois elas se desgastam rápido e vão ficando apagadas).

É possível criar soluções caseiras também, tipo colocar adesivos coloridos ou pintar o estojo para diferenciar uma sombra da outra (como algumas manicures fazem ao pintar a tampa dos esmaltes com a cor dele), você pode manter cada pote sempre no mesmo lugar, pode simplesmente arrancar a tampa do seu potinho (…) enfim….eu não uso nenhuma dessas, apenas as duas opções lá de cima.

O problema que parece bobo, se agrava…como eu tenho uma irmã que usa a mesma linha, e tenho duas casas (SP e casa da mamis nos fds), estou sempre carregando os estojos pra lá e pra cá…perdi a conta de quantas vezes levei o estojinho dela e deixei o meu lá, vindo embora com duas sombras e nenhuma base.

Recentemente vi que ela estava com duas sombras iguais, deve ser porque ficou sem quando eu levei embora e ai comprou outra. Eu já a vi reclamando também desses lindos potinhos estojinhos,  e aí resolvi escrever esse post.

Como Avon é uma marca popular, imagine, quantas como eu viajam com seus potinhos pra lá e pra cá, quantas usam o tempo nos transportes públicos (ou mesmo dirigindo no trânsito) para se maquiar, na correria e aí precisam ficar se virando pra saber qual pote estojo é qual.

Acredito que as tiazinhas e queridonas que tem várias e várias maquiagens importadas não tenham esse problema, provavelmente elas nem tenham que se maquiar, ou então tem tempo de sobra pra essa atividade. Aqui tem um link de uma moça que explica como faz para se maquiar no trânsito, e a foto de uma outra.

Avon, e demais fornecedores, é um detalhe tão pequeno, certo? Mas vocês oferecem um sério problema de usabilidade à nós, suas consumidoras, e com certeza, a nossa experiência, suas usuárias, poderia ser outra caso pensassem um pouquinho em quem usa, como usa e se usa mais de um de seus produtos.

As soluções são simples, poderia ter uma tampa de estojo com detalhe transparente (pronto, consigo ver o que tem lá dentro), as embalagens poderiam ter alguma diferenciação em cores, o estojo inteiro, ou apenas uma fitinha lateral relacionando a cor ao produto (pronto, consigo saber o que tem lá dentro de novo :D) e aí ficaria todo mundo feliz.

Na arquitetura, poderíamos tratar este com um problema sério de rotulação ou mesmo de como o design pode afetar o modo como a informação é transmitida, mas fico por aqui, dando apenas um exemplo do que é usabilidade e experiência do usuário  e de como ela é percebida.

Registrei esse post como sugestões no formulário do site da Avon e tuitei usando o arroba da Avon  @AvonBR, que acredito ser o oficial. Caso tenha algum retorno, publicarei aqui.

Se alguém tiver mais sugestões, mais problemas ou mais soluções com maquiagens, fique à vontade para comentar 😉 .

 

—————————-01 Fev 2011——————————

A Mercedez entrou em contato comigo, e postou lá no “Tá Difícil” este post. 🙂 Fiquei Feliz…vamos ver se agora a Avon diz algo…

%d bloggers like this: