🌊🦈 Dataverse Chat 💬

Definición del Producto

¡Bienvenido a Shark Info!, te adentrarás en un mundo submarino lleno de diversión y conocimiento 🌊💬

Explora las aguas profundas mientras chateas con una variedad de especies de tiburones y descubre todo lo que tienen para ofrecer. 🦈🗨️

¡Prepárate para aprender sobre estas increíbles criaturas con información detallada y descriptiva disponible en la aplicación! 📚💡

Funcionalidades Principales

• Explora Tiburones: Descubre una amplia gama de tiburones con información detallada sobre ellos. 🦈🌊
• Interactúa: ¡Conéctate con tus tiburones favoritos! Utiliza nuestro sistema de chat integrado para enviarles mensajes y obtener respuestas personalizadas. 💬🌟

Tecnologías Utilizadas

• JavaScript: Principal lenguaje de programación. 🚀
• HTML y CSS: Fundamentales para la estructura y estilo de la interfaz de usuario. 🎨
• Fetch: API nativa de JavaScript que permite hacer solicitudes HTTP. Es una función global disponible en los navegadores modernos. 📡
• LocalStorage: Para almacenar la API KEY localmente de manera segura. 🔐
• OpenAI API: Utilizada para generar respuestas en el chat mediante inteligencia artificial. 🤖

Historias de Usuario

1. Como estudiante o aficionado de especies de tiburones, quiero poder visualizar una descripción detallada de cada especie, para conocer a grandes rasgos sus principales características. 🦈🔍

2. Como estudiante o aficionado de especies de tiburones, deseo poder entablar conversaciones personalizadas con una especie en particular, esperando respuestas específicas, para profundizar mi conocimiento sobre mi especie favorita y descubrir datos curiosos. 🗨️🔍

3. Como estudiante o aficionado de especies de tiburones, anhelo participar en chats grupales con hasta 24 especies distintas, donde cada tiburón pueda responder a mis preguntas identificándose, con el fin de explorar similitudes y diferencias entre las especies. 💬🦈

Prototipo de Baja Fidelidad

Prototipo de Alta Fidelidad

Problemas Detectados en Pruebas de Usabilidad

• Se observó que los usuarios solo podían enviar sus mensajes haciendo clic en el ícono de enviar, en lugar de poder hacerlo al presionar la tecla "Enter".
• Se identificó que los mensajes enviados por los usuarios se ubicaban en el lado izquierdo, mientras que las respuestas de OpenAI se mostraban en el lado derecho, lo cual generaba una inversión de la disposición esperada.
• Durante las pruebas de usabilidad en el chat grupal, se notó que para acceder al mensaje más reciente era necesario desplazarse hacia abajo, lo cual podría dificultar la experiencia de usuario.

¡Gracias por utilizar Shark Info! ¡Esperamos que disfrutes de la aplicación! 🚀🤖