tecnologia

Como usar o Axure como ferramenta de prototipação

Posted on por Luiz Agner

Seminario Sobre Axure – Pos ESPMhttp://static.slidesharecdn.com/swf/ssplayer2.swf?doc=seminariosobreaxureposespm-100321142102-phpapp01&rel=0&stripped_title=seminario-sobre-axure-pos-espm

View more presentations from agner.

–


–

Esta foi uma apresentação sobre o uso do aplicativo Axure, realizada pelos meus alunos Caroline e Luiz Felipe, na disciplina de Arquitetura de Informação da pós em Marketing e Design Digital da Escola Superior de Propaganda e Marketing. O Axure é uma das principais ferramentas empregadas pelo arquiteto de informação e designer de interação, pois permite realizar um protótipo semifuncional rápido do projeto interativo, pronto para ser testado, e auxilia na produção da documentação necessária.

Para degustação…

Apresentação no Interaction South America 2009

Posted on por Luiz Agner

http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=taissaagnerinteraction2009-091130092730-phpapp01&rel=0&stripped_title=taissa-agner-interaction-2009

View more presentations from agner.

–
Esta é a apresentação realizada por minha amiga Taissa Abdalla, designer e gerente do site IBGE, no Congresso Interaction South America 2009, nesta sexta e sábado, em São Paulo. O artigo (que leva a minha coautoria embora todo o mérito seja dela) apresenta o projeto de interação para questionário web a ser empregado durante o próximo Censo Demográfico 2010, pesquisa populacional que será realizada em todo o Brasil e que, desta vez, terá o suporte da Internet. A íntegra do texto vai aqui e o resumo logo abaixo:

RESUMO
Em 2007, o IBGE começou a utilizar dispositivos móveis como ferramenta de coleta de dados no Censo Agropecuário e na Pesquisa Nacional por Amostra de Domicílios (PNAD). Em 2010, a expectativa é a realização da coleta do Censo Demográfico também pela Internet. Com base na experiência de coleta em PDA obtida nos projetos anteriores, foi desenvolvida uma interface web para o Censo 2010 para este fim. A nova interface buscou contemplar novos paradigmas decorrentes da mudança de mídia impressa para eletrônica e tem como principais desafios motivar o preenchimento pelo cidadão através da Internet e preservar o entendimento dos conceitos do IBGE. Este artigo visa descrever as etapas de desenvolvimento deste.
Palavras-chave – Pesquisa, interface, usabilidade, avaliação heurística, design de interação.

ABSTRACT
In 2007, IBGE started to use mobile devices for data collection in household surveys. In 2010, the expectative is realize the data collection of Demographic Census also through the Internet. Based on the experience of data collection through the PDA obtained in previous projects, we developed a web interface to the Census 2010 for this purpose. The new interface aimed to address new paradigms of the switching from printed media to electronic media and the main challenges are motivate citizens to fill through the Internet and preserve the understanding of the concepts of the IBGE.

Author Keywords – Survey, interface, usability, heuristic evaluation, interaction design.

ACM Classification Keywords – H5.m. Information interfaces and presentation (e.g., HCI): Miscellaneous.

Artigo para o Congresso Interaction South America 2009 – São Paulo, SP.

Diversas ferramentas 0800 (ou quase) para criar wireframes e protótipos

Posted on por Luiz Agner

Balsamiq: Ferramenta de prototipação (tela)

Nos últimos dois anos, surgiram rapidamente, aqui e ali, uma série de boas ferramentas especializadas e acessíveis, para auxiliar o trabalho do arquiteto de informação e do designer de interfaces, muitas delas free. Concorrem com os bam-bam-bans Axure e Visio.

Para quem está começando a se familiarizar com o campo, são uma mão-na-roda. Aqui vai a lista de links para lugares de onde estas novas ferramentas podem ser baixadas, instaladas como plug-ins, ou até utilizadas online:

– Blasamiq Mockup – Free para SFL*
– Pencil – Free.
– Prototype Composer – Free.
– WireframeSketcher – Free para SFL.
– iPlotz – Free ou $15/mês.
– Protonotes – Free online.
– Adobe Flash Catalyst – Free beta.
– Hot Gloo – Free beta online.

As tradicionais:
– Axure – $589.
– Omnigraffle – $100.
– Microsoft Visio – $200.

E não esquecer a possibilidade de usar o Fireworks.

Artigo completo(em inglês):
http://www.uxforgood.org/blog/free-wireframing-and-prototyping-tools-for-ux-professionals.html

–
* SFL – Sem Fins Lucrativos

AI: Ferramentas de prototipação, análise de tarefas e logs

Posted on por Luiz Agner

Merlin – Kmade
A ferramenta KMADE apóia a edição e análise de árvores hierárquicas de tarefas e pode ser baixada gratuitamente no site do Projeto Merlin (Methodes pour lÉrgonomie des Logiciels Interactifs), mantido pelo INRIA (Institut National de Recherche en Informatique et en Automatique).
http://www-rocq.inria.fr/merlin/kmade/

Denim
Para a prototipagem e modelagem de websites, a ferramenta Denim é uma alternativa e pode ser obtida gratuitamente no site da Universidade de Washington. Suporta os designers nos estágios iniciais do projeto de um sistema, com diferentes níveis de refinamento nos sketches.
http://dub.washington.edu/projects/denim

16 Ferramentas de Prototipagem
Link de um artigo que apresenta e analisa 16 ferramentas para prototipagens e wireframes de sites, todas com seus preços, inclusive algumas gratuitas ou 30 dias. Com os respectivos links.
http://www.sitepoint.com/article/tools-prototyping-wireframing/2/

Wireframes
Este é um blog com inúmeros exemplos de wireframes, modelos e de sketches (até de papel e lápis). É a base do projeto da ferramenta FLUIDIA (http://www.fluidia.org/) em desenvolvimento para a prototipação de interfaces com o usuário.
http://wireframes.linowski.ca/

UseMonitor
Pretende ser a primeira ferramenta de análise de logs voltada para a produção de medidas de usabilidade: UseMonitor. Implementa a análise de dados de log segundo uma abordagem orientada a tarefas. Em desenvolvimento da versão beta.
http://www.labiutil.inf.ufsc.br/testeUsemonitor.html

Design de interação como ferramenta de apoio a pesquisas domiciliares

Posted on por Luiz Agner

Somente para um registro rápido: na web, um artigo publicado em co-autoria com a minha colega Taissa de Sousa, do IBGE, no Congresso IHC 2008 (RS). Disponível para download no site da ACM – Association for Computer Machinery.
“Design de interação para dispositivos móveis como ferramenta de apoio a pesquisas”
ACM International Conference Proceeding Series; Vol. 378 archive
Proceedings of the VIII Brazilian Symposium on Human Factors in Computing Systems
Porto Alegre, RS, Brazil
SESSION: Relatos de experiência na indústria
Pages 300-303
Year of Publication: 2008
ISBN:978-85-7669-203-4
The DBLP Computer Science Bibliography

Acabei de colocar o artigo aqui:
Artigo IHC 08

Por um planeta mais feliz em 2009

Posted on por Luiz Agner

Terminado este período frenético de festas de fim de ano, com a sua característica febre de compras e de corrida maluca em busca de objetos de consumo de todos os tipos – com todas as lojas e shoppings da cidade totalmente lotados de pessoas em busca de sua identidade de consumidores, é interessante rever este documentário animado de 20 minutos sobre a produção em escala industrial, sua distribuição, até o descarte dos objetos na forma de lixo no ambiente.

Façamos votos de que a consciência ambiental e a atuação conseqüente e criativa de designers industriais de todo o mundo possam contribuir para a superação do processo de produção linear e para um planeta mais limpo e auto-sustentável.

Feedback das consultas públicas do e-Gov

Posted on por Luiz Agner

No início deste ano, eu recebi um convite para participar da consulta pública do e-Gov para opinar sobre a elaboração de uma guia de Recomendações para Codificação de páginas, sítios e portais do governo federal.

Pois bem, agora eles me enviaram o retorno, que registro a seguir. Vamos ficar atentos, pois no segundo semestre haverá a publicação de novas recomendações, desta vez sobre Design, usabilidade, webriting e/ou AI.

A consulta, como o próprio nome diz, é pública (o que, em si, é uma iniciativa louvável e previne a publicação de normas com erros ou mal elaboradas) e foi realizada através do site: https://www.governoeletronico.gov.br/consulta-publica

Abre aspas:
–
Governo Eletrônico: Consultas Públicas

Item: Recomendações para Codificação de páginas, sítios e portais
Sua contribuição: Antes de mais nada, gostaria de elogiar a louvável iniciativa de produzir estas guias e recomendações para sites.
Logo após o trecho em que está escrito: Evitar expressões redundantes como “bem-vindo ao sítio do ministério x” ou “sítio do ministério x”, “página”, “homepage”, entre outros; sugiro que se adicione evitar o emprego de siglas de instituições ou de seus departamentos, projetos ou programas.
Sua justificativa: Muitas vezes, determinados acrônimos ou siglas fazem parte do vocabulário interno das organizações públicas, mas podem não ser de conhecimento amplo de toda a população de usuários. Deve-se dar preferência ao nome da organização ou projeto por extenso.
Resposta : Recomendação aceita e incluída no documento.
Status Aceite: Acatada

Governo Eletrônico: Consultas Públicas

Sua contribuição foi analisada e julgada conforme dados a seguir:

Consulta Pública: Recomendações para Codificação de páginas, sítios e portais
Item: Recomendações para Codificação de páginas, sítios e portais
Sua contribuição: Na parte onde se coloca que: “Sempre que possível recomenda-se a utilização de usuários com necessidades especiais para efetuar testes nas páginas do sítio.”
Deve-se incluir também uma orientação para que, sempre que possível, sejam realizados também testes com usuários pertencentes ao público-alvo do website – Os testes de usabilidade.
Sua justificativa: O teste de usabilidade é o processo que envolve o feedback vivo de usuários operando tarefas reais. É o processo de aprender a partir dos usuários, sobre a usabilidade de um produto, observando-os durante a sua utilização. Define se os usuários podem encontrar e utilizar os recursos, dentro do tempo e com o esforço que desejam despender.
Os testes com membros do público-alvo de usuários podem ajudar a aprimorar a usabilidade e a arquitetura de informação dos sites, assim como os testes com usuários com necessidades especiais podem ajudar a melhorar sua acessibilidade.
Resposta: Na cartilha em questão os testes sugeridos são para a detecção de erros ou complicações no código. Os testes de usabilidade serão discutidos, de forma extensiva, na Cartilha de Usabilidade, a ser lançada. A recomendação foi enviada para a equipe da cartilha.
Status Aceite: Acatada

Governo Eletrônico: Consultas Públicas

Sua contribuição foi analisada e julgada conforme dados a seguir:

Item: Recomendações para Codificação de páginas, sítios e portais
Sua contribuição: Gostaria de parabenizar pela iniciativa de publicar estas recomendações de codificação, mas também sugerir que novas guias sejam desenvolvidas, contemplando a usabilidade, o design, o webwriting e a arquitetura de informação, especificamente.
Sua justificativa: Diversos problemas de acesso da população aos sites de órgãos públicos podem estar não centrados nas questões simplesmente tecnológicas, mas também na estruturação da informação, na sua compreensão e na sua apresentação visual (design de interfaces), causando erros ou desestimulando a interação com os sistemas. Por isso, novas guias contemplando estes aspectos estão sendo aguardadas para futuro próximo.
Resposta: As cartilhas citadas estão em produção. Planeja-se o lançamento de pelo menos duas para consulta pública no segundo semestre de 2008.
Status Aceite: Acatada

Governo Eletrônico: Consultas Públicas

Sua contribuição foi analisada e julgada conforme dados a seguir:

Consulta Pública: Recomendações para Codificação de páginas, sítios e portais
Item: Recomendações para Codificação de páginas, sítios e portais
Sua contribuição: Sugiro a reformulação da seguinte frase:
Somente por meio da eficácia e da eficiência é
possível aumentar a satisfação dos usuários de serviços eletrônicos e conquistar, gradativamente, uma parcela cada vez maior da população.
Sua justificativa: As palavras eficácia, eficiência e satisfação são os 3 pilares básicos da definição de Usabilidade (segundo norma ISO). O emprego aqui pode criar confusão, na possibilidade de publicação futura de guias específicas, pois esta guia trata somente de padrões web e codificação.
Resposta: O texto foi reescrito. No entanto, os termos eficácia, eficiência e satisfação são adjetivos utilizados em diversas áreas não podendo ser propriedade desta ou daquela.
Status Aceite: Acatada

Bem, no final, só um comentário: até onde sei, os termos eficácia, eficiência e satisfação não são adjetivos e sim substantivos. 🙂

Arquitetura de informação, usabilidade e acessibilidade: referências completíssimas online

Posted on por Luiz Agner

A University of Minnesota Duluth disponibilizou esta série de links sobre webdesign para embasar seus cursos. É um importante consolidado de recursos e referências online, muito completo, sobre os mais diversos tópicos ligados ao design e desenvolvimento. Confira:

– Referências sobre arquitetura de informação

– Referências sobre usabilidade

– Referências sobre acessibilidade

Ferramentas online de AI e Usabilidade

Posted on por Luiz Agner

Eye Tracking Online
http://www.freewaregenius.com/2007/09/18/feng-gui-viewfinder-heatmap/
http://www.feng-gui.com/

Alguns acham este simulador automático de eyetracking uma balela, pois esse tipo de teste depende do contexto sócio-cultural dos usuários e inúmeros outros fatores perceptivos e cognitivos. Trata-se de uma aplicação de “inteligência artificial” que simula o caminho comum do olhar das pessoas em uma imagem estática ou página da web. Podemos indicar uma url ou fazer o upload de uma imagem gif, por exemplo, e o site gera um “mapa de calor”. Mas será que os conceitos da percepção visual são os mesmos em qualquer lugar do mundo ou podem ser reconstruídos por um algoritmo matemático independente de diferenças culturais e de seus contextos? Cabe verificar, mas eu fiz alguns testes e tive a sensação de que o algoritmo está furado.

Card Sorting Online
http://www.optimalsort.com/pages/default.html
Este serviço online foi idealizado pela arquiteta de informação Donna Maurer e sua equipe. Trata-se de uma ferramenta profissional de apoio a avaliações com usuários realizadas por meio da técnica de classificação/organização de cartões.

Mais Card Sorting: Web Sort
http://websort.net/
Faz o mesmo que o Optimal Sort. Tem ferramentas de análise dos dados, assim como papers ensinando como fazê-la. As suas planilhas podem ser importadas para o EZCalc (há um link para o download deste programinha). Para até 10 participantes é gratuito.

Programinha de Card Sorting – para Download
http://www.cardsort.net/downloads.html
Este site disponibiliza o download de um software para PC ou Mac com o objetivo de te auxiliar na realização de estudos baseados em cardsorting.

StickySorter: Diagrama de Afinidade para Download
Este software pode ajudar no cardsorting e é free.
http://www.officelabs.com/projects/stickysorter/Pages/default.aspx

Teste de Usabilidade Online
http://www.robotreplay.com/
O serviço é bem interessante, principalmente por ser gratuito, mas não pode ser considerado um teste de usabilidade verdadeiro, na medida em que não tenha cenários, tarefas, público-alvo, contexto de uso ou protocolos de verbalização. A definição da amostra é sempre por conveniência. Mas acho bom para ser adotado em blogs e sites pessoais, mais como uma curiosidade…

Ted Nelson na TVE

Posted on por Luiz Agner

A Carol me avisou a tempo (obrigado, Carol!) e eu ainda pude pegar a entrevista do filósofo e sociólogo Theodore Nelson na TVE, ontem à noite.

Personalidade criativa e irrequieta, Ted nasceu em 1937 e é um dos avôs da tecnologia da informação. Ele cunhou os termos “hipertexto” e “hipermídia” em 1963. A meta do seu trabalho tem sido tornar os computadores acessíveis a todas as pessoas. Nelson criou o projeto Xanadu com o objetivo de montar uma rede de computadores com interfaces simples. O lema é: “uma interface precisa ser tão simples que um iniciante, numa emergência, deve entendê-la em 10 segundos”. Atualmente, leciona interface homem-máquina na universidade de Oxford.

Na entrevista da TVE (ilustrada com cartuns ao vivo do Paulo Caruso, que aparentava não estar entendendo muito bem aquele papo), Ted citou a lista de Dave Farber. Uma excelente fonte de referência sobre assuntos quentes que relacionam tecnologia, sociedade, e economia, com foco nos direitos civis. Vale a pena ficar de olho.