Escolhendo a melhor interface: protótipos

Design cases, Flex Add comments

Marquei o teste com usuários para quinta que vem. Vamos ver o que sai.  Para adiantar as coisas, já tenho os protótipos prontos.

Pra quem está interessado no código, tem os fontes disponíveis…. Só peço que lembrem do significado da palavra “protótipo”: o código está uma zona, nem venham me falar nada disso, beleza?

Protótipo DD (nova janela)
Tempo de desenvolvimento: 10 horas

  • abrir nós da árvore ao clicar nos galhos
  • item renderer para tree
  • desabilitar itens de uma tree
  • arrastar de tree para container
  • identificar item da tree ao clicar no objeto do container
  • atualizar itens da tree durante drag n drop
  • verificar área de drop, verificar lixeira
  • usar fade para remover item
  • inserir item ao clicar na árvore
  • verificar área de drop, se colocado sobre outro item ao clicar na árvore, reposiciona
  • user fade para posicionar item se originado do click na árvore

Protótipo Tree (nova janela)
Tenpo de desenvolvimento: 2 horas

  • abrir nós da árvore ao clicar nos galhos
  • atualizar itens da tree durante uso do slider
  • mostrar a slider quando clica nos itens
  • feedback na árvore do valor da associação slider-tree
  • mostrar a slider usando um fade

Era isso! Até o teste!

3 Responses to “Escolhendo a melhor interface: protótipos”

  1. julio carneiro Says:

    Legal, gostei dos dois, por favor poste os resultados dos testes pra gente.

    Eu achei o DD melhor, pois vc ve todas as opção/categorias ao mesmo tempo. Uma olhada na área de resultado e está tudo ali.
    (obs: no protótipo esta faltando exibir a escala nas margens do painel, ao menos aqui não apareceu)

    O prototipo Tree me parece dar ‘mais trabalho’ ao usuário, pois vc tem que selecionar o item e daí ajustar o valor na escala. Talvez se a escala ‘pop out’ no clique ficasse melhor. (a sugestão aqui é não ter a escala na tela, mas que ele pop out qdo vc clica num item, assim fica mais fácil para selecionar. vc clica no item, a escala aparece, vc arasta o mouse pra selecionar o valor e ao release o mouse vc tem o valor definido. uma única operação)

  2. José Carlos Fiel Says:

    Muito bom Gabriela. Acompanhei por cima o outro post sobre a experiencia do usuário e realmente o 2º exemplo ficou mais simples para o usuário e finalizar a tarefa mais rapidamente. Se eu fosse o cliente ficaria com a segunda opção.

    Boa sorte no teste!

  3. gabrielaperry Says:

    Legal, duas opiniões diferentes :0)
    Obrigada ao Júlio e ao José pelas palavras.
    Semana que vem posto os resultados.

Leave a Reply

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Log in