it-swarm-es.com

¿Este sitio utiliza una buena interfaz de usuario para el carrito de compras?

¿ este sitio utiliza una buena interfaz de usuario para el carrito de compras? ¿Cómo se cae algo en el carrito? ¿Es lo suficientemente intuitivo como para ser usado?

Screenshot of the home page

3
Tony_Henrich

No realmente, creo.

Lo más irritante es que no puedes arrastrar un elemento desde la página principal (el enlace que diste). Si intenta arrastrar la imagen o el nombre del conjunto allí, no funciona. Y, eso es un poco extraño ya que el carrito de compras es visible, y le explica que arrastre artículos a él. No queda claro qué es 'un artículo'.

Tienes que acceder a la página de conjunto de íconos (que es un poco difícil ya que solo llegas a través del pequeño enlace, no a través de la imagen o la colección encabezado) para llegar a algo que quieren decir con 'un elemento'. En segundo lugar, cuando se arrastra, el elemento no muestra directamente que su arrastre fue exitoso. Cuando golpeas el carrito, la pantalla permanece igual que si estuvieras en otro lugar de la página o ni siquiera arrastraras *. Tarda un tiempo en aparecer un icono de espera y queda claro que ha arrastrado con éxito.

Estas dos cosas deberían mejorarse, diría yo.

  1. No muestres el carrito en la portada ni hagas que las colecciones se puedan dibujar.
  2. Deje en claro directamente que los artículos se arrastran correctamente en el carrito.

(* Aparentemente, ni siquiera tiene que arrastrar elementos en el carrito, simplemente comience a arrastrarlos y funciona ...)

9
Lode

Primero, noté el área de "carrito de compras" a la derecha y el consejo: "Arrastre el artículo aquí para comprar".

Intenté arrastrar una de las imágenes grandes y atractivas desde la página de inicio directamente al carrito, pero eso no funcionó.

Luego me di cuenta de que cada imagen en realidad representaba diferentes conjuntos a diferentes precios. Traté de arrastrar el enlace establecido en la barra. Sin embargo, eso tampoco funcionó.

Luego intenté arrastrar la descripción, nuevamente la imagen, el espacio en blanco en cada product_item div ... nada.

Finalmente decidí que abriría una página establecida, que presentaba un botón destacado "Agregar al carrito" y un botón "+" sobre la imagen. Esto me permitiría comprar artículos tradicionalmente, pero hizo que la sugerencia de arrastre fuera aún más confusa: ¿me perdí algo en la página de inicio?

Escépticamente intenté arrastrar el ícono grande desde la página establecida en el carrito. Eso tampoco ... oh, espera, eso es un latido ... y ahora está allí, sin etiqueta y reducido.


Cosas que podría considerar: (para tomar con un grano de sal)

  • Haga que el carrito "reaccione" a una acción "legal" de arrastrar y soltar en curso. Me gusta esto
  • Reaccionar a los errores del usuario. Detecta un elemento para arrastrar y soltar iconos grandes donde no tiene sentido y muestra un mensaje de error. Por ejemplo: "Esta colección viene en un número de juegos . ¿Cuál te gustaría comprar?"
  • Sea más reactivo del lado del cliente. Al arrastrar y soltar, muestre el elemento como arrastrado y desactive el botón de pago al actualizar las cosas del lado del servidor. Este sitio maneja votaciones como esta, por ejemplo.
4
badp

Es como una de esas UI elegantes que vemos en las películas que no vemos en la vida real, no porque sean difíciles de implementar, sino porque son difíciles de usar.

Para alguien con dificultad en las habilidades motoras, esto puede ser bastante difícil de usar. Arrastrar y soltar con un panel táctil no suele ser tan receptivo como hacerlo con un mouse. (Algunos trackpads simplemente no responden mucho). Lo que se puede hacer con un clic ahora necesita un mousedown, un mousemove dirigido con precisión y un mouseup. Conocimientos básicos de Ley de Fitts puede decirle por qué esta es una tarea más difícil que simplemente hacer clic en un botón.

Hay una razón por la cual las interfaces de computadora no intentan imitar interfaces de la vida real (que es lo que esta interfaz de usuario está tratando de hacer, IMO). Es por eso que no caminamos por los "pasillos" de "tiendas 3D", sino que tenemos páginas dedicadas a productos donde hacemos clic en el botón "agregar al carrito". Lo que es natural para una IU de caminar y recoger no es natural para un WIMP (ventanas, iconos, menú y dispositivo señalador) I.

3
Manas Tungare

Si

No veo un gran problema con eso. Además de arrastrar y soltar, las páginas de conjunto de iconos (a las que se puede acceder haciendo clic en ellas) tienen agregar al carrito botones. También me gusta el hecho de que, a diferencia de muchas otras tiendas en línea, no tiene que visitar otra página para ver el contenido de su carrito de compras.

Sin embargo, un gran problema es que no funciona sin javascript, o al menos muestra una advertencia a los usuarios que no tienen habilitado que debe activarse.

3
Gelatin

NO

  1. En primer lugar, un error crítico UI, los clientes con alturas de pantalla por debajo de la altura del carrito de compras no pueden realizar el pago. (piense en netbooks con alturas de pantalla de 600 px).
  2. La actividad del carrito de compras se muestra en páginas donde no hay actividad, el texto no especifica qué arrastrar en el carrito. (la solución sería)
  3. No hay información de precios disponible al cambiar la opción de licencia.
  4. Las páginas separadas para "Vector Set" "Vector Single" y "Pixel Set" son innecesarias y confusas. (una sola página con los botones "Comprar todo el conjunto (formato vectorial)", "Comprar todo el conjunto (formato de mapa de bits)" y el encabezado "O comprar íconos individualmente", con las opciones de compra de íconos individuales a continuación es menos confuso)
  5. Throbber es lento en aparecer, y no en el área de enfoque cuando se usan los botones más.
  6. El carrito de compras no hace una diferencia entre las diferentes versiones del mismo conjunto.

Creo que debería parar ahora.

2
alexanderpas

Está bien.

Creo que es uno de esos casos donde dejan que la frescura los distraiga de la funcionalidad principal. Es un poco difícil de usar, muestra muy poca información sobre lo que contiene.

Entonces, diría que está bien, la mayoría de los usuarios podrían comprar allí, pero no creo que lo use en mi sitio.

también, como dijo @simon, sería un problema si JS está desactivado.

1
Sruly

Me tomó un tiempo descubrir por qué agregaste la opción de arrastrar y soltar porque no era obvio que es posible comprar íconos individuales y no solo conjuntos.

Agregué un conjunto y luego intenté agregar íconos individuales, pero cuando intenté agregar un ícono que es parte del conjunto que ya agregué, simplemente no se agregó. Es confuso y frustrante.

El carrito muestra flechas pequeñas en la parte superior e inferior para desplazarse cuando hay muchos artículos en el carrito. También es confuso. Tal vez solo muestre estos iconos cuando se agregue el sexto icono o muestre una pequeña parte del sexto icono para que sepa que hay más. Ahora agrego iconos adicionales y no puedo entender a dónde fueron. El desplazamiento no funcionó para mí usando Chrome 6.

Le resulta extraño que no pueda arrastrar y soltar haciendo clic en el signo más. Por cierto, la información sobre herramientas dice "Eliminar".

Aunque esta característica es linda, prefiero un solo clic en el botón de agregar al carrito o un signo más que arrastrar elementos al carrito. Es mas eficiente.

Leí en alguna parte una opinión de que la paginación ya no es realmente necesaria, especialmente cuando se trata de imágenes. El ojo humano es excelente para ver muchas imágenes y elegir las que le gustan. Puede ser más fácil para los compradores si solo muestra todos los íconos en una sola página, una experiencia de compra mucho mejor.

El sitio se ve muy bien y los iconos son excelentes.

1
idophir