����������������������������������������������������������������������������������

 

Difusi�n de las artesan�as de la ciudad de Riobamba mediante un prototipo m�vil

 

Promotion of the crafts of the city of Riobamba through a mobile prototype

 

Promo��o do artesanato da cidade de Riobamba atrav�s de um prot�tipo m�vel

 

 

 

 

 

 

 

 

 

 

 

Correspondencia: heidy.vergara@espoch.edu.ec

 

Ciencias T�cnicas y Aplicadas

Art�culo de Investigaci�n

 

* Recibido: 30 de enero de 2025 *Aceptado: 14 de febrero de 2025 * Publicado: �05 de marzo de 2025

         I.            Ingeniera en Dise�o Gr�fico, Magister en Gesti�n de Marketing y Servicio al Cliente y Master Universitario en Dise�o Gr�fico Digital, experiencia en las �reas de dise�o digital, marketing estrat�gico, comunicaci�n visual, fotograf�a, gesti�n de marca, dise�o de interfaz de usuario, docente de la Escuela Superior Polit�cnica de Chimborazo (ESPOCH), Riobamba, Ecuador.

       II.            Licenciada en Dise�o Gr�fico, Magister en Desarrollo de la Inteligencia y Educaci�n, Magister en Dise�o y Gesti�n de Marca, certificaci�n del Sistema Nacional de Cualidades y Capacitaci�n Profesional_ Competencias Digitales para la docencia, experiencia en el campo del Dise�o, Comunicaci�n, Medios Impresos y Editoriales, Docente de la Escuela Superior Polit�cnica de Chimborazo, carrera de Dise�o Gr�fico, Facultad de Inform�tica y Electr�nica (ESPOCH), Riobamba, Ecuador.

     III.            Licenciado en Dise�ador Gr�fico, graduado en la Escuela Superior Polit�cnica de Chimborazo, Magister en Dise�o de Gesti�n de Marca por la Escuela Superior Polit�cnica del Litoral. Docente de la Escuela Superior Polit�cnica de Chimborazo, carrera de Mercadotecnia, Facultad de Administraci�n de Empresas (ESPOCH), Riobamba, Ecuador.

    IV.            Ingeniera en Biotecnolog�a Ambiental, Master en Ingenier�a Ambiental, experiencia en la elaboraci�n de planes de manejo ambiental, estudios de impacto ambiental, obtenci�n de permisos ambientales, dise�o de plantas de tratamiento de agua residual y gesti�n de residuos s�lidos, docente de la Escuela Superior Polit�cnica de Chimborazo (ESPOCH), Riobamba, Ecuador.

 

Resumen

Las artesan�as en Riobamba enfrentaban dificultades en su comercializaci�n debido a la ausencia de plataformas digitales especializadas. A pesar de su alto valor cultural, la promoci�n de estos productos carece de estrategias efectivas de dise�o visual y experiencia de usuario. Este proyecto posee como objetivo desarrollar un prototipado m�vil aplicando la metodolog�a Design Sprint basado en los principios de usabilidad y de interacci�n. En enfoque de la investigaci�n es mixto, cuali � cuantitativo mediante entrevistas a artesanos y expertos en dise�o UX/UI, los cuales valoraron dichos principios del prototipado. A su vez, las seis fases del Design Sprint como: comprensi�n, investigaci�n, bocetado, decisi�n, prototipado y validaci�n fueron claves para definir las herramientas de los wireframes, mockups y pruebas de usabilidad para definir la identidad visual, la navegaci�n y la arquitectura de la informaci�n del prototipo m�vil. El resultado fue un dise�o responsivo e intuitivo, permitiendo a los artesanos explorar nuevas formas de comercializaci�n y ampliar su alcance a trav�s de una plataforma digital. Los participantes destacaron la accesibilidad y la coherencia visual de la aplicaci�n, favoreciendo tanto la experiencia de compra como la visualizaci�n de las artesan�as locales. En conclusi�n, el prototipo m�vil desarrollado establece un puente entre los artesanos y mercados m�s grandes, integrando principios de dise�o centrado en el usuario y de interacci�n. Esto no solo facilita la comercializaci�n de los productos, sino que fortalezca la identidad cultural del sector artesanal en Riobamba.

Palabras clave: Artesan�as; Usabilidad; Interacci�n; Prototipado m�vil; Riobamba; Design Sprint.

 

Abstract

Crafts in Riobamba faced difficulties in their commercialization due to the absence of specialized digital platforms. Despite their high cultural value, the promotion of these products lacks effective visual design and user experience strategies. This project aims to develop a mobile prototype applying the Design Sprint methodology based on the principles of usability and interaction. The research approach is mixed, qualitative - quantitative through interviews with artisans and UX / UI design experts, who valued these prototyping principles. In turn, the six phases of the Design Sprint such as: understanding, research, sketching, decision, prototyping and validation were key to defining the tools of wireframes, mockups and usability tests to define the visual identity, navigation and information architecture of the mobile prototype. The result was a responsive and intuitive design, allowing artisans to explore new ways of marketing and expand their reach through a digital platform. Participants highlighted the accessibility and visual coherence of the application, favoring both the shopping experience and the visualization of local crafts. In conclusion, the developed mobile prototype establishes a bridge between artisans and larger markets, integrating user-centered design and interaction principles. This not only facilitates the commercialization of products, but also strengthens the cultural identity of the artisan sector in Riobamba.

Keywords: Crafts; Usability; Interaction; Mobile prototyping; Riobamba; Design Sprint.

 

Resumo

O artesanato de Riobamba enfrentou dificuldades na comercializa��o devido � aus�ncia de plataformas digitais especializadas. Apesar do elevado valor cultural, a promo��o destes produtos carece de estrat�gias eficazes de design visual e experi�ncia do utilizador. Este projeto tem como objetivo desenvolver um prot�tipo m�vel aplicando a metodologia Design Sprint baseada nos princ�pios de usabilidade e intera��o. A abordagem da investiga��o � mista, qualitativa � quantitativa, atrav�s de entrevistas a artes�os e especialistas em design UX/UI, que avaliaram estes princ�pios de prototipagem. Por sua vez, as seis fases do Design Sprint como: compreens�o, pesquisa, esbo�o, decis�o, prototipagem e valida��o foram fundamentais para definir as ferramentas de wireframes, mockups e testes de usabilidade para definir a identidade visual, navega��o e arquitetura da informa��o do prot�tipo mobile. O resultado foi um design responsivo e intuitivo, permitindo aos artes�os explorar novas formas de marketing e expandir o seu alcance atrav�s de uma plataforma digital. Os participantes destacaram a acessibilidade e a coer�ncia visual da aplica��o, favorecendo tanto a experi�ncia de compra como a visualiza��o do artesanato local. Concluindo, o prot�tipo m�vel desenvolvido estabelece uma ponte entre os artes�os e os mercados de maior dimens�o, integrando princ�pios de design e intera��o centrados no utilizador. Isto n�o s� facilita a comercializa��o dos produtos, como tamb�m fortalece a identidade cultural do sector artesanal de Riobamba.

Palavras-chave: Artesanato; Usabilidade; Intera��o; Prototipagem m�vel; Riobamba; Design Sprint.

 

 

Introducci�n

El Ecuador, escenario de una gran diversidad �tnica y cultural, se constituye como el punto de encuentro de una serie de pueblos e identidades que tienen interrelaciones muy complejas. En torno a esta realidad se han desarrollado varios conflictos, prejuicios, racismo, desigualdades y asimetr�as, pero tambi�n, desde varias d�cadas atr�s se han puesto los pilares de Interculturalidad y su aporte para los proyectos de desarrollo para la estructuraci�n de una interrelaci�n entre estas culturas sobre los principios de respeto, igualdad, comunicaci�n y aprendizaje mutuo. (CONGOPE, 2019)

En la sociedad actual, la tecnolog�a desempe�a un papel cada vez m�s prominente, marcando notables avances, como los protagonizados por los Smartphone y la internet, ambos evolucionando de la mano (VELASTEGU� L�PEZ & BARONA L�PEZ, 2019). Se observa c�mo los tel�fonos m�viles se vuelven m�s poderosos y completos, transform�ndose en una herramienta esencial para la humanidad. Este fen�meno se atribuye, en parte, al progreso continuo de internet y las comunicaciones, que trabajan juntamente con el objetivo de mantener a las personas siempre conectadas.

Las aplicaciones m�viles transforman la manera en que las personas interact�an con la tecnolog�a, permiti�ndonos comunicarnos de inmediato, acceder a servicios esenciales y realizar actividades diarias. Adem�s, han creado nuevas oportunidades en los negocios y el entretenimiento, cambiando la manera en que percibimos la vida y nos relacionamos. El impacto es evidente al simplificar procesos e impulsar la conectividad a nivel mundial y mejorar las actividades de la vida cotidiana. (DOM�NGUEZ S�NCHEZ-PINILLA, 2003). Cabe se�alar por ende que la implementaci�n de un prototipo m�vil para la comercializaci�n de los productos artesanales de la comunidad de Riobamba forjar� el sentido de pertenencia de sus habitantes, fomentar� el consumo de estos productos, dinamizar� la cadena productiva y fortalecer� el mercado artesanal, brindando una herramienta acorde a las nuevas tecnolog�as y al nuevo siglo. (Salguero Rosero y Garz�n Tenezaca, 2022).

Hoy en d�a, el comercio artesanal en Ecuador representa un vivo testimonio de nuestra rica herencia cultural. A trav�s de mercados locales, artesanos nacionales muestran su arte, creando piezas �nicas. Este comercio no solo mantiene vivas las t�cnicas tradicionales, sino que tambi�n fortalece la econom�a local, creando oportunidades sustentables. La integraci�n de los artesanos en los mercados digital ofrece oportunidades destacadas al proporcionarles una plataforma en l�nea para exhibir y vender sus productos a nivel global. Este enfoque no solo ampl�a su alcance, sino que tambi�n diversifica sus fuentes de ingresos. La creaci�n de prototipos resulta igualmente significativa, ya que facilita la adaptaci�n de interfaces y funcionalidades espec�ficas a las necesidades particulares de los artesanos y sus clientes. El �xito en la implementaci�n del comercio electr�nico se apoya en la adaptabilidad y participaci�n activa de los actores involucrados, siendo la creaci�n de prototipos una herramienta clave para refinar soluciones antes de su implementaci�n completa, asegurando una experiencia positiva en el entorno digital para vendedores y compradores.

La Casa de la Cultura Ecuatoriana "Benjam�n Carri�n" N�cleo de Chimborazo

Establecida oficialmente el 13 de febrero de 1953, representa un acontecimiento cultural significativo en la provincia. Su origen se remonta al Decreto Ejecutivo No. 707, promulgado el 9 de agosto de 1944, por el expresidente Jos� Mar�a Velasco Ibarra. (Casa de la Cultura Ecuatoriana Benjam�n Carri�n N�cleo de Chimborazo, 2023).

Benjam�n Carri�n, destacado pol�tico y periodista oriundo de Loja, desempe�� un papel fundamental como promotor de esta instituci�n cultural, reconociendo el poder transformador de la cultura. A lo largo del tiempo, la Casa de la Cultura ha sido esencial para preservar la memoria hist�rica de las comunidades, convirti�ndose en un punto central para expresiones art�sticas y educativas en la regi�n (Casa de la Cultura Ecuatoriana Benjam�n Carri�n N�cleo de Chimborazo, 2023).

La Casa de la Cultura tiene un rol fundamental en el crecimiento cultural y educativo de Chimborazo. Este espacio se ha consolidado como un punto de encuentro para eventos, conferencias, festivales y presentaciones de libros, convirti�ndose en un referente cultural. (Casa de la Cultura Ecuatoriana Benjam�n Carri�n N�cleo de Chimborazo, 2023).

Dise�o Mobile

El dise�o mobile parte del concepto tradicional de dise�o web, con la diferencia que est� enfocado a crear prototipos para dispositivos m�viles exclusivamente, (Samuels, 2022) menciona a Google, una de las empresas tecnol�gicas m�s importantes del mundo, que �los dispositivos m�viles ser�n en �ltima instancia la forma de prestar la mayor�a de los servicios de una empresa�. Lo que significa que, en la actualidad las empresas deben dar un mayor enfoque al dise�o mobile para sus negocios, y mejorar su experiencia de usuario, ya que, en dicho estudio tambi�n se menciona que, el 57% de los consumidores est�n dispuestos a abandonar una empresa que presente una mala experiencia m�vil.

Principios del dise�o mobile

El dise�o mobile debe estar enfocado en cumplir su objetivo principal; priorizar el contenido con una correcta arquitectura de la informaci�n que permita ser al aplicativo m�s eficiente. Por otro lado, se encuentra que, el dise�o mobile debe ser intuitivo, quiere decir que la experiencia de usuario debe ser el eje primordial, ya que esto facilitar� la navegaci�n y funcionalidad del aplicativo m�vil (Samuels, 2022)

Design Sprint

La metodolog�a del Design Sprint consta de seis etapas, fue creada por Jake Knapp en 2010, y su principal objetivo es ayudar a equipos de trabajo a resolver problemas en conjunto, acelerando procesos como la toma de decisiones y reducir considerablemente el riesgo de un proyecto (Arias, 2020)

 

Tabla 1. Etapas metodolog�a Design Sprint

Fuente: Arias, 2020

 

Aplicaciones m�viles

Una aplicaci�n m�vil es un programa que ha sido desarrollado para ser ejecutado en dispositivos m�viles como son los tel�fonos celulares y tablets principalmente. (Servisoft Corp., 2024). El uso de aplicaciones m�viles en el mercado tiene varios enfoques, o pueden ser utilizados en diversas situaciones, como por ejemplo para trabajo, estudio, entretenimiento, movilidad, salud, etc. Cerca del 80% del mercado pertenece al sistema operativo Android, seguido del 10% para el sistema operativo IOS, siendo los dos sistemas operativos para dispositivos m�viles m�s utilizados en el mundo (Servisoft Corp., 2024).

Fases para el desarrollo de un prototipo

La realizaci�n de un prototipo conlleva un proceso que a menudo se considera complejo, ya que este debe satisfacer las necesidades de la empresa que necesita de un aplicativo y, por otra parte, que cumpla con las expectativas de los usuarios, por lo tanto, en cada fase se debe realizar una correcta retroalimentaci�n para solventar los problemas que se puedan presentar. (Arcetec, 2023).

 

Tabla 2. Fases del desarrollo del prototipo

Fuente: Arcetec, 2023

 

Elementos de la experiencia de usuario

• Usabilidad

Seg�n los principios de usabilidad presentados por Jakob Nielsen son la base para la elaboraci�n de una p�gina web que sea amigable con el usuario. En este sentido se entiende a la usabilidad como la manera en que las personas interact�an con una herramienta, por lo tanto, la usabilidad web trata sobre la facilidad de navegaci�n de los usuarios dentro de una web (Arenzana, 2022)

• Principios de Interacci�n

El dise�o de Interacci�n (IxD) es un �rea que aborda tanto las tecnolog�as de informaci�n (TI) y conceptos del dise�o, siendo as�, responsable de estudiar, planificar y aplicar los puntos de interactividad que pueden existir en un prototipo, con el prop�sito fundamental de optimizar la relaci�n entre el usuario y el producto final (P�rez, 2019). Por lo tanto, el dise�o de interacci�n se ejecuta a partir de Wireframes, maquetas o prototipos que son una representaci�n gr�fica de la disposici�n de los elementos en el prototipo desarrollado, si bien es cierto que, la parte del proceso de dise�o de interacci�n no es la versi�n final del producto, este debe definir los conceptos que se deben insertar en el dise�o del proyecto para crear una interfaz que cumpla con los objetivos de la usabilidad (P�rez, 2019)

 

Tabla 3. Principios de interacci�n

Fuente: P�rez, 2019

 

• Principios de la Usabilidad de Nielsen

 

Tabla 4. Principios de evaluaci�n heur�stica de Jakob Nielsen

Fuente: Arenzana, 2022

 

Metodolog�a

El estudio es de tipo cuali-cuantitativo con un enfoque que analiza las necesidades de los artesanos en base a la comercializaci�n de cada uno de los productos mediante entrevistas aplicadas a los beneficiarios de la Casa de la Cultura de Chimborazo, cuantitativo a trav�s de las encuestas aplicadas a los expertos para la validaci�n de los principios de interacci�n y usabilidad aplicado en el prototipo m�vil.

El m�todo documental se emplea en el estudio para clasificar la informaci�n en secciones espec�ficas obtenida de las entrevistas aplicadas a los artesanos. Este proceso de fragmentaci�n es esencial para avanzar en la primera etapa del Design Sprint, facilitando as� el desarrollo del prototipo. El m�todo descriptivo proporciona una visi�n clara y detallada de un aspecto espec�fico sin investigar las causas subyacentes de un fen�meno. En el contexto del desarrollo del prototipo, este enfoque permite detallar c�mo se comportan los artesanos, las caracter�sticas de sus productos y c�mo usan las plataformas, siendo la base s�lida para construir el prototipo, asegurando que el dise�o se ajusta a las realidades observadas. Se realiza un focus group de 10 personas para la validaci�n de expertos que representan a la Poblaci�n Econ�micamente Activa de Riobamba enfocado a resultados puntuales dentro de los criterios de evaluaci�n en base a la usabilidad seg�n de Jacob Nielsen.

Para el desarrollo t�cnico del prototipo m�vil se emplea la metodolog�a Design Sprint, creada por Jake Knapp en 2010. Una de las caracter�sticas de esta metodolog�a es que est� dise�ada para ser ejecutada al cabo de 5 d�as, los cuales est�n definidos por seis fases. (Arias, 2020). En la primera fase de Preparaci�n se toma en cuenta la informaci�n disponible en su p�gina web y la informaci�n proporcionada por la Casa de la Cultura N�cleo Chimborazo del n�mero de beneficiarios que formar�n parte del prototipo y las artesan�as seg�n el tipo de material para determinar el mapa de navegaci�n, validando la informaci�n mediante las entrevistas a los artesanos beneficiarios y con el Director de la Casa de la Cultura, a su vez; se realiza una votaci�n que representa las tres metas principales que ayudan a la formulaci�n de las preguntas Sprint y se crea un mapa de experiencia de usuario que muestra c�mo los artesanos y usuarios alcanzar�n las metas, a partir de la evaluaci�n del prototipo.

En la segunda fase de Entendimiento se identifican y se abordan los posibles desaf�os que podr�an obstaculizar el logro de las metas propuestas, plante�ndolos como preguntas o problemas. Luego, se transforma estos desaf�os en oportunidades, pregunt�ndose: "�C�mo podr�amos resolver esto?". En la tercera fase de Boceto conocida tambi�n como ideaci�n posee dos subetapas una que busca referencias en el campo de investigaci�n y la otra en donde se toma notas o ideas previas, bocetar en un tiempo de 10 minutos la mayor cantidad de bocetos, Crazy 8�s se selecciona dos bocetos y a partir de ello con una duraci�n de 10 minutos se realizan 8 variantes y la soluci�n final en donde se crean dos pantallas de la interfaz.

En la cuarta fase de Decisi�n se antepone al prototipo, por lo que se crea el Storyboard y el flujo de usuario el mismo que es una secuencia de pantallas que los artesanos y los usuarios deben seguir durante la validaci�n del prototipo. A trav�s del Storyboard, se detalle c�mo son las pantallas que se prototipan, siendo en esta fase el desarrollo de los Wireframes de baja fidelidad. En la �ltima fase del Prototipado los Wireframes creados son de fidelidad media, por lo tanto; es indispensable la creaci�n del manual de estilo, que permita definir los atributos gr�ficos que tendr� el prototipo, esto quiere decir: logotipo, crom�tica, botones, �conos y tipograf�as.

Al contar con el manual de estilo se procede al dise�o en alta fidelidad, utilizando los elementos gr�ficos seleccionados. Este dise�o del prototipo se realiza con la herramienta Figma, la cual permite generar el enlace de prueba con el que se realizar� la validaci�n con los usuarios. Finalmente, en la �ltima fase de Validaci�n se toma en cuenta la opini�n de expertos para asegurarnos de que el prototipo sea interactivo y f�cil de usar, garantizando una interfaz intuitiva y eficaz. Luego, se revisa los resultados mediante entrevistas detalladas con todos los participantes, para confirmar que el prototipo cumpla con las expectativas de todos y con los est�ndares profesionales de dise�o basado en los principios de usabilidad e interacci�n.

 

Resultados y Discusi�n

Metodolog�a Design Sprint

Fase Preparaci�n

Se muestran a continuaci�n los resultados de las entrevistas aplicadas al Director de la Casa de la Cultura de Chimborazo Ms. Juan Carlos Huaraca Aguay y a los 5 artesanos de bronce, madera, hojalata, tagua y cuero que formaron parte del prototipo. En donde mencionan sus experiencias y desaf�os en la producci�n y venta de sus productos artesanales. Se destac� la diversidad de creaciones y los retos de mantener las tradiciones en sus artesan�as, mientras se acoplaban a las nuevas tecnolog�as para difundir y vender sus productos. Aunque la mayor�a de los artesanos ten�a acceso a dispositivos m�viles e internet, algunos todav�a tienen problemas para adaptarse. Sin embargo, se han mostrado interesados en el comercio electr�nico como una forma de ampliar su mercado y aumentar sus ingresos.

 

Tabla 5. Resumen de aspectos analizados

Fuente: Entrevistas al Director CCCH y artesanos

 

 

 

• Definici�n de metas

 

Figura 1: Metas del Design print

Elaborado: Autores

 

• Retos del Sprint

 

Figura 2. Retos del Design Sprint

Elaborado: Autores

 

Entendimiento

• �C�mo podr�amos?

Como resultado, identificamos cinco oportunidades que luego incorporamos en el mapa de experiencia del usuario.

 

 

 

 

 

Figura 3. �C�mo podr�amos? del Design Sprint

Elaborado: Autores

 

• Mapa de experiencia de usuario

El mapa de experiencia del usuario fue la etapa final de la fase de entendimiento o comprensi�n, con las metas, los retos y las oportunidades ya definidas se realiza la �ltima votaci�n para identificar la meta principal del Sprint.

 

Figura 4. Mapa de experiencia de usuario

Elaborado: Autores

 

Boceto

• Demos r�pidos

Se llev� a cabo una b�squeda de diversas soluciones para crear el prototipo. Dado que el Design Sprint es una metodolog�a �gil, en una sesi�n de 30 minutos se investiga aplicaciones e interfaces similares, identificando que comparten elementos de dise�o y composici�n para generar la propia identidad visual del prototipo.

 

Figura 5. Demos r�pidas

Elaborado: Autores

• Tomar notas

Con las demos r�pidas listas, se comienza a registrar las ideas que surgen durante la sesi�n. Para alcanzar los objetivos del Sprint.

 

Figura 6. Notas r�pidas

Elaborado: Autores

 

 

 

 

Bocetar

En una sesi�n de 10 minutos se enfoca en lo esencial, plasmando ideas, elementos y el dise�o general de la interfaz.

 

Figura 7.

�Bocetos r�pidos

Elaborado: Autores

 

�         Crazy 8�s

Bas�ndonos en las notas r�pidas y los bocetos se realiza una sesi�n de 8 minutos en la que desarrollamos una idea en un minuto.

 

Figura 8. Crazy 8�s

Elaborado: Autores

�         Soluci�n final

Para esta etapa, llevamos a cabo una sesi�n de 20 minutos en la que se dise�aron r�pidamente dos pantallas de la interfaz.

 

Figura 9. Soluci�n final - pantalla de compra

Elaborado: Autores

 

Decisi�n

�         Mapa de flujo de usuario

 

Figura 10. Flujo de usuario

Elaborado: Autores

 

�         Storyboard

Despu�s de definir el flujo de usuario, creamos el storyboard, que ayud� a visualizar las caracter�sticas y la funcionalidad del prototipo.

 

Figura 11. Storyboard

Elaborado: Autores

 

�         Wireframes en baja calidad

En esta etapa, se represent� de manera general c�mo se deb�an ver las distintas pantallas y c�mo interactuaban entre s� seg�n el flujo de usuario.

 

Figura 12.

Wireframes Entrada, Inicio, Registro

Elaborado: Autores

 

Prototipo

�         Gu�a de estilo

La gu�a de estilo incorpor� varios elementos esenciales para dise�ar la interfaz gr�fica del prototipo. El isologo captur� la experiencia y la identidad de usuario, tomando un elemento distintivo que reson� con los artesanos de Riobamba. Este isologo permiti� a los artesanos ofrecer sus servicios, exhibir y vender sus productos. Adem�s, se utiliz� una paleta de colores donde cada tipo de artesan�a estaba representada por un color espec�fico: el rojo para las artesan�as en hojalata, el verde para las artesan�as en tagua, el naranja para las artesan�as en cuero, el caf� para las artesan�as en madera, el celeste para las artesan�as en bronce. La gu�a de estilo tambi�n abarc� los �conos de la interfaz, as� como el uso y los estilos de la tipograf�a. El logotipo de MAKI, la plataforma digital para artesanos de Riobamba, se basa en un estilo gr�fico plano y concreto que refleja los principios de experiencia e interfaz de usuario (UX/UI), asegurando accesibilidad y conexi�n directa entre artesanos y clientes. Su dise�o sencillo y visualmente atractivo busca resaltar la identidad local y cultural, mientras promueve una experiencia de usuario fluida y moderna, integrando tecnolog�a y tradici�n de manera efectiva.

 

Figura 13. Gu�a de estilo

Elaborado: Autores

 

El dise�o de los botones se mantuvo simple y funcional, con colores que cambiaban seg�n la acci�n del usuario. Para los clientes, se eligi� un tono de rojo como color predeterminado, mientras que el azul se utiliz� para el perfil de usuario. En la interfaz, estos colores variaban de acuerdo con la opci�n seleccionada por el usuario.

 

Figura 14. Botones generales

Elaborado: Autores

 

Los botones de los artesanos permit�an a los usuarios acceder a las opciones de compra mientras navegaban por la aplicaci�n.

 

Figura 15. Botones de artesanos

Elaborado: Autores

 

Con la gu�a de estilo completa y los elementos definidos, procedimos a dise�ar la interfaz de usuario y finalizar el prototipo. La interfaz ofrece diversas opciones para que los clientes de Riobamba puedan comprar artesan�as, adapt�ndose a sus necesidades.

Enlace del prototipo: https://lc.cx/mZ1Rqr

 

 

Figura 16.

Prototipo de la aplicaci�n MAKI

Elaborado: Autores

 

�         Pantallas del prototipo

 

Figura 17. Pantallas del Prototipo MAKI

Elaborado: Autores

 

Validaci�n

En la �ltima etapa del Design Sprint, visitamos la Escuela Polit�cnica de Chimborazo, donde, gracias a la colaboraci�n de la Carrera de Dise�o Gr�fico, utilizamos el laboratorio de la instituci�n para llevar a cabo la prueba de usabilidad. La validaci�n se realiz� a 10 expertos cada uno, seleccionados.

La evaluaci�n de la aplicaci�n m�vil mostr� resultados mayormente positivos en cuanto a su usabilidad y dise�o. En particular, el 60% de los usuarios consider� que la aplicaci�n es intuitiva y muestra la informaci�n de manera clara, mientras que un 40% estuvo de acuerdo con esta afirmaci�n. Asimismo, el 90% de los encuestados indic� que la tipograf�a utilizada es legible y funcional, lo que sugiere una correcta selecci�n de fuentes y tama�os en el dise�o. En cuanto a la facilidad de comprensi�n del lenguaje utilizado, el 60% de los participantes estuvo totalmente de acuerdo en que era sencillo y f�cil de entender, y un 40% adicional lo respald� con una opini�n favorable.

En t�rminos de funcionalidad, la encuesta reflej� que los botones de la aplicaci�n responden correctamente, con un 60% de los encuestados que estuvo totalmente de acuerdo y un 20% adicional que expres� una opini�n positiva. La posibilidad de deshacer y rehacer acciones f�cilmente dentro de la aplicaci�n tuvo una menor aprobaci�n, ya que solo un 20% de los participantes indic� estar totalmente de acuerdo, mientras que el 60% estuvo simplemente de acuerdo, lo que evidencia una oportunidad de mejora en la navegaci�n. Por otro lado, el 90% de los usuarios opin� que el dise�o de la aplicaci�n es sencillo y est�tico, reflejando una interfaz visualmente atractiva y sin elementos innecesarios.

Finalmente, los aspectos relacionados con la accesibilidad y la coherencia del dise�o tambi�n fueron bien valorados. Un 90% de los encuestados afirm� que los colores e iconos son coherentes con la imagen del producto, mientras que un 80% considera que la aplicaci�n facilita la b�squeda de informaci�n. En cuanto a la eficiencia tanto para usuarios novatos como expertos, el 40% se mostr� totalmente de acuerdo, y el 50% indic� estar de acuerdo, lo que sugiere que, aunque la aplicaci�n es efectiva, podr�a optimizarse a�n m�s para mejorar la experiencia de distintos perfiles de usuarios. En general, los resultados reflejan una alta satisfacci�n con la aplicaci�n, aunque existen �reas espec�ficas donde se podr�an realizar ajustes para una mejor experiencia de usuario.

 

 

�         Puntos de mejora

 

Tabla 6. Puntos de mejora

Fuente: Validaci�n de Expertos

 

Conclusiones

�         Aunque no se cuenta con informaci�n detallada sobre las actividades de los artesanos afiliados a la Casa de la Cultura N�cleo de Chimborazo, se logr� recopilar datos clave mediante entrevistas con el director de la instituci�n. Adem�s, se identific� la participaci�n de otros actores fundamentales en el desarrollo y respaldo del gremio artesanal, lo que permiti� ampliar la comprensi�n del entorno en el que operan estos artesanos y su v�nculo con la aplicaci�n desarrollada. Esta informaci�n result� esencial para adaptar el dise�o de la herramienta a sus necesidades y mejorar su funcionalidad.

�         Para la fase de dise�o del prototipo m�vil, se investigaron los principios fundamentales de usabilidad e interacci�n, con el objetivo de crear una herramienta intuitiva y funcional. Se identificaron caracter�sticas esenciales como coherencia gr�fica, respuestas claras al usuario, facilidad de uso, prevenci�n de errores, continuidad en el flujo de navegaci�n, retroalimentaci�n visual efectiva, simplicidad y accesibilidad. Estas consideraciones fueron aplicadas en el desarrollo del prototipo, asegurando una experiencia de usuario optimizada y alineada con buenas pr�cticas en dise�o de interfaces.

�         La validaci�n del prototipo, a trav�s de encuestas a expertos y usuarios, reflej� una alta aceptaci�n en t�rminos de navegaci�n intuitiva, claridad en las respuestas del sistema y consistencia en el dise�o. Los resultados de la evaluaci�n mostraron que el 90% de los encuestados valor� positivamente la coherencia de los colores e iconos utilizados, mientras que un 80% destac� la facilidad de b�squeda de informaci�n. Asimismo, el prototipo de alta fidelidad desarrollado con software especializado proporcion� una experiencia de navegaci�n sencilla y eficiente, permitiendo a los usuarios explorar y adquirir productos de manera intuitiva. La combinaci�n de un dise�o est�tico y funcional contribuy� a una interacci�n fluida, cumpliendo en gran medida con los principios de usabilidad establecidos y optimizando la experiencia de compra dentro de la aplicaci�n.

�         El dise�o del prototipo de alta fidelidad, desarrollado con software especializado, logr� ofrecer una experiencia de navegaci�n fluida e intuitiva. Gracias a su estructura optimizada, los usuarios pueden explorar y seleccionar productos de manera sencilla, mejorando as� la interacci�n con la aplicaci�n. Adem�s, la interfaz gr�fica, combinada con un dise�o est�tico y funcional, refuerza una experiencia positiva alineada con los principios de usabilidad e interacci�n. Esto no solo facilita la b�squeda y adquisici�n de artesan�as, sino que tambi�n garantiza una navegaci�n eficiente, clara y accesible para distintos tipos de usuarios.

 

Referencias

1.    ARCETEC. �Desarrollo de aplicaci�n m�vil�. Arcetec [en l�nea], 2024. [Consulta: 13 agosto 2024]. Disponible en: https://www.arcetec.com.co/desarrollo-de-aplicacion- movil/

2.    ARENZANA, (2022, 25 marzo). Principios de usabilidad web de Jacob Nielsen y el dise�o UX. Semrush Blog. [Consulta: 21 de febrero de 2024]. Disponible en: https://es.semrush.com/blog/usabilidad-web-principios-jakob-nielsen/

3.    ARIAS. ��Qu� es la metodolog�a Design Sprint y sus fases?�. UXables [en l�nea], 2024. [Consulta: 13 agosto 2024]. Disponible en: https://www.uxables.com/diseno-ux-ui/que- es-la-metodologia-design-sprint-y-sus-fases/

4.    CASA DE LA CULTURA ECUATORIANA BENJAM�N CARRI�N N�CLEO DE CHIMBORAZO. Casa de la Cultura Ecuatoriana [En l�nea]. [Consulta: 10 febrero 2024]. Disponible en: https://culturaenecuador.org/

5.    CONGOPE. Revista de la Corporaci�n de Gobiernos Provinciales del Ecuador (CONGOPE) [en l�nea]. Quito-Ecuador: Corporaci�n de Gobiernos Provinciales del Ecuador, 2019. [Consulta: 12 enero 2024]. Disponible en: http://www.congope.gob.ec/wp-content/uploads/2019/05/Volumen-10-.pdf

6.    DOM�NGUEZ S�NCHEZ-PINILLA, Mario. �Las tecnolog�as de la informaci�n y la comunicaci�n: sus opciones, sus limitaciones y sus efectos en la ense�anza�. Critical Journal of Social and Juridical Sciences [en l�nea], 2003, (Espa�a) (8). [Consulta: 22 enero 2024]. Disponible en: https://www.redalyc.org/articulo.oa?id=18100809

7.    ESPOCH PROYECTO DE VINCULACI�N. Fortalecer la importancia de la aplicaci�n del Dise�o Gr�fico mediante un programa integral para los gremios artesanales de la ciudad de Riobamba. Riobamba: s.n., 2023.

8.    LANDA LANDA, Erick Adri�n. Dise�o de identidad visual para emprendedores artesanales Casa de la Cultura N�cleo de Chimborazo (Trabajo de Integraci�n Curricular) (Licenciado en Dise�o Gr�fico). [Tipo de documento]. Universidad de la Casa de la Cultura N�cleo de Chimborazo, Riobamba � Ecuador. 2023. Artes_y_sus_Tecnolog%C3%ADas-1%C2%BA_CURSO-Plan_Com%C3%BAn.pdf

9.    MONTERO LLUNDO, Alex Michael. Prototipo de una aplicaci�n m�vil como herramienta de aprendizaje del �rea de matem�ticas (Trabajo de Integraci�n Curricular) (Licenciado en Dise�o Gr�fico). [Tipo de documento]. Escuela Polit�cnica Superior de Chimborazo (ESPOCH), Riobamba � Ecuador. 2022. [Consulta: 31 enero 2024]. Disponible en: http://dspace.espoch.edu.ec/handle/123456789/20567

10.                       P�REZ, Luisa. Gu�a del dise�o de interacci�n: conoce el IxD, sus principios, procesos y caracter�sticas [en l�nea]. 2019. [Consulta: 23 febrero 2024]. Disponible en: https://rockcontent.com/es/blog/diseno-de-interaccion/

 

 

 

� 2025 por los autores. Este art�culo es de acceso abierto y distribuido seg�n los t�rminos y condiciones de la licencia Creative Commons Atribuci�n-NoComercial-CompartirIgual 4.0 Internacional (CC BY-NC-SA 4.0)

(https://creativecommons.org/licenses/by-nc-sa/4.0/).