Rapid Ivo GomesPrototyping

1 imagem vale por 1000 palavras

1 imagem já não vale por 1000 palavras

Case Study • O mesmo cliente• Situações semelhantes• Metodologias iguais• Apresentação de resultados diferente

Case Study

• É preciso criar um menu com base numa lista de itens

• É preciso remodelar o menu de modo a podermos adicionar a nova componente de negócio da empresa• Lista de itens para o menu

mais extensa do que a anterior

2012 2013

PROBLEMA

Case Study

• Card Sorting com grupo de utilizadores• Testes de usabilidade

com várias versões possíveis de menu

• Card Sorting com grupo de utilizadores• Testes de usabilidade

com várias versões possíveis de menu

2012 2013

METODOLOGIA

Card Sorting

desfocado de propósito :)

Card Sorting

desfocado de propósito :)

Case Study

•Wireframes (incluiam todos os menus e sub-menus abertos e fechados)• Versão em Excel da

arquitetura de informação

• Página HTML com menus e sub-menus a abrir e fechar• Versão em Excel da

arquitetura de informação

2012 2013

APRESENTAÇÃO DOS RESULTADOS

Principais Diferenças...

Com Wireframes• A interacção com os intervenientes não foi tão ágil, pois são

pessoas que precisam de ver as coisas a acontecer e a mexer para poderem tomar decisões.

• Processo iterativo mais lento, pois era necessário actualizar os wireframes entre reuniões.

Com Protótipo HTML• A interacção foi bastante mais ágil.

• As alterações podem ser feitas durante as reuniões em tempo real.

• Todos os participantes têm acesso a um URL para poderem experimentar e partilhar mais facilmente com outros intervenientes e tomadores de decisão.

• Processo com muito mais iterações e feedback bastante positivo por parte dos intervenientes

Porquê preferir HTML?• A maioria do software de criação de wireframes já permite ter

elementos clicáveis e interativos.

• Mas implica conhecer e saber usar o software e as alerações nunca são imediatas para um cliente menos tech-savvy

• HTML pode ser visto e interagido por vários intervenientes, num browser

Vantagens a longo prazo• Alterações à estrutura podem ser feitas em vários momentos

do projecto.

• O URL do protótipo é sempre o mesmo, acessível em qualquer browser e em qualquer altura por qualquer pessoa.

Desvantagens• É preciso saber (algum) HTML

Frameworks• Usar frameworks de HTML agiliza bastante este processo

• A maior parte dos elementos já estão pré-concebidos (ex: menus com sub-menus)

E vocês?• Experiências parecidas?

• Reultados semelhantes ou totalmente diferentes?

• Outras alternativas?

Obrigado

Ivo Gomesivo.gomes@co.sapo.pt