Núcleo de User Experience

Archive for the ‘Arquitetura de Informação’ Category

Aproveitando o ensejo do último post, resolvemos juntar num só lugar várias referências pesquisadas ao longo dos estudos sobre nossos amigos formulários. =) Tem coisa nova, tem coisa não tão nova assim (mas, que ainda faz sentido), tem um pouco de tudo, um começo para quem está confuso na hora de projetar campos, mensagens de erro, feedback, dicas de preenchimento, fluxo…

No blog de Luke Wroblewski, um post sobre perguntas excludentes. E um pouco mais sobre o livro que deu origem ao post anterior.

A smashingmagazine publicou dois (parte 1 e parte 2) posts sobre padrões em formulários de criação de conta. São resultado de uma pesquisa com 100 sites cujo sucesso depende do preenchimento do famigerado. São abordados, entre outras coisas, posicionamento na página, layout, alinhamento de rótulos e campos, melhor rótulo para o link, mensagens de erro e tooltips.

Encontramos também considerações de um estudo de eyetracking em CXPartners. E uma proposta ousada de sign up e log in em um passo único, sem distinção entre os dois “tipos de usuários”.

Para quem trabalha com mobile… formulários em dispositivos móveis na smashingmagazine.

O ponto de vista da Google, relacionando o desenho de formulários com taxa de conversão.

Inspire-se com alguns patterns em PatternTap.

O Nux espera ter sido útil, objetivo e simples o suficiente com esse post, assim como nós esperamos que os formulários sejam! 😉

Anúncios

No dia 29 de janeiro, o NUX lançou a pergunta: E o que os campuseiros sabem sobre Arquitetura de Informação ? Aproveitando o clima tecnológico da semana da Campus Party, o Nux quis saber quão conhecida está nossa área (AI, UX e afins) entre o pessoal de tecnologia (muitos deles desenvolvedores web, inclusive…).

Um pouco sobre quem respondeu a pesquisa

Perfil dos participantes

Perfil dos participantes

Infográfico de Silas Augusto


Sobre usabilidade

Apenas 6,67% não soube responder o que é usabilidade. Com o restante houve quase um consenso quanto ao o que é isso afinal… Em quase todas as definições enviadas lemos: facilidade de uso de uma interface (física ou não) e uma forma de melhorar a produtividade.

No longínquo 2005, a Amyris Fernandez (especialista em usabilidade) fez uma abordagem bem legal sobre o tema no WebInsider. Apesar de antigo, o conteúdo ainda é muito relevante. A Wikipédia também reúne um conteúdo interessante, citando a famosa ISO 9241-11: “pela definição da International Organization for Standardization, usabilidade é a medida pela qual um produto pode ser usado por usuários específicos para alcançar objetivos específicos com efetividade, eficiência e satisfação em um contexto de uso específico”.

Mas, a grande questão é: fica a cargo de quem aplicar a usabilidade nos projetos? E é nesse quesito que as opiniões divergem…

O que o pessoal respondeu

Respostas dos participantes

Respostas dos participantes

Infográfico de Silas Augusto

Centrado no usuário. Esse foi o mais próximo que chegamos…

Concluímos então que o problema está em ligar a teoria a prática. Ok! Sabe-se o que é usabilidade, mas e aí? Quem faz isso acontecer? Como faz isso?

Primeiro, algumas respostas básicas:
Não, não somos designers
Não, não somos nós que definimos cor, tamanho e tipo da letra
Não somos nós que criamos um ícone XYZ
Não, não somos um ‘webmaster’ (o famigerado ser mitológico que fazia TUDO nos primórdios da web)
Não temos que saber minúcias da implementação de infraestrutura e relacionados
Também não precisamos codificar

Sim, somos nós que planejamos a navegação, a hierarquia da informação, rótulos, design patterns
Nós que vamos a campo conhecer o usuário, seus hábitos, seus anseios…
Também representamos aquela vozinha inconsciente que, de tempos em tempos, fazem as pessoas envolvidas nos projetos lembrarem que láááááááá no final vai ter uma pessoa (sim, parece estranho, mas é a realidade, meu caro) usando isso que estão desenvolvendo agora.

E o mais importante… Não, não estamos competindo com ninguém! Cada um tem seu papel no processo criativo, cada um tem seu momento. O nosso é facilitar o diálogo, permitir a comunicação, envolver desenvolvimento e criação desde o início com seus inputs sempre ricos. Criar o melhor produto, revolucionar…

Para nossos amigos tecnólogos, uma boa definição de um Arquiteto de Informação seria: um analista de sistemas que vê o mundo com olhos de designer, que levanta os requisitos do sistema do ponto de vista do usuário e não da tecnologia disponível. Não se pensa uma solução porque ela é mais fácil de implantar, porque é a mais barata, por que está na moda ou é a mais bonita, mas porque é a que gera melhor experiência para o usuário.

Na definição da Wikipédia temos algo semelhante a isso:

…Não por acaso, a Arquitetura de Informações guarda muitas semelhanças com aquela sua ancestral (Arquitetura tradicional). A principal delas é a característica de ser centrada no ser humano: como a informação só pode existir em “comunidades de sentido”, a Arquitetura de Informações trata primeiramente de pessoas, buscando assegurar-lhes conforto e, somente depois, de tecnologia.

Bom, é isso… Esperamos ter elucidado um pouco essa questão! E você o que acha?

Abs!

Outros posts sobre o papel do AI

É isso aí, Peter Morville com um bando de amigos e empresas associadas ao IXDA estão promovendo algo que nós aqui do Brasil também questionamos muito:

Afinal, o que é AI? Por que é tão importante? Qual o real significado de Arquitetura de Informação para você?

A fim de chegar a uma “definição definitiva” essa galera resolveu dar prêmios às melhores definições, seja em 140 caracteres, vídeo, foto, texto ou mesmo diagramas. Entre os prêmios estão livros autografados, cursos on-line, inscrições para os próximos eventos e bufunfa, minha gente – sim! Mil doletas para a melhor definição, $500 para o vídeo mais criativo e outros $500 para o melhor diagrama.

Para participar basta enviar seu material (limite de 3 propostas) no grupo do flickr “Explain IA” com a tag “explainia” até dia 11 de Fevereiro de 2010. O bacana é que a promoção tem validade para os arquitetos do mundo inteiro!

Mais detalhes acessem o grupo no flickr:
http://flickr.com/groups/explainia/

Abaixo uma amostra divertida do que a galera anda produzindo, corram!

Explain IA

Aproveitando o clima tecnológico da semana. O Nux quer saber o que os campuseiros sabem da nossa área.

Se você é da área de tecnologia, acesse o questionário e nos ajude nessa empreitada. Em alguns dias postaremos o resultado aqui! =)

Abs!

Resultado do teste de usabilidade

Como trabalho de conclusão de uma disciplina da pós em Arquitetura de Informação, fizemos um teste de usabilidade com o aplicativo Brasileirão Placar.

Foi um teste bem informal com apenas dois participantes (um pré-teste e um teste), mas que nos trouxe um feedback bem interessante sobre o aplicativo. Além de confirmar algumas limitações que já conhecíamos, os usuários questionaram outras coisas que não havíamos previsto. Além disso, é totalmente diferente testar algo que você tenha participado do desenvolvimento, porque você conhece os limites do sistema e o porque deles, foi uma experiência muito rica e gratificante.

Para o pré-teste, o usuário selecionado não possuia iPhone, o que trouxe uma outra visão sobre a experiência com o aplicativo e, para o teste um outro usuário que já estava familiarizado com a proposta de interação do aparelho.

Testamos grande parte das funcionalidades do aplicativo, exceto a tela de Jogos (Ao vivo e Ficha de Jogo).

Dentro da disciplina, as etapas para elaboração do teste foram:

– levantar o público-alvo
– conhecer o aplicativo (para os integrantes do grupo que não participaram do desenvolvimento da app)
– elaborar o roteiro de teste de acordo com a análise heurística praticada anteriormente
– aplicar o teste afim de ajustar o roteiro para o teste final
– refinar o roteiro
– aplicar o teste
– tabular as informações coletadas durante o teste
– elaborar uma lista de prioridades (pode ser também um relatório ou uma apresentação)

O que colhemos de informação do usuário resultou na tabela de prioridades lá de cima.

Espero que esse post elucide um pouco o tema testes de usabilidade…

Abs! =)

No dia 8 de novembro a MacMagazine publicou um review sobre a recém-lançada app para iPhone da Abril: Brasileirão Placar.

O lançamento gerou certo burburinho e aqui no NUX consideramos isso super positivo, pois durante o planejamento e desenvolvimento do aplicativo muitas questões foram levantadas e discutidas até que chegássemos no resultado apresentado.

O aplicativo possui Classificação (tanto da Série A quanto da Série B), Jogos, acompanhamento Ao Vivo de partidas e Notícias diversas relacionadas ao esporte. Está disponível de graça na App Store.

Principais telas da app Brasileirão Placar

fonte: MacMagazine

Planejar a Arquitetura de Informação para aplicativos iPhone é um desafio e tanto… Além de quebrar muitos paradigmas da arquitetura para web, temos que seguir infinitas regras e padrões estabelecidos pela Apple.

Wireframes desenvolvidos no planejamento da app

Wireframes desenvolvidos no planejamento da app

Mas, ao ler o seguinte trecho no review da MM, penso que valeu o esforço:

“…O app da Placar é muito bem construído, bonito e fácil de usar, funcionando como um híbrido de aplicativo nativo do iPhone OS com web app…”

Além dos comentários dos usuários, claro! Por falar nisso… toda opinião é bem vinda! Baixem a app, testem, questionem, contestem, elogiem…

 

É isso…

 

E atendendo a pedidos… os posts passam a ter uma autoria individual. =)

[]’s

Bia Palmeiro =)

Todo mundo NUX no EBAI

Todo mundo NUX no EBAI

Começamos bem o EBAI desse ano, a Try criou uma dinâmica muito interessante, todos os participantes receberam 16 fichas de uma personalidade da área (Jared Spool, Donald Norman…), o objetivo era trocar sua personalidade com outros participantes para completar o seu Try Trunfo e concorrer a livros. O pessoal realmente se entreteve com isso, todos nos sentimos na escola de novo trocando figurinhas. Muito bem produzido, parabéns Elis (@elisfer)! =D Só não sei se o networking foi sua conseqüência, pois acabamos nos fixando tanto nas fichas que às vezes até esquecíamos de nos apresentar uns aos outros, mas valeu a brincadeira. Nos divertimos muito!

Try Trunfo

Try Trunfo - Foto de Silvio Tanaka

A maratona de palestras (13 ao todo) iniciou-se com a Silvia Melo e o Fabrício Teixeira, da AgênciaClick, falando sobre o case do portal da Fiat, desde 2006 no ar, trouxeram métricas que comprovam como o planejamento web resulta em um número maior de vendas e, também, como foi o processo de concepção do conceito. O quanto foi importante ter liberdade no início do projeto, para trazer inovação ao case, e depois voltar para as premissas do projeto. E que os testes servem para aprimorar pequenas coisas e não validar a idéia.

Seguimos com a Maria Célia Furtado, da Companhia de Processamento de Dados do Estado da Bahia (Prodeb), apresentando seu case Internet e Interatividade para a Participação Pública, sobre como estabelecer princípios e definições para projetos web que estimulem essa participação por meio da ampliação do diálogo entre Administração Pública e cidadãos.

A terceira palestra, orquestrada pela Gisele Rossi Araújo e pela Tâmara Baia, da organização OpenBossa vinculada ao Instituto Nokia de Tecnologia (INdT) deu um banho de paixão e experiência. Falaram sobre pesquisas em tecnologias móveis. Expuseram como produzem seus protótipos, inclusive de hardware, para analisarem como ocorre a interação do usuário com o aparelho. Citaram as dificuldades enfrentadas em projetar para os diferentes devices. Destaque, também, para como o Scrum é inserido no processo, em especial, aos workshops criativos -que é muito próximo de uma iniciativa que estamos implantando aqui no NUX que são nossas segundas dedicadas a projetos mirabolantes =). Distribuíram um Planning Poker personalizado para quem fez perguntas, A-D-O-R-E-I-!. O paper enviado ao EBAI está disponível para download.

Open Bossa (INdT) - Planning Poker

Open Bossa (INdT) - Planning Poker

Iniciando as palestras da tarde, Ricardo Grandinetti Teixeira, da fhios falou sobre Design centrado no usuário. Gil Barros veio causando (e esclarecendo) muitas dúvidas em relação a posição do Arquiteto de Informação, cargos e o nosso papel dentro do planejamento da experiência do usuário. Muito rico e inquietante.

Para fechar o dia Andrew Hinton ratificou o que o Gil Barros já tinha semeado e seguiu na mesma linha de discussão sobre a macro e micro AI -e o caminho é mesmo esse, uma grande área cuja finalidade é a experiência do usuário que engloba a Arquitetura de Informação do dia-a-dia. Muita boa a palestra, principalmente por deixar claro que os gringos tem as mesmas dúvidas e anseios que nós, está na hora de nos valorizarmos mais… A apresentação está disponível no slideshare.

UX ou AI?

UX ou AI?

Assim encerramos o primeiro dia. Cansados, mas satisfeitíssimos com a qualidade das apresentações e o clima do evento.

 

Segundo dia…

Começamos o sábado com Alessandro Dias, do INdT de Manaus contando sua experiência sobre como provar em uma apresentação o valor do trabalho do Instituto de Pesquisa. Em seguida, Leandro Gejfinbein, da Globo.com apresentou a nova estruturação do centro de AI na empresa e o uso do Scrum – muito semelhante ao momento que vivemos aqui na Abril Digital.

Ainda pela manhã, Paola Sales veio da Itália contar como a Experientia vem trabalhando na pesquisa sobre diferenças culturais e sua influência na experiência do usuário, através de testes em protótipos em papel, muita paixão aqui também. Feliphe Lavor, da Calandra Soluções nos presenteou com a primeira palestra dessa edição que tratava TI e AI juntas, seu case era uma rede social desenvolvida para o report de horas e tarefas em um ambiente corporativo. O que particularmente nos deixou muito felizes, porque é uma vitória enorme termos pessoas de TI aliadas em prol do disseminação do conhecimento sobre UX/AI. Sem contar que esse sistema pode ser facilmente linkado com o conceito de comunicação rápida e constante difundida pelo Scrum.

A tarde começou com Frederick van Amstel, Edyd junges e Rodrigo Freese Gonzatto, do Instituto Faber Ludens, que apresentaram o projeto Conectando Conteúdos. O projeto segue a linha colaborativa – como a proposta apresentada no EBAI do ano passado pelo Fred. Dentre as idéias do projeto a mais destacada foi a de intra-etiquetas: etiquetas específicas dentro dos conteúdos. Foi legal ver os alunos do Instituto expor as pesquisas desenvolvidas lá. Só ficamos com uma dúvida sobre o que diferencia a proposta de folcsonomia apresentada do que temos hoje, pois a intra-etiqueta não valerá, também, como etiqueta? Gostaríamos de entender melhor… A apresentação já está disponível.

Quase no finalzinho, Rafael Kiso da Embraer novamente apontou para um futuro próspero com seu case que une TI e UX, no projeto da nova interface para administração de chamados de manutenção em aviões. Para fechar o dia (e o evento), Felipe Memória, hoje na HUGE, veio nos contar sua experiência no exterior e, como o Gil, sacudir nossas idéias. Excepcional!

Resumindo… Falou-se muito em:

– Mobile e os desafios enfrentados pelos diferentes devices

– Aderência ao Scrum

– Valorização do Brasil no mercado de UX, pois estamos no mesmo caminho que os gringos (Felipe Memória comprovou isso em sua palestra)

– TI incorporando UX em seus processos (ponto para nós =P)

– Tenha a dedicação e a paixão exalados em uma startup!

– AI ou UX? Precisamos de cargos? Quão importante são as documentações? E tantas outras perguntas que o tema envolvem… (ah! as perguntas… elas dão um outro post! Aguardem… =P)


Mais fotos do EBAI, por Silvio Tanaka, no http://flickr.com/nuxabril

 

Responda nossa enquete e comente, gostaríamos de saber sua opinião 😉

 

 


NUX no Flickr

Twitter: Siga-nux

Anúncios