DISEÑO INTERACTIVO

CÓDIGO: 213030A

Etapa 4
Evaluación y alistamiento para el desarrollo

Presentado al tutor (a):

Diego Julian Santos Mendez

Entregado por el (la) estudiante:

Danna Valentina Gómez Gómez

Grupo: 213030_16

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA - UNAD

ESCUELA DE CIENCIAS BÁSICAS TECNOLOGÍA E INGENIERÍA
04 de octubre del 2023
Bogotá D.C.
 INTRODUCCIÓN

En el presente documento se realizará la presentará todo el

proceso de creación, estructuración, planteamiento y creación del

sitio web solicitado para el desarrollo y culminación del curso de

diseño interactivo, esto con el fin de validar y comprobar todos los

conocimientos adquiridos durante el proceso de aprendizaje y estudio

de este mismo. Se presentarán todas las fases realizadas para dejar

evidencia y constancia del trabajo y esfuerzo realizado en este

camino de preparación.
 GUION MULTIMEDIAL

Nombre del diseñador: Danna Valentina Gómez Gómez Fecha: 29 de abril de

2023
Ciudad: Bogotá D.C. Objetivo: Formular la etapa inicial de preproducción del
diseño de una aplicación móvil o Web para una empresa de
juguetes realizando prototipos de interfaz de usuario, como
medio de ilustración grafica para el diseño interactivo.
Sinopsis:

Título:

Descripción: Este aplicativo web pretende presentar a su público objetivo la variedad de

productos de juguetería educativa y armable, descripciones importantes de los mismos,
precios, metodologías de compra, entre otras funciones destacables para el buen
funcionamiento de venta y compra de manera online y de manera presencial en los puntos
físicos de la juguetería. Este aplicativo web e-commerce tiene como objetivo principal el
aumento de las ventas y ganancias, de igual manera obtener mayor visibilidad de juguetes
en internet. El público objetivo de la juguetería son niños y niñas, adolescentes y adultos de
las diferentes edades que interactúen de manera óptima con los diferentes productos que se
ofrecen.

En este aplicativo web se pretende mantener una organización de los productos de juguetería
en diferentes categorías con respecto a ciertos rangos de edades, es decir, de 0 a 2 años
corresponde a una categoría, de 3 a 6 años, de 7 a 12 años, de 13 a 18 años y 18 años + con
el fin de que el usuario pueda navegar e interactuar con el aplicativo web de manera más fácil
y se realice la búsqueda de su producto de interés con mayor efectividad. De igual manera,
se tiene la idea de crear una asistente virtual que tenga como función principal ayudar al
usuario a encontrar su producto de interés de manera más rápida y fácil según algunas
características principales del mismo.

Este interactivo presentará toda la información anteriormente mencionada de manera que el

usuario interactúe fácilmente obteniendo información sobre el producto/servicio y sobre la
empresa, pueda buscar, encontrar, evaluar y comparar productos/servicios, seleccionar
productos/servicios, hacer compras, pagar por el pedido, obtener información sobre el estado
en el que se encuentra su pedido, obtener ayuda pre y post compra, entre otras acciones que
le permitan una navegación segura y responsable.

Nombre de Tipo de formato - Descripción del tipo de formato Observaciones

la Sección multimedia Multimedia
Texto: ¡Bienvenido a …..!
Conoce nuestra variedad de productos Esta sección se
Bienvenida Texto X para todas las edades. considera la inicial
. Vídeo donde el usuario inicia
Audio X Imagen: Fotografías de los diferentes su navegación e
Anima X productos que ofrece la juguetería. interacción a través de
ción los diferentes enlaces
Enlace X Sonido: Saludo por parte de la que se brinda.
asistente virtual.
 Enlaces:
- Botón para dirigirse a la
sección de "Sobre nosotros"
para identificar información
importante sobre la Juguetería.
- Botón de productos por marca
que despliega un menú de
diferentes marcas según
preferencia.
- Botón de productos por
categoría de edades que
despliega un menú de
diferentes grupos de edades
según preferencia.
- Botón de ofertas para que el
usuario sea dirigido a la sección
de ofertas y promociones
actuales de la juguetería.
- Botón para iniciar registrarse o
iniciar sesión según
corresponda.
- Botón de carrito de compras
para que el usuario tenga
conocimiento de sus compras a
realizar.
- Botón para acceder a la
asistente virtual.
- Botones para acceder a las
diferentes redes sociales de la
juguetería.
- Botón de buscador.
- Botón para acceder a la sección
de contacto directo con la
juguetería.
- Botones en las diferentes
fotografías de los productos
para obtener información
detallada del mismo.

Animación: Asistente virtual con

movimientos suaves.

Catalogo Texto: ¡Bienvenido a …. (marca En cada sección de

por Texto X correspondiente) cada una de las marcas
marcas. Vídeo disponibles por la
Audio Imagen: Fotografías de los diferentes juguetería se presentan
Anima X productos específicos por marca la variedad de
ción seleccionada que ofrece la juguetería. productos de acuerdo a
Enlace X la marca especifica
Enlaces: seleccionada por el
Tiempo: No - Botón para dirigirse a la sección usuario.
determinado. de "Sobre nosotros" para Esta sección debe ser
identificar información actualizada
importante sobre la Juguetería. periódicamente.
 - Botón para acceder a la sección
de contacto directo con la
juguetería.
- Botón de productos por marca
que despliega un menú de
diferentes marcas según
preferencia.
- Botón de productos por
categoría de edades que
despliega un menú de
diferentes grupos de edades
según preferencia.
- Botón de ofertas para que el
usuario sea dirigido a la sección
de ofertas y promociones
actuales de la juguetería.
- Botón para iniciar registrarse o
iniciar sesión según
corresponda.
- Botón de carrito de compras
para que el usuario tenga
conocimiento de sus compras a
realizar.
- Botón para acceder a la
asistente virtual.
- Botón de buscador.
- Botones en las fotografías de
los productos para obtener
información detallada del mismo
(ver producto).
- Menú desplegable al costado
izquierdo con diferentes
características para filtrar
información y obtener los
resultados del producto de
interés.

Animación: Asistente virtual con

movimientos suaves.

Catalogo Texto: Juguetería para edades entre En cada sección de

por Texto X …. (según el rango de edad cada uno de los rangos
edades. Vídeo seleccionado). de edades estipulados
Audio por la juguetería se
Anima X Imagen: Fotografías de los diferentes presentan la variedad
ción productos específicos por rango de de productos de
Enlace X edad seleccionado que ofrece la acuerdo a el rango
juguetería. especifico seleccionado
Tiempo: No por el usuario.
determinado. Enlaces: Esta sección debe ser
- Botón para dirigirse a la sección actualizada
de "Sobre nosotros" para periódicamente.
identificar información
importante sobre la Juguetería.
 - Botón para acceder a la sección
de contacto directo con la
juguetería.
- Botón de productos por marca
que despliega un menú de
diferentes marcas según
preferencia.
- Botón de productos por
categoría de edades que
despliega un menú de
diferentes grupos de edades
según preferencia.
- Botón de ofertas para que el
usuario sea dirigido a la sección
de ofertas y promociones
actuales de la juguetería.
- Botón para iniciar registrarse o
iniciar sesión según
corresponda.
- Botón de carrito de compras
para que el usuario tenga
conocimiento de sus compras a
realizar.
- Botón para acceder a la
asistente virtual.
- Botón de buscador.
- Botones en las fotografías de
los productos para obtener
información detallada del mismo
(ver producto).
- Menú desplegable al costado
izquierdo con diferentes
características para filtrar
información y obtener los
resultados del producto de
interés.

Animación: Asistente virtual con

movimientos suaves.
Catálogo Texto: ¡Ofertas especiales del mes! En esta sección se
de ofertas. Texto X presenta el catalogo
Vídeo Imagen: Fotografías de los diferentes especifico de los
Audio productos que se encuentran en oferta productos de la
Anima X o promoción por parte de la juguetería. juguetería que se
ción encuentran en oferta
Enlace X Enlaces: y/o promoción.
- Botón para dirigirse a la sección Esta sección debe ser
Tiempo: No de "Sobre nosotros" para actualizada
determinado. identificar información periódicamente.
importante sobre la Juguetería.
- Botón para acceder a la sección
de contacto directo con la
juguetería.
 - Botón de productos por marca
que despliega un menú de
diferentes marcas según
preferencia.
- Botón de productos por
categoría de edades que
despliega un menú de
diferentes grupos de edades
según preferencia.
- Botón de ofertas para que el
usuario sea dirigido a la sección
de ofertas y promociones
actuales de la juguetería.
- Botón para iniciar registrarse o
iniciar sesión según
corresponda.
- Botón de carrito de compras
para que el usuario tenga
conocimiento de sus compras a
realizar.
- Botón para acceder a la
asistente virtual.
- Botón de buscador.
- Botones en las fotografías de
los productos para obtener
información detallada del mismo
(ver producto).
- Menú desplegable al costado
izquierdo con diferentes
características para filtrar
información y obtener los
resultados del producto de
interés.

Animación: Asistente virtual con

movimientos suaves.

Producto Texto: Esta sección hace

Texto X - Nombre del juguete referencia al aparto de
Vídeo seleccionado por el usuario. cada producto
Audio - Información necesaria sobre el individual donde se
Anima X producto en venta. conoce
ción - Descripción detallada del especificaciones mas
Enlace X producto. claras y ampliadas del
- Precio del producto. producto, su precio y
Tiempo: No - Metodología de pago. metodología de
determinado. compra.
Imagen: Fotografías del producto en
mención desde diferentes ángulos y
planos.
Imagen 360º con movimiento para
mayor detalle por parte del usuario.

Enlaces:
 - Botón para dirigirse a la sección
de "Sobre nosotros" para
identificar información
importante sobre la Juguetería.
- Botón para acceder a la sección
de contacto directo con la
juguetería.
- Botón de productos por marca
que despliega un menú de
diferentes marcas según
preferencia.
- Botón de productos por
categoría de edades que
despliega un menú de
diferentes grupos de edades
según preferencia.
- Botón de ofertas para que el
usuario sea dirigido a la sección
de ofertas y promociones
actuales de la juguetería.
- Botón para iniciar registrarse o
iniciar sesión según
corresponda.
- Botón de buscador.
- Botón de carrito de compras
para que el usuario tenga
conocimiento de sus compras a
realizar.
- Botón para acceder a la
asistente virtual.
- Botón de comprar ahora.
- Botón de agregar al carrito.

Animación: Asistente virtual con

movimientos suaves.

Sobre Texto:
nosotros. Texto X - Información de la juguetería En esta sección el
Vídeo - Aviso de privacidad y usuario encuentra toda
Audio tratamiento de datos la información detalla
Anima X personales. de la juguetería,
ción - Términos y condiciones. tratamiento de datos,
Enlace X términos y condiciones,
Imagen: Imágenes representativas de metodologías de
Tiempo: No la juguetería. compra y pago.
determinado.
Enlaces:
- Botón para dirigirse a la sección
de "Sobre nosotros" para
identificar información
importante sobre la Juguetería.
- Botón para acceder a la sección
de contacto directo con la
juguetería.
 - Botón de productos por marca
que despliega un menú de
diferentes marcas según
preferencia.
- Botón de productos por
categoría de edades que
despliega un menú de
diferentes grupos de edades
según preferencia.
- Botón de ofertas para que el
usuario sea dirigido a la sección
de ofertas y promociones
actuales de la juguetería.
- Botón para iniciar registrarse o
iniciar sesión según
corresponda.
- Botón de carrito de compras
para que el usuario tenga
conocimiento de sus compras a
realizar.
- Botón para acceder a la
asistente virtual.
- Botón de buscador.
- Botón para acceder a aviso de
privacidad y tratamiento de
datos personales.
- Botón para acceder a términos
y condiciones.

Animación: Asistente virtual con

movimientos suaves.

Contacto. Texto:
Texto X Contacto.
Vídeo Datos de contacto (Teléfonos, dirección
Audio del punto físico, redes sociales, correo
Anima X electrónico)
ción
Enlace X Imagen: Fotografías del punto físico de
la juguetería.
Tiempo: No
determinado. Enlaces:
- Botón para dirigirse a la
sección de "Sobre nosotros"
para identificar información
importante sobre la Juguetería.
- Botón de productos por marca
que despliega un menú de
diferentes marcas según
preferencia.
- Botón de productos por
categoría de edades que
despliega un menú de
 diferentes grupos de edades
según preferencia.
- Botón de ofertas para que el
usuario sea dirigido a la sección
de ofertas y promociones
actuales de la juguetería.
- Botón para iniciar registrarse o
iniciar sesión según
corresponda.
- Botón de carrito de compras
para que el usuario tenga
conocimiento de sus compras a
realizar.
- Botón para acceder a la
asistente virtual.
- Botones para acceder a las
diferentes redes sociales de la
juguetería.
- Botón de buscador.
- Botón para acceder a la sección
de contacto directo con la
juguetería.
- Mapa con acceso a la
ubicación.
Animación: Asistente virtual con
movimientos suaves.

ENLACE PÚBLICO DEL PROTOTIPADO

https://app.moqups.com/gc0zHhrsaKO0GKjXioO032ydfPQTgdLV/vi
ew/page/a5e7ef289

ENLACE PÚBLICO DE LA INTERFAZ DE USUARIO.

https://www.figma.com/proto/Gbv4wBG8hZRmpI0KTG4ssu/Untitled?
node-id=36-32&scaling=scale-down&page-id=0%3A1&starting-point-
node-id=36%3A32&mode=design&t=VQiQJQA6d1SVIG7O-1
 EVALUACIONES, REGISTROS FOTOGRÁFICOS Y ANÁLISIS

DATOS GENERALES DEL TEST

Evaluador Susana Bustamante
Fecha de evaluación 03 de Diciembre
Nombre del sitio evaluado T`store
Tipo de sitio evaluado

OBJETIVOS
1. Cuantificar e identificar el diseño y funcionalidad del juego ciudadela Juridica con el fin de lograr
una mejora de usabilidad del sitio.

2. Determinar la relación entre usabilidad y accesibilidad .

TEST DE USUARIO
Instrucciones del Test: Marcar con una ( X ) en la casilla CUMPLE o NO CUMPLE , en caso de NO CUMPLIR , escribir una breve recomendación.

CRITERIOS HEURÍSTICOS GENERALES CUMPLE NO CUMPLE RECOMENDACIONES IMAGEN

Objetivos del sitio son concretos y bien definidos x

Contenidos y servicios ofrecidos precisos y completos x
Estructura general del recurso orientada al usuario x
Look & Feel general se corresponde con los objetivos servicios del x
Diseño general del sitio es reconocible y se comprende x
Se utiliza el idioma del usuario ? x
Se da soporte a otro/s idioma/s ? x No aparece soporte de otros idiomas

CRITERIOS DEL "IDENTIDAD E INFORMACIÓN": CUMPLE NO CUMPLE RECOMENDACIONES

Identidad o logotipo significativo, identificable y suficientemente x
Identidad del sitio en todas las páginas x
Se ofrece información sobre el sitio, un espacio introductorio. x
Existen mecanismos de contacto en caso de necesitar ayuda x

CRITERIOS DEL "ESTRUCTURA Y NAVEGACIÓN": CUMPLE NO CUMPLE RECOMENDACIONES

Estructura de organización y navegación adecuada x
Organización de elementos x
Control del número de elementos y de términos por elemento en los
x
menús de navegación
Enlaces fácilmente reconocibles como tales x
En las imágenes de enlace se indica el contenido al que se va a x
Existe un enlace para volver al inicio en cada página x

Existen elementos de navegación que orienten al usuario acerca de x

dónde está y cómo deshacer su navegación (ej: migas)

CRITERIOS DEL "LAYOUT DE LA PÁGINA": CUMPLE NO CUMPLE RECOMENDACIONES

Se ha evitado la sobrecarga informativa x

Es una interfaz limpia, sin ruido visual x
Existen zonas en blanco entre los objetos informativos de la página x
Uso correcto del espacio visual de la escena x
El texto de la escena se lee sin dificultad x
CRITERIOS DEL "ENTENDIBILIDAD Y FACILIDAD EN LA CUMPLE NO CUMPLE RECOMENDACIONES
Lenguaje amigable, familiar y cercano x
Metáforas visuales reconocibles y comprensibles por cualquier x
Si se usan menús desplegables, orden coherente o alfabético x
Si el usuario tiene que rellenar un campo, las opciones disponibles x

CRITERIOS DEL "CONTROL Y RETROALIMENTACIÓN": CUMPLE NO CUMPLE RECOMENDACIONES

El usuario tiene todo el control sobre la interfaz x
Si existen tareas de varios pasos, se indica al usuario en cual está y
cuantos faltan para
Existen sistemas decompletar
validaciónlaantes
tareade que el usuario envíe x
información para tratar de evitar errores x

Cuando se produce un error, se informa de forma clara y no alarmista x

al usuario de lo ocurrido y de cómo solucionar el problema no es posible identificar los errores puesto que no se puede acceder al sitio de preguntas

CRITERIOS DEL "ELEMENTOS MULTIMEDIA": CUMPLE NO CUMPLE RECOMENDACIONES

Fotografías comprensibles con buena resolución x
El uso de imágenes o animaciones proporciona algún tipo de valor x
añadido
CRITERIOS DE "BÚSQUEDA": CUMPLE NO CUMPLE RECOMENDACIONES

La búsqueda, si es necesaria, se encuentra accesible desde todas las

páginas del sitio x
La caja de texto es lo suficientemente ancha x
Asiste al usuario en caso de no poder ofrecer resultados para una
consulta dada x

CRITERIOS DEL "AYUDA": CUMPLE NO CUMPLE RECOMENDACIONES

El enlace a la sección de Ayuda está colocado en una zona visible y x

estándar No existe un boto que indique eso
Fácil acceso y retorno al/del sistema de ayuda x
DATOS GENERALES DEL TEST
Evaluador Deisy Blanco
Fecha de evaluación 01 de Diciembre
Nombre del sitio evaluado T`store
Tipo de sitio evaluado

OBJETIVOS
1. Cuantificar e identificar el diseño y funcionalidad del juego ciudadela Juridica con el fin de lograr
una mejora de usabilidad del sitio.

2. Determinar la relación entre usabilidad y accesibilidad .

TEST DE USUARIO
Instrucciones del Test: Marcar con una ( X ) en la casilla CUMPLE o NO CUMPLE , en caso de NO CUMPLIR , escribir una breve recomendación.

CRITERIOS HEURÍSTICOS GENERALES CUMPLE NO CUMPLE RECOMENDACIONES IMAGEN

Objetivos del sitio son concretos y bien definidos x

Contenidos y servicios ofrecidos precisos y completos x
Estructura general del recurso orientada al usuario x
Look & Feel general se corresponde con los objetivos servicios del x
Diseño general del sitio es reconocible y se comprende x
Se utiliza el idioma del usuario ? x
Se da soporte a otro/s idioma/s ? x No aparece soporte de otros idiomas

CRITERIOS DEL "IDENTIDAD E INFORMACIÓN": CUMPLE NO CUMPLE RECOMENDACIONES

Identidad o logotipo significativo, identificable y suficientemente x
Identidad del sitio en todas las páginas x
Se ofrece información sobre el sitio, un espacio introductorio. x
Existen mecanismos de contacto en caso de necesitar ayuda x

CRITERIOS DEL "ESTRUCTURA Y NAVEGACIÓN": CUMPLE NO CUMPLE RECOMENDACIONES

Estructura de organización y navegación adecuada x
Organización de elementos x
Control del número de elementos y de términos por elemento en los
x
menús de navegación
Enlaces fácilmente reconocibles como tales x
En las imágenes de enlace se indica el contenido al que se va a x
Existe un enlace para volver al inicio en cada página x

Existen elementos de navegación que orienten al usuario acerca de x

dónde está y cómo deshacer su navegación (ej: migas)

CRITERIOS DEL "LAYOUT DE LA PÁGINA": CUMPLE NO CUMPLE RECOMENDACIONES

Se ha evitado la sobrecarga informativa x En algunas partes se recomienda dividir el texto por columnas, y existe muchas opciones en una pagina
Es una interfaz limpia, sin ruido visual x
Existen zonas en blanco entre los objetos informativos de la página x
Uso correcto del espacio visual de la escena x
El texto de la escena se lee sin dificultad x
CRITERIOS DEL "ENTENDIBILIDAD Y FACILIDAD EN LA CUMPLE NO CUMPLE RECOMENDACIONES
Lenguaje amigable, familiar y cercano x
Metáforas visuales reconocibles y comprensibles por cualquier x
Si se usan menús desplegables, orden coherente o alfabético x solo aparece uno en las seccion (opciones de accesibilidad) y no esta ordenado alfabeticamente
Si el usuario tiene que rellenar un campo, las opciones disponibles x

CRITERIOS DEL "CONTROL Y RETROALIMENTACIÓN": CUMPLE NO CUMPLE RECOMENDACIONES

El usuario tiene todo el control sobre la interfaz x
Si existen tareas de varios pasos, se indica al usuario en cual está y
cuantos faltan para
Existen sistemas decompletar
validaciónlaantes
tareade que el usuario envíe x
información para tratar de evitar errores x

Cuando se produce un error, se informa de forma clara y no alarmista x

al usuario de lo ocurrido y de cómo solucionar el problema no es posible identificar los errores puesto que no se puede acceder al sitio de preguntas

CRITERIOS DEL "ELEMENTOS MULTIMEDIA": CUMPLE NO CUMPLE RECOMENDACIONES

Fotografías comprensibles con buena resolución x
El uso de imágenes o animaciones proporciona algún tipo de valor x
añadido
CRITERIOS DE "BÚSQUEDA": CUMPLE NO CUMPLE RECOMENDACIONES

La búsqueda, si es necesaria, se encuentra accesible desde todas las

páginas del sitio x
La caja de texto es lo suficientemente ancha x
Asiste al usuario en caso de no poder ofrecer resultados para una
consulta dada x

CRITERIOS DEL "AYUDA": CUMPLE NO CUMPLE RECOMENDACIONES

El enlace a la sección de Ayuda está colocado en una zona visible y x

estándar No existe un boto que indique eso
Fácil acceso y retorno al/del sistema de ayuda x
DATOS GENERALES DEL TEST
Evaluador Ana Maria Sanchez
Fecha de evaluación 29 de Noviembre
Nombre del sitio evaluado T`store
Tipo de sitio evaluado

OBJETIVOS
1. Cuantificar e identificar el diseño y funcionalidad del juego ciudadela Juridica con el fin de lograr
una mejora de usabilidad del sitio.

2. Determinar la relación entre usabilidad y accesibilidad .

TEST DE USUARIO
Instrucciones del Test: Marcar con una ( X ) en la casilla CUMPLE o NO CUMPLE , en caso de NO CUMPLIR , escribir una breve recomendación.

CRITERIOS HEURÍSTICOS GENERALES CUMPLE NO CUMPLE RECOMENDACIONES IMAGEN

Objetivos del sitio son concretos y bien definidos x

Contenidos y servicios ofrecidos precisos y completos x
Estructura general del recurso orientada al usuario x
Look & Feel general se corresponde con los objetivos servicios del x
Diseño general del sitio es reconocible y se comprende x
Se utiliza el idioma del usuario ? x
Se da soporte a otro/s idioma/s ? x No aparece soporte de otros idiomas

CRITERIOS DEL "IDENTIDAD E INFORMACIÓN": CUMPLE NO CUMPLE RECOMENDACIONES

Identidad o logotipo significativo, identificable y suficientemente x
Identidad del sitio en todas las páginas x
Se ofrece información sobre el sitio, un espacio introductorio. x
Existen mecanismos de contacto en caso de necesitar ayuda x

CRITERIOS DEL "ESTRUCTURA Y NAVEGACIÓN": CUMPLE NO CUMPLE RECOMENDACIONES

Estructura de organización y navegación adecuada x
Organización de elementos x
Control del número de elementos y de términos por elemento en los
x
menús de navegación
Enlaces fácilmente reconocibles como tales x
En las imágenes de enlace se indica el contenido al que se va a x
Existe un enlace para volver al inicio en cada página x

Existen elementos de navegación que orienten al usuario acerca de x

dónde está y cómo deshacer su navegación (ej: migas)

CRITERIOS DEL "LAYOUT DE LA PÁGINA": CUMPLE NO CUMPLE RECOMENDACIONES

Se ha evitado la sobrecarga informativa x

Es una interfaz limpia, sin ruido visual x
Existen zonas en blanco entre los objetos informativos de la página x
Uso correcto del espacio visual de la escena x
El texto de la escena se lee sin dificultad x
CRITERIOS DEL "ENTENDIBILIDAD Y FACILIDAD EN LA CUMPLE NO CUMPLE RECOMENDACIONES
Lenguaje amigable, familiar y cercano x
Metáforas visuales reconocibles y comprensibles por cualquier x
Si se usan menús desplegables, orden coherente o alfabético x
Si el usuario tiene que rellenar un campo, las opciones disponibles x

CRITERIOS DEL "CONTROL Y RETROALIMENTACIÓN": CUMPLE NO CUMPLE RECOMENDACIONES

El usuario tiene todo el control sobre la interfaz x
Si existen tareas de varios pasos, se indica al usuario en cual está y
cuantos faltan para
Existen sistemas decompletar
validaciónlaantes
tareade que el usuario envíe x
información para tratar de evitar errores x

Cuando se produce un error, se informa de forma clara y no alarmista

al usuario de lo ocurrido y de cómo solucionar el problema x

CRITERIOS DEL "ELEMENTOS MULTIMEDIA": CUMPLE NO CUMPLE RECOMENDACIONES

Fotografías comprensibles con buena resolución x
El uso de imágenes o animaciones proporciona algún tipo de valor x
añadido
CRITERIOS DE "BÚSQUEDA": CUMPLE NO CUMPLE RECOMENDACIONES

La búsqueda, si es necesaria, se encuentra accesible desde todas las

páginas del sitio x
La caja de texto es lo suficientemente ancha x
Asiste al usuario en caso de no poder ofrecer resultados para una
consulta dada x

CRITERIOS DEL "AYUDA": CUMPLE NO CUMPLE RECOMENDACIONES

El enlace a la sección de Ayuda está colocado en una zona visible y x

estándar No existe un boto que indique eso
Fácil acceso y retorno al/del sistema de ayuda x
DATOS GENERALES DEL TEST
Evaluador Santiago Rodriguez
Fecha de evaluación 03 de Diciembre
Nombre del sitio evaluado T`store
Tipo de sitio evaluado

OBJETIVOS
1. Cuantificar e identificar el diseño y funcionalidad del juego ciudadela Juridica con el fin de lograr
una mejora de usabilidad del sitio.

2. Determinar la relación entre usabilidad y accesibilidad .

TEST DE USUARIO
Instrucciones del Test: Marcar con una ( X ) en la casilla CUMPLE o NO CUMPLE , en caso de NO CUMPLIR , escribir una breve recomendación.

CRITERIOS HEURÍSTICOS GENERALES CUMPLE NO CUMPLE RECOMENDACIONES IMAGEN

Objetivos del sitio son concretos y bien definidos x

Contenidos y servicios ofrecidos precisos y completos x
Estructura general del recurso orientada al usuario x
Look & Feel general se corresponde con los objetivos servicios del x
Diseño general del sitio es reconocible y se comprende x
Se utiliza el idioma del usuario ? x
Se da soporte a otro/s idioma/s ? x No aparece soporte de otros idiomas

CRITERIOS DEL "IDENTIDAD E INFORMACIÓN": CUMPLE NO CUMPLE RECOMENDACIONES

Identidad o logotipo significativo, identificable y suficientemente x

Identidad del sitio en todas las páginas x
Se ofrece información sobre el sitio, un espacio introductorio. x
Existen mecanismos de contacto en caso de necesitar ayuda x

CRITERIOS DEL "ESTRUCTURA Y NAVEGACIÓN": CUMPLE NO CUMPLE RECOMENDACIONES

Estructura de organización y navegación adecuada x
Organización de elementos x
Control del número de elementos y de términos por elemento en los
x
menús de navegación
Enlaces fácilmente reconocibles como tales x
En las imágenes de enlace se indica el contenido al que se va a x
Existe un enlace para volver al inicio en cada página x

Existen elementos de navegación que orienten al usuario acerca de x

dónde está y cómo deshacer su navegación (ej: migas)

CRITERIOS DEL "LAYOUT DE LA PÁGINA": CUMPLE NO CUMPLE RECOMENDACIONES

Se ha evitado la sobrecarga informativa x

Es una interfaz limpia, sin ruido visual x
Existen zonas en blanco entre los objetos informativos de la página x
Uso correcto del espacio visual de la escena x
El texto de la escena se lee sin dificultad x
CRITERIOS DEL "ENTENDIBILIDAD Y FACILIDAD EN LA CUMPLE NO CUMPLE RECOMENDACIONES
Lenguaje amigable, familiar y cercano x
Metáforas visuales reconocibles y comprensibles por cualquier x
Si se usan menús desplegables, orden coherente o alfabético x
Si el usuario tiene que rellenar un campo, las opciones disponibles x

CRITERIOS DEL "CONTROL Y RETROALIMENTACIÓN": CUMPLE NO CUMPLE RECOMENDACIONES

El usuario tiene todo el control sobre la interfaz x
Si existen tareas de varios pasos, se indica al usuario en cual está y
cuantos faltan para
Existen sistemas decompletar
validaciónlaantes
tareade que el usuario envíe x
información para tratar de evitar errores x

Cuando se produce un error, se informa de forma clara y no alarmista x

al usuario de lo ocurrido y de cómo solucionar el problema no es posible identificar los errores puesto que no se puede acceder al sitio de preguntas

CRITERIOS DEL "ELEMENTOS MULTIMEDIA": CUMPLE NO CUMPLE RECOMENDACIONES

Fotografías comprensibles con buena resolución x
El uso de imágenes o animaciones proporciona algún tipo de valor x
añadido
CRITERIOS DE "BÚSQUEDA": CUMPLE NO CUMPLE RECOMENDACIONES

La búsqueda, si es necesaria, se encuentra accesible desde todas las

páginas del sitio x
La caja de texto es lo suficientemente ancha x
Asiste al usuario en caso de no poder ofrecer resultados para una
consulta dada x

CRITERIOS DEL "AYUDA": CUMPLE NO CUMPLE RECOMENDACIONES

El enlace a la sección de Ayuda está colocado en una zona visible y x

estándar No existe un boto que indique eso
Fácil acceso y retorno al/del sistema de ayuda x
DATOS GENERALES DEL TEST
Evaluador Lahubrin castro
Fecha de evaluación 01 de Diciembre
Nombre del sitio evaluado T`store
Tipo de sitio evaluado

OBJETIVOS
1. Cuantificar e identificar el diseño y funcionalidad del juego ciudadela Juridica con el fin de lograr
una mejora de usabilidad del sitio.

2. Determinar la relación entre usabilidad y accesibilidad .

TEST DE USUARIO
Instrucciones del Test: Marcar con una ( X ) en la casilla CUMPLE o NO CUMPLE , en caso de NO CUMPLIR , escribir una breve recomendación.

CRITERIOS HEURÍSTICOS GENERALES CUMPLE NO CUMPLE RECOMENDACIONES IMAGEN

Objetivos del sitio son concretos y bien definidos x

Contenidos y servicios ofrecidos precisos y completos x
Estructura general del recurso orientada al usuario x
Look & Feel general se corresponde con los objetivos servicios del x
Diseño general del sitio es reconocible y se comprende x
Se utiliza el idioma del usuario ? x
Se da soporte a otro/s idioma/s ? x No aparece soporte de otros idiomas

CRITERIOS DEL "IDENTIDAD E INFORMACIÓN": CUMPLE NO CUMPLE RECOMENDACIONES

Identidad o logotipo significativo, identificable y suficientemente x
Identidad del sitio en todas las páginas x
Se ofrece información sobre el sitio, un espacio introductorio. x
Existen mecanismos de contacto en caso de necesitar ayuda x

CRITERIOS DEL "ESTRUCTURA Y NAVEGACIÓN": CUMPLE NO CUMPLE RECOMENDACIONES

Estructura de organización y navegación adecuada x
Organización de elementos x
Control del número de elementos y de términos por elemento en los
x
menús de navegación
Enlaces fácilmente reconocibles como tales x
En las imágenes de enlace se indica el contenido al que se va a x
Existe un enlace para volver al inicio en cada página x

Existen elementos de navegación que orienten al usuario acerca de x

dónde está y cómo deshacer su navegación (ej: migas)

CRITERIOS DEL "LAYOUT DE LA PÁGINA": CUMPLE NO CUMPLE RECOMENDACIONES

Se ha evitado la sobrecarga informativa x En algunas partes se recomienda dividir el texto por columnas, y existe muchas opciones en una pagina
Es una interfaz limpia, sin ruido visual x
Existen zonas en blanco entre los objetos informativos de la página x
Uso correcto del espacio visual de la escena x
El texto de la escena se lee sin dificultad x
CRITERIOS DEL "ENTENDIBILIDAD Y FACILIDAD EN LA CUMPLE NO CUMPLE RECOMENDACIONES
Lenguaje amigable, familiar y cercano x
Metáforas visuales reconocibles y comprensibles por cualquier x
Si se usan menús desplegables, orden coherente o alfabético x solo aparece uno en las seccion (opciones de accesibilidad) y no esta ordenado alfabeticamente
Si el usuario tiene que rellenar un campo, las opciones disponibles x

CRITERIOS DEL "CONTROL Y RETROALIMENTACIÓN": CUMPLE NO CUMPLE RECOMENDACIONES

El usuario tiene todo el control sobre la interfaz x
Si existen tareas de varios pasos, se indica al usuario en cual está y
cuantos faltan para
Existen sistemas decompletar
validaciónlaantes
tareade que el usuario envíe x
información para tratar de evitar errores x

Cuando se produce un error, se informa de forma clara y no alarmista x

al usuario de lo ocurrido y de cómo solucionar el problema no es posible identificar los errores puesto que no se puede acceder al sitio de preguntas

CRITERIOS DEL "ELEMENTOS MULTIMEDIA": CUMPLE NO CUMPLE RECOMENDACIONES

Fotografías comprensibles con buena resolución x
El uso de imágenes o animaciones proporciona algún tipo de valor x
añadido
CRITERIOS DE "BÚSQUEDA": CUMPLE NO CUMPLE RECOMENDACIONES

La búsqueda, si es necesaria, se encuentra accesible desde todas las

páginas del sitio x
La caja de texto es lo suficientemente ancha x
Asiste al usuario en caso de no poder ofrecer resultados para una
consulta dada x

CRITERIOS DEL "AYUDA": CUMPLE NO CUMPLE RECOMENDACIONES

El enlace a la sección de Ayuda está colocado en una zona visible y x

estándar No existe un boto que indique eso
Fácil acceso y retorno al/del sistema de ayuda x
 Según los resultados obtenidos en los diferentes test de

usuarios realizamos a diferentes personas, se pueden deducir que

existen algunos errores y fallas por mejorar para obtener un sitio web

en optimas condiciones entre estos están: El cambio de idioma para

los diferentes países que pueden llegar a interactuar con el sitio web,

algunas fallas en temas de organización estructural de sitio web para

mejor navegación durante la interacción del usuario, falta de botón

de ayuda al usuario que presenta dificultades con la navegación del

sitio y con las diferentes funciones que se presentan o que tiene

como propósito la creación de este sitio web y una de los últimos

aspectos a mejorar es una sección de preguntas o de accesibilidad

para la resolución de inquietudes por parte de los usuario.

Todas estas fallas y errores nos permiten a nosotros como

creadores entender y comprender manera más directa las

necesidades de nuestros usuarios y clientes quienes son los

directamente afectados si nuestro sitio web presenta alguna falla

considerable.
 CONCLUSIÓN.

Tras el desarrollo y estudio del diseño interactivo, propiedades,

características, componentes importantes, factores fundamentales a

tener en cuenta durante los procesos de desarrollo, creación y

construcción de proyectos multimediales, se puede concluir que los

procesos de creación y estructuración requieren de un tiempo de

dedicación importante para establecer los diferentes factores y

componentes esenciales para un buen desarrollo y funcionamiento

tanto del prototipado como de la estructuración y producto final.

Es importante iniciar escribiendo, planteado ideas, visualizando

el producto, estableciendo misiones y visiones con el propósito de

lograr los resultados esperados, una vez planteadas las ideas

principales, se establecen las rutas de construcción del producto,

realizar pruebas y análisis y realizar ajustes, cambios y demás

aspectos necesarios para conseguir el resultado esperado.

 REFERECIAS BIBLIOGRAFICAS

Díaz, J., & Amadeo, a. p. (2013). Guía de recomendaciones para diseño de

software centrado en el usuario (Páginas 21 -29).

http://sedici.unlp.edu.ar/handle/10915/32172

Francesco Sapio. (2015). Unity UI Cookbook. Packt Publishing.

https://bibliotecavirtual.unad.edu.co/login?url=https://search.ebscoh

ost.com/login.aspx?direct=true&db=e000xww&AN=1134530&lang=e

s%2ces&site=eds-live&scope=site

McDaniel, R., & Telep, P. (2021). Game Design Tactics for Teaching

Technical

Communication in Online Courses. Journal of Technical Writing &

Communication, 51(1), 70–92. https://journals-sagepub-

com.bibliotecavirtual.unad.edu.co/doi/10.1177/0047281620977163

Reina, J. (2022). Pruebas de usuario.

[Objeto_virtual_de_Informacion_OVI]. Repositorio Institucional

UNAD. https://repository.unad.edu.co/handle/10596/49592.

Saza, Ilber, D. (2019). Experiencia de usuario (ux) e interfaz de usuario

(iu). [Objeto_virtual_de_Informacion_OVI].

https://repository.unad.edu.co/handle/10596/28459

Thornsby, J. (2016). Android UI Design. Packt Publishing.

hhttps://bibliotecavirtual.unad.edu.co/login?url=https://search.ebscohost.c

om/login.aspx?direct=true&db=e000xww&AN=1242581&lang=es%2c

es&site=eds-live&scope=site

Saza, I. (2019). OVA-Diseño interactivo.

https://repository.unad.edu.co/handle/10596/31556

Santos, D. J. (2023). Introducción al Diseño

Interactivo. [Objeto_virtual_de_aprendizaje_OVA]. Repositorio

Institucional UNAD.

https://repository.unad.edu.co/handle/10596/56844

Saza, I. (2019). Diseño interactivo. [Objeto_virtual_de_aprendizaje_OVA].

Repositorio Institucional UNAD.

https://repository.unad.edu.co/handle/10596/31556ç

Díaz, J., & Amadeo, A. P. (2013). Guía de recomendaciones para diseño de

software centrado en el usuario (Páginas 38 - 58).

http://sedici.unlp.edu.ar/handle/10915/32172

Reina, J. (2022). Diseño de Metáforas para interfaz de usuario.

[Objeto_virtual_de_Informacion_OVI]. Repositorio Institucional

UNAD. https://repository.unad.edu.co/handle/10596/49597

Qué es el guión multimedia. (2016, octubre 3). Conocimientos - La divisa

del nuevo milenio. https://conocimientosweb.net/portal/que-es-el-

guion-multimedia.html

Funcionalidades de una tienda online. (s/f). Uclm.Es. Recuperado el 30 de

agosto de 2023, de

https://www.esi.uclm.es/www/jjcastro/coe/funcionalidades.html
Monkey Market. (s/f). Boton_5-7 Años - Monkey Market.

Monkeymarket.com. Recuperado el 30 de agosto de 2023, de

https://www.monkeymarket.com/3316?map=productClusterIds

Hasbro Store Colombia. (s/f). Hasbrostore.co. Recuperado el 30 de agosto

de 2023, de

https://www.hasbrostore.co/?gclid=Cj0KCQjw0bunBhD9ARIsAAZl0E3

3k6x6-

xNhh5eN7KNAPbeGgPdpQ052ZryQlLlVCCaewMhdE7_bJc4aAjijEALw_

wcB

Díaz, J., & Amadeo, A. P. (2013). Guía de recomendaciones para diseño de

software centrado en el usuario (Páginas 38 - 58).

http://sedici.unlp.edu.ar/handle/10915/32172

Ripalda, D., Garido, A., & Guevara, C. (2018). Framework Gestalt en el

diseño de interfaces para dispositivos móviles: Planteamiento teórico.

(Spanish). CISTI (Iberian Conference on Information Systems &

Technologies, pp 1–

4.https://bibliotecavirtual.unad.edu.co/login?url=https://search.ebsc

ohost.com/login.aspx?direct=true&db=aci&AN=134951302&lang=es

&site=eds-live&scope=site

Reina, J. (2022). Diseño de Metáforas para interfaz de usuario.

[Objeto_virtual_de_Informacion_OVI]. Repositorio Institucional

UNAD. https://repository.unad.edu.co/handle/10596/49597.

Saza, Ilber, D. (2019). ¿Qué es diseño Interactivo?

[Objeto_virtual_de_Informacion_OVI].

https://repository.unad.edu.co/handle/10596/30217
Santos, D. J. (2023). Introducción al Diseño Interactivo.

[Objeto_virtual_de_aprendizaje_OVA]. Repositorio Institucional

UNAD. https://repository.unad.edu.co/handle/10596/56844

Saza, I. (2019). Diseño interactivo. [Objeto_virtual_de_aprendizaje_OVA].

Repositorio Institucional UNAD.

https://repository.unad.edu.co/handle/10596/31556

Funcionalidades de una tienda online. (s/f). Uclm.Es. Recuperado el 30 de

agosto de 2023, de

https://www.esi.uclm.es/www/jjcastro/coe/funcionalidades.html