Martín Canihuante Tarea 3 - Taller de Diseño de Interacción 2020

De Casiopea



TítuloMartín Canihuante Tarea 3 - Taller de Diseño de Interacción 2020
AsignaturaTaller de Interacción
Del CursoTaller de Diseño de Interacción 2020
CarrerasDiseño
3
Alumno(s)Martin Canihuante

¿Qué es un patrón de interacción?

Un patrón de interacción es una situación en la cual el usuario interactúa con el sitio web de forma que requiera tomar una decisión acerca de este, como lo es ingresar en una cuenta, o comprar un artículo, resultando en situaciones que se repiten, pero que se pueden presentar de distintas formas, ya sean buenas o malas, comprometiendo así al diseño tanto de la interfaz como de la página en sí. Como estos se presentan de forma tan constante en nuestras vidas, es bueno darse cuenta cuando se están siendo ejecutados, ya que muchas veces pasan desapercibidos, lo que hablaría de una buena ejecución en caso de que este fuera el objetivo, y en caso de que no, habría que analizar el por qué este quedó en nuestra memoria, ya sea porque fue muy tedioso, o aburrido, o simplemente fue todo eficiente y rápido, pero para poder ser crítcos y aprender de ellos, lo ideal es poder identificarlos.

Los patrones de interacción al relacionar directamente al usuario con una máquina, o un software, establecen una nueva y moderna idea de conversación, donde al igual que con la interacción entre personas, se busca que sea lo mas cómoda y eficiente posible, y esto por medios que sentencian al software a comportarse como alguien gentil, por medio del dialogo tanto léxico como formal en cuanto a la distribución de la página. Al acumular tantos factores interactivos en la comunicación, todos ellos deben pertenecer a un solo ser, no significando que se sitúen dentro de la misma página, sino apuntando a la relación establecida en el diseño de todos los factores en esta, dándose a conocer ciertas reglas gráficas a las que obedece el sitio web, como dando la señal de que no se pierde el vínculo con el individuo que nos recibió al hacer click en este.

PATRÓN: Comparación de productos

En este caso el patrón considera el hecho de que en una pagina web o aplicación exista una forma en que los productos se sometan a una comparación, desde la cual el usuario pueda tomar una decisión y decernir entre estos, por lo que debe ser claro en cuales son sus diferencias y semejanzas, comparando, ademas de su aspecto visual, sus características técnicas y todo lo que conlleva su funcionamiento, o en lo posible que estos datos estén disponibles. Otro aspecto que podría servir como comparación son las valoraciones públicas, que otorgan un punto de partida para especular la calidad del producto, pero al fin y al cabo para brindar una buena UX, y que este pueda conseguir lo que quiere.

¿Cuando se habla de un buena práctica?

Una buena práctica al comparar productos se refiere a, primero que todo permitir que el usuario pueda comparar, ya sea por medio de un catálogo bien ordenado y simple, para que sea lo mas claro posible, o sino por medio de la opción llamada comparar productos con la que cuentan varias páginas, que permite ir almacenando en un sitio los productos que uno selecciona, para después poder decidir en base a netamente la comparación a la par de cada uno de estos, por lo que también es importante tener al alcance todos los datos que esta conlleva, como las especificaciones y detalles técnicos que definen el rendimiento de dichos artículos. También entran en juego las recomendaciones que hace cada página cuanto al producto que uno busca, resultando perjudiciales en caso de que estas no tengan ninguna relación con el antes seleccionado, resultando en que estas selecciones pasen desapercibidas para los usuarios.

Ejemplos:

Comparación de hoteles (Trivago)

  • Experiencia de usuario: Aceptable, porque esta es una plataforma que mediante datos recabados en un principio, busca todas las ofertas de habitaciones de hoteles del sector seleccionado, haciendo que el usuario tenga un amplio rango de opciones de compra, pero al ingresar a alguna de las opciones, puede resultar que la oferta haya sido retirada, ya que redirige en otra ventana al sitio donde se encuentra originalmente.
Pagina principal
Datos de destino
Resultados de búsqueda
Destino seleccionado
Redireccion al sitio original con otro precio
Seleccion en el sitio original

Plataforma de juegos (Steam)

  • Experiencia de usuario: Aceptable, ya que la presentación de sus juegos cuenta con registro fotográfico bastante convincente, tanto en sus juegos pagados como gratis, y como se encuentran constantemente lanzando nuevas ofertas, estas son presentadas al usuario en primera plana, obteniendo una gran variedad de productos convenientes en la selección.
Página inicial
Tienda de la plataforma
Ofertas y juegos populares
Presentación de juegos gratis
Presentación de juegos gratis

Productos de tiendas diferentes (Google Shopping)

  • Experiencia de usuario: Aceptable, Ya que en un principio pareciera que sus opciones, en comparación a la pagina principal de Google son mas reducidas, pero esto es porque Google Shopping busca productos que estén disponibles en la zona que uno vive según el registro, el cual sería otro paso a realizar si se quisiera hacer una búsqueda en otro lado, pero pensando mas en la contingencia, esta búsqueda es lo mas responsable que podría hacer el software.
Búsqueda específica en Google
Búsqueda especifica en Google Shopping
Todas las opciones provenientes de Aliexpress, siendo que en Chile existen tiendas con este producto
Búsqueda genérica
Selección de producto de búsqueda genérica

Comparación de precios (SoloTodo)

  • Experiencia de usuario: Buena, ya que esta pagina es especial a la hora de buscar productos tecnológicos en la web, ya que cuenta con una selección especial para que uno busque características especificas en el computador o celular necesitado, y muestra todos los que hay disponibles en el mercado chileno, comparando precios y llevando al comprador a la mejor decisión posible, además cuenta con el típico botón de "avisarme cuando baje de precio", lo cual es bastante ocurrente ya que se trataría de cualquier tienda que baje su precio.
Pagina principal
Busqueda de modelo especifico
Producto seleccionado con sus respectivas comparaciones de precio por tienda
historial de precio del producto

Comparación de productos (Hites)

  • Experiencia de usuario: Bueno, porque es bastante intuitivo y fácil de ejecutar, presentándose de inmediato en el catalogo como un botón en la parte inferior del producto, y con un PopUp al costado de la pagina que lleva directamente a comparar los productos seleccionados, donde se muestran en vertical la características de estos productos.
Pagina inicial
Catalogo con su opción para comparar en cada producto
Productos añadidos para comparar y PopUp al costado para acceder a comparación
Sección de comparación
Características comparadas

Comparacion de productos (TennisWarehouse)

  • Experiencia de usuario: Buena, ya que presenta un completo y muy actualizado catálogo de productos tenísticos de todas las gamas y marcas, a lo cual con mayor razón conviene contar con la opción inmediata de comparar productos, porque debido al precio de este tipo de artículos, las elecciones de compra suelen tener una gran importancia en los usuarios, por lo que al ser una pagina extranjera, las comparaciones sirven como guía para conocer el producto y buscar la mejor oferta posible.
Página principal
Catalogo de raquetas Head
Selección de productos a comparar y barra de productos seleccionados
Comparacion de caracteristicas tecnicas entre productos
Productos similares para comparar

¿Cuando se habla de una mala práctica?

Esta se puede reconocer al hacer que el usuario prefiera ingresar a otras plataformas de compra o que simplemente no quiera volver a ingresar a la página. Puede deberse a su forma tediosa de acceder a sus secciones o productos, tediosa por el hecho de requerir muchos pasos o por el hecho de ser difícil de entender, y esto conlleva a su organización física formal o incluso de sus colores, evitando que esta sea un sitio agradable para permanecer dentro de él. Otra cosa en consideración es el sobre-animar la página, considerando que la mayoría de personas no tendrá un equipo capaz de soportar grandes procesos de carga, uno no querrá volver a ingresar a aquel sitio que se demora mas de un minuto en cambiar de página, ya sea por el exceso de información puesta al mismo tiempo en una página, que al mismo tiempo dificulta su lectura, o por su inconvenientemente compleja interfaz.

Ejemplos:

Comparación de artículos tecnológicos (PcFactory)

  • Experiencia de usuario: Mediocre, ya que es una la comparación de productos se presenta como una herramienta inmediata y con solo hacer click en la opción de comparar, ya aparece al lado la opción de ir a comparar los productos, pero al compararlos solo lo hace con los precios, para acceder a sus datos técnicos hay que seleccionar el producto en sí para acceder a su pagina, saltándose algo por lo que uno de principio quiere compararlos, además la herramienta para eliminar los productos de la zona de comparación, hay que volver al catalogo para desactivar el botón, un paso extra que podría evitarse.
Página principal
Catálogo de audifonos
Productos seleccionados para comparación
Página de comparación sin detalles técnicos
Producto seleccionado con sus detalles técnicos

Catalogo web de tienda retail (Paris)

  • Experiencia de usuario: Mediocre, ya que al ingresar al sitio web de la tienda Paris,uno se ve de inmediato bombardeado de información de productos con precios "imperdibles", ofertas de todo tipo de artículos como camas, bicicletas, ropa, etc, donde al hacer click en alguno de ellos nos envía al catalogo de productos de su categoría, pasando de una pagina con una gran variedad de cosas, a otra con una igual variedad de cosas, pero de un mismo tipo. Una vez uno selecciona un producto de este catalogo, nos muestra el producto, y en la misma pagina también aparecen productos símiles recomendados, y lo que mas llama la atención es que también aparecen productos que también llevó la gente que compró el anterior, y son productos que entre sí no se relacionan en nada, pero que cuentan con un descuento.
Pagina principal
Buscador pagina principal
Catálogo de articulos
Productos recomendados en relacion a lo seleccionado
Recomendacion de productos sin relacion alguna
Recomendacion de prodcutos en base al historial



Catalogo web tienda musical (Xprostore)

  • Experiencia de usuario: Mediocre, es un catalogo totalmente común y corriente, con una única foto de vista previa del producto, y con un estos ordenados de forma vertical en un orden predeterminado (modificable), nada malo ni nada bueno al parecer sobre su página en general, pero esta cuenta con la característica de contar con un sistema de comparación de productos, que al buscar en Google "comparación de productos", es la primera pagina de ventas que aparece, sin embargo al querer comparar, no se ve por ningún lado la opción para incluir un producto en este sistema, ya sea porque esta muy oculto o simplemente no existe, o existió en algún momento.
Búsqueda de "Comparación de productos en Google, resultando Xpstore como la tercera opción, la primera de una tienda como sí
Resultado de selección de comparación de productos en la opción de Xpstore que aparece en Google
Página principal de Xprostore
Caregorías de productos en la página principal
Catálogo de guitarras, en el cual no esta presente la opción de comparar productos
Selección de un producto en específico, donde aún no se encuentra la opción de comparar productos
Detalles del producto
Video-revisión del producto, lo cual es rescatable

Página web de supermercado (Unimarc)

  • Experiencia de usuario: Mala, ya que la página desde un principio se nota descuidada, principalmente por la imagen principal y mas grande del inicio, que se ve pixelada, ademas de que la información que aparece en esta es mas de promociones y sus adheridos, que de sus productos en sí. El catálogo tampoco ayuda mucho a la hora de encontrar lo necesitado, ya que es una revista donde no hay buscador, y simplemente da la opción de pasar páginas sobre productos en rebaja, osea solo cosas seleccionadas para que el espectador pueda ver, no todo su stock, ademas para salir de este se debe hacer click el mismo numero de veces que se pasó de pagina en pagina. Por ultimo su sitio de ofertas en más de lo mismo solo que organizado de manera que parezca un catalogo común de página web.
Página principal, con imagenes pixeladas
Scroll de página principal
Catálogo/revista de productos
right]Catálogo y los productos que ofrecen, osea todos aquellos en oferta
Catálogo y sus productos
right]Sección de ofertas sin productos para comparar