it-swarm-pt.com

Este site usa uma boa interface do usuário para o carrinho de compras?

este site usa uma boa interface do usuário para o carrinho de compras? Como você deixa cair algo no carrinho? É intuitivo o suficiente para ser usado?

Screenshot of the home page

3
Tony_Henrich

Na verdade, eu acho.

A principal coisa irritante é que você não pode arrastar um item da primeira página (o link que você forneceu). Se você tentar arrastar a imagem ou o nome do conjunto para lá, isso não funcionará. E isso é um pouco estranho, pois o carrinho de compras é visível e explica como arrastar itens para ele. Ainda não está claro o que é um item.

Você precisa acessar a página de conjunto de ícones (que é um pouco difícil, pois você só chega lá pelo link pequeno, não pela imagem ou pela coleção cabeçalho) para chegar a algo que eles querem dizer com 'um item'. Segundo, quando arrastado, o item não mostra diretamente que seu arrasto foi bem-sucedido. Quando você bate no carrinho, a tela permanece a mesma, como se você estivesse em outro lugar na página ou nem mesmo arrastasse *. Demora um pouco até que um ícone de espera seja visível e fica claro que você arrastou com êxito.

Essas duas coisas devem ser melhoradas, eu diria.

  1. Não mostre o carrinho na primeira página nem torne as coleções arrastáveis.
  2. Deixe claro diretamente que os itens são arrastados no carrinho corretamente.

(* Aparentemente, você nem precisa arrastar itens no carrinho, basta começar a arrastá-los e isso funciona ..)

9
Lode

Primeiro, notei a área "carrinho de compras" à direita e os conselhos: "Arraste o item aqui para fazer compras".

Tentei arrastar uma das imagens grandes e convidativas da página inicial para o carrinho, mas isso não funcionou.

Percebi então que cada imagem realmente representava conjuntos diferentes com preços diferentes. Tentei arrastar o link do conjunto na barra. No entanto, isso também não funcionou.

Depois tentei arrastar a descrição, novamente a imagem, o espaço em branco em cada product_item div ... nada.

Finalmente, decidi que abriria uma página definida, que apresentava um botão proeminente "Adicionar ao carrinho" e um botão "+" sobre a imagem. Isso me permitia comprar itens tradicionalmente, mas tornava a dica de arrastar ainda mais confusa: perdi algo na página inicial?

Eu tentei, com ceticismo, arrastar o ícone grande da página definida no carrinho. Isso também não --- oh espere, isso é um throbber ... e agora está lá, sem rótulo e reduzido.


Coisas que você pode considerar: (para ser tomado com um grão de sal)

  • Faça o carrinho "reagir" a uma ação de arrastar e soltar "legal" em andamento. Assim.
  • Reaja a erros do usuário. Detecte um item para arrastar e soltar ícones grandes onde não faz sentido e exiba uma mensagem de erro. Por exemplo: "Esta coleção vem em número de conjuntos . Qual deles você gostaria de comprar?"
  • Seja mais reativo do lado do cliente. Ao arrastar e soltar, mostre o item como arrastado e desative o botão de checkout ao atualizar as coisas do lado do servidor. Este site lida com votação como esta, por exemplo.
4
badp

É como uma daquelas UIs sofisticadas que vemos nos filmes que não vemos na vida real, não porque são difíceis de implementar, mas porque são difíceis de usar.

Para alguém com dificuldade nas habilidades motoras, isso pode ser bastante difícil de usar. Arrastar e soltar usando um trackpad geralmente não é tão responsivo quanto fazê-lo com um mouse. (Alguns trackpads por acaso não são muito responsivos.) O que poderia ser feito com um clique agora precisa de uma ratoeira, uma ratoeira direcionada com precisão e um mouse. Conhecimento básico de Lei de Fitts pode dizer por que essa é uma tarefa mais difícil do que simplesmente clicar em um botão.

Há um motivo pelo qual as interfaces de computador não tentam imitar as interfaces da vida real (o que essa interface do usuário está tentando fazer, IMO.) É por isso que não passamos pelos "corredores" das "lojas 3D", mas temos páginas dedicadas a produtos nos quais clicamos no botão "adicionar ao carrinho". O que é natural para uma interface de usuário walk-and-pick-up não é natural para um WIMP (janelas, ícones, menu e dispositivo apontador) I.

3
Manas Tungare

Sim

Não vejo um grande problema com isso. Além de arrastar e soltar, as páginas do conjunto de ícones (que podem ser acessadas clicando nelas) têm botões adicionar ao carrinho. Também gosto do fato de que, diferentemente de muitas outras lojas on-line, você não precisa visitar outra página para ver o conteúdo do seu carrinho de compras.

No entanto, um grande problema é que ele não funciona sem javascript ou, pelo menos, exibe um aviso aos usuários sem que ele habilite a necessidade de estar ativado.

3
Gelatin

NÃO

  1. Primeiro, um erro de interface do usuário crítica na interface do usuário, clientes com alturas de tela abaixo da altura do carrinho de compras não podem fazer o checkout. (pense em netbooks com alturas de tela de 600px.)
  2. A atividade do carrinho de compras é mostrada nas páginas em que não há atividade. O texto não especifica o que arrastar no carrinho. (solução seria)
  3. Nenhuma informação de preço disponível ao alterar a opção de licença.
  4. Páginas separadas para "Conjunto de vetores" "Vetor único" e "Conjunto de pixels" são desnecessárias e confusas. (uma única página com os botões "Comprar conjunto inteiro (formato vetorial)", "Comprar conjunto inteiro (formato Bitmap)" e o cabeçalho "Ou comprar ícones individualmente", com as opções de compra de ícones individuais abaixo são menos confusas)
  5. O throbber é lento para aparecer, e não na área de foco ao usar os botões de adição.
  6. O carrinho de compras não faz diferença entre diferentes versões do mesmo conjunto.

Eu acho que deveria parar agora.

2
alexanderpas

Está certo.

Acho que é um daqueles casos em que eles deixam a frieza distraí-los da funcionalidade principal. É um pouco difícil de usar, mostra muito pouca informação sobre o que está nele.

Então, eu diria que está tudo bem, a maioria dos usuários poderá comprar lá, mas acho que não o usaria no meu site.

também como o @simon disse, seria um problema se o JS estivesse desativado.

1
Sruly

Demorei um pouco para descobrir por que você adicionou a opção arrastar e soltar, porque não era óbvio que é possível comprar ícones individuais e não apenas conjuntos.

Adicionei um conjunto e tentei adicionar ícones individuais, mas quando tentei adicionar um ícone que faz parte do conjunto que já adicionei - ele simplesmente não foi adicionado. É confuso e frustrante.

O carrinho mostra pequenas setas na parte superior e inferior para rolagem quando há muitos itens no carrinho. Também é confuso. Talvez apenas mostre esses ícones quando o sexto ícone for adicionado ou mostre uma pequena parte do sexto ícone para que eu saiba que há mais. Agora, adiciono ícones adicionais e não consigo descobrir para onde eles foram. A rolagem não funcionou para mim usando Chrome 6.

Achei estranho que você não pudesse arrastar e soltar clicando no sinal de adição. BTW - a dica diz "Remover".

Embora esse recurso seja atraente, prefiro um único clique no botão Adicionar ao carrinho ou no sinal de adição do que arrastar itens para o carrinho. É mais eficiente.

Li em algum lugar uma opinião de que a paginação não é mais necessária, principalmente quando se trata de imagens. O olho humano é ótimo para ver muitas imagens e escolher as que você gosta. Pode ser mais fácil para os compradores se você apenas mostrar todos os ícones em uma única página - uma experiência de compra muito melhor.

O site parece ótimo e os ícones são excelentes.

1
idophir