{"id":4036,"date":"2020-03-31T11:49:50","date_gmt":"2020-03-31T17:49:50","guid":{"rendered":"https:\/\/entretejidos.iconos.edu.mx\/thesite\/?p=4036"},"modified":"2020-05-12T17:01:19","modified_gmt":"2020-05-12T22:01:19","slug":"el-ux-y-el-gui-dentro-de-los-sitios-ecommerce","status":"publish","type":"post","link":"https:\/\/entretejidos.iconos.edu.mx\/thesite\/el-ux-y-el-gui-dentro-de-los-sitios-ecommerce\/","title":{"rendered":"El UX y el GUI dentro de los sitios eCommerce"},"content":{"rendered":"

El presente trabajo tiene por objetivo conocer la importancia que tienen la experiencia de usuario (UX) y el dise\u00f1o de interfaz gr\u00e1fica (GUI) dentro de los sitios <\/span><\/span>eCommerce <\/i><\/span><\/span>y c\u00f3mo a trav\u00e9s de ellos se logra interactuar con los usuarios y brindarles la ayuda necesaria para cumplir sus objetivos a trav\u00e9s de la navegaci\u00f3n y el apoyo visual con los colores, tipograf\u00edas e iconograf\u00eda; al mismo tiempo hacer notar la importancia del proceso de dise\u00f1o de un sitio.<\/span><\/span><\/p>\n

Palabras clave<\/b><\/span><\/span><\/span><\/span><\/span><\/p>\n

Experiencia de usuario, interfaz gr\u00e1fica, web, comercio electr\u00f3nico, interacci\u00f3n, dise\u00f1o.<\/span><\/span><\/p>\n

Abstract<\/b><\/i><\/span><\/span><\/p>\n

The present work aims to know the importance of the user experience (UX) and the graphic interface design (GUI) within eCommerce sites and how they interact with users and provide the necessary support to them and meet their objectives through navigation and visual support through colors, typography and iconography; as well as the importance of the process of designing a site.<\/span><\/em><\/p>\n

Keywords<\/b><\/i><\/span><\/span><\/span><\/span><\/span><\/p>\n

User experience, graphic interface, web, e-commerce, interaction, design.<\/span><\/em><\/p>\n

Art\u00edculo PDF<\/a><\/h3>\n

<\/p>\n

Introducci\u00f3n<\/b><\/span><\/span><\/span><\/span><\/span><\/p>\n

Los eCommerce<\/em> son una herramienta que en la actualidad tienen un gran desarrollo en la industria, ya que m\u00e1s consumidores empiezan a realizar sus compras por medio de internet. Son un medio que permite a los usuarios realizar b\u00fasquedas de productos en general; o bien, algunas tiendas est\u00e1n especializadas en ciertos productos. Ofrecen la comodidad de poder realizar compras desde la casa u oficina, con un dispositivo que cuente con conexi\u00f3n a internet ya sea de escritorio o m\u00f3vil. Por este motivo nos preguntamos \u00bfcu\u00e1l es la importancia de generar un buen uso de UX y GUI dentro de un sitio eCommerce<\/em><\/p>\n

Para resolver esta pregunta, se abordan los temas de experiencia de usuario, en el cual se muestra su importancia, tambi\u00e9n de la interfaz gr\u00e1fica, para la interacci\u00f3n que tendr\u00e1 el usuario con el sitio y, finalmente, el proceso de dise\u00f1o de un sitio eCommerce. <\/span><\/p>\n

1. Experiencia de Usuario (UX)<\/b><\/span><\/span><\/span><\/span><\/span><\/p>\n

El UX es la forma en la que los usuarios interact\u00faan con la interfaz gr\u00e1fica y busca que, al navegar por medio del sitio, sea confortable, que no se pierda dentro de este y le permita una b\u00fasqueda de forma f\u00e1cil.<\/span><\/p>\n

En la siguiente tabla se comparan las definiciones de UX retomadas de los libros <\/span>The user experience team of one<\/i><\/span> de Leah Buley, A project guide to UX design de Unger y Chandler, y The elements of user experience de Garret.<\/span><\/p>\n\n\n\n<\/colgroup>\n\n\n\n\n
Leah Buley <\/span><\/td>\n\n

En una simple definici\u00f3n de trabajo, podr\u00eda decirse que una experiencia de usuario es el efecto general creado por las interacciones y percepciones que alguien tiene al usar un producto o servicio. (Buley 5)<\/span><\/p>\n<\/td>\n<\/tr>\n

Russ Unger y Carolyn Chandler <\/span><\/td>\n\n

La creaci\u00f3n y sincronizaci\u00f3n de los elementos que afectan la experiencia de los usuarios con una empresa en particular, con la intenci\u00f3n de influir en sus percepciones y comportamiento. (Unger y Chandler 3)<\/span><\/p>\n<\/td>\n<\/tr>\n

\n

Jesse James Garret<\/span><\/p>\n<\/td>\n

\n

La experiencia del usuario no se trata del funcionamiento interno de un producto o servicio. La experiencia del usuario es sobre c\u00f3mo funciona en el exterior, donde una persona entra en contacto con ella. (<\/span>Garret 6)<\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Imagen 1.1 Tabla de comparaci\u00f3n de definiciones UX
\n<\/span><\/span>con base en Buley, Garret, Chandler y Unger<\/span><\/span><\/p>\n

Al tomar en cuenta las definiciones anteriores, se infiere que UX en un sitio web es: el dise\u00f1o pensado totalmente en el usuario, con el fin de que este obtenga una gran satisfacci\u00f3n al interactuar y navegar dentro de ella.<\/p>\n

El UX tambi\u00e9n tiene el objetivo junto con el dise\u00f1o de la interfaz gr\u00e1fica que el usuario sea atrapado por el contenido que hay dentro del sitio y no salga r\u00e1pidamente de este.<\/p>\n

Los sitios web a\u00fan son tecnolog\u00eda dif\u00edcil de manejar por algunos usuarios, ya que, al estar dentro de ella, es solo la interacci\u00f3n entre el usuario y la interfaz, sin alguna ayuda para navegar dentro de esta.<\/p>\n

\u2026una p\u00e1gina web es un producto de autoservicio. No hay ning\u00fan manual de instrucciones para leer de antemano, no hay seminario de capacitaci\u00f3n para asistir, no hay servicio al cliente representante para ayudar a guiar al usuario a trav\u00e9s del sitio. Solo hay el usuario, frente al sitio solo con s\u00f3lo su ingenio y experiencia personal para guiarla. (Garret 10)<\/span>1<\/sup><\/a><\/span><\/span><\/p>\n

Por lo anterior, se deben de tomar varios factores en cuenta para el dise\u00f1o de una buena experiencia de usuario dentro de un sitio.<\/span><\/span><\/p>\n

Ser un dise\u00f1ador de experiencia de usuario significa practicar un conjunto de m\u00e9todos y t\u00e9cnicas para investigar lo que los usuarios quieren y necesitan, as\u00ed como, <\/span>dise\u00f1ar productos y servicios para ellos. A trav\u00e9s de la buena experiencia de usuario, usted est\u00e1 tratando de reducir la fricci\u00f3n entre la tarea que alguien quiere lograr y la herramienta que est\u00e1n utilizando para <\/span>completar esa tarea. (Buley 4)<\/span>2<\/sup><\/a><\/span><\/span><\/p>\n

Con esto, el dise\u00f1ador de experiencia de usuario debe enfocarse en facilitar a que el usuario sepa moverse dentro del sitio y apoyarlo visualmente, para que su b\u00fasqueda y navegaci\u00f3n dentro de esta sea confortable y no termine cerrando o cambiando de p\u00e1gina.<\/span><\/p>\n

Antes de empezar a dise\u00f1ar nuestro sitio eCommerce<\/em>, es necesario crear una estrategia y realizar un an\u00e1lisis para saber c\u00f3mo ser\u00e1 construido, ya que si no est\u00e1 bien pensado en UX se tendr\u00e1n pocas visitas. Se deben de tomar en cuenta varios factores como son la personalidad de marca, la competencia, los objetivos a los cuales se quieren llegar, las necesidades y qu\u00e9 resultados queremos obtener con nuestro sitio.<\/span><\/p>\n

La experiencia de usuario dentro un sitio <\/span>eCommerce<\/span><\/em> se deben resolver ciertas preguntas como son:<\/span><\/p>\n

    \n
  1. \n

    \u00bfEn qu\u00e9 p\u00e1gina se encuentran?<\/span><\/p>\n<\/li>\n

  2. \n

    \u00bfDisponen de un bot\u00f3n de volver atr\u00e1s o un <\/span>breadcrumb<\/span> para facilitar la navegaci\u00f3n?<\/span><\/p>\n<\/li>\n

  3. \n

    \u00bfHay filtros y una b\u00fasqueda r\u00e1pida?<\/span><\/p>\n<\/li>\n

  4. \n

    \u00bfFacilitamos que nuestras visitas se puedan poner en contacto con nosotros?<\/span><\/p>\n<\/li>\n

  5. \n

    \u00bfEl sitio web carga r\u00e1pidamente?<\/span><\/p>\n<\/li>\n

  6. \n

    \u00bfHay alguna manera de guardar los art\u00edculos y volver m\u00e1s tarde a comprarlos?<\/span><\/p>\n<\/li>\n

  7. \n

    \u00bfDisponemos de comentarios para que puedan tener mayor informaci\u00f3n del producto que van a comprar?<\/span> (rafazubiria 27)<\/span><\/p>\n<\/li>\n<\/ol>\n

    Un punto importante dentro de la experiencia <\/span>de usuario <\/span>es considerar que la arquitectura de la informaci\u00f3n <\/span>est\u00e1 en relaci\u00f3n directa con la navegaci\u00f3n del sitio, ya que por medio de esta se define como va a estar desarrollada la estructura y ayuda a planificar el recorrido que se tiene dentro de ella. <\/span>The Information Architecture Institute<\/span> define a la arquitectura de la informaci\u00f3n c\u00f3mo:<\/span> \u201c\u2026 la pr\u00e1ctica de decidir c\u00f3mo organizar las partes de algo para que sea comprensible.\u201d (<\/span>The Information Architecture Institute<\/span>) <\/span><\/p>\n

    Por lo cual, la labor de la arquitectura de informaci\u00f3n dentro de un sitio es:<\/span><\/p>\n