mgea · benipr14 · Mar 21, 2024 · Mar 21, 2024 · Mar 21, 2024 · Mar 21, 2024
diff --git a/P1/P1-2b User Research Plan Template.docx → P1/1.UserResearch/UserResearch.docx b/P1/P1-2b User Research Plan Template.docx → P1/1.UserResearch/UserResearch.docx
diff --git a/P1/2.CompetitiveAnalysis/CompetitiveAnalysis.jpeg b/P1/2.CompetitiveAnalysis/CompetitiveAnalysis.jpeg
diff --git a/P1/3.Personas/Persona1.pdf b/P1/3.Personas/Persona1.pdf
diff --git a/P1/3.Personas/Persona2.png b/P1/3.Personas/Persona2.png
diff --git a/P1/4.JourneyMaps/JourneyMap-Persona1.png b/P1/4.JourneyMaps/JourneyMap-Persona1.png
diff --git a/P1/4.JourneyMaps/JourneyMap-Persona2.png b/P1/4.JourneyMaps/JourneyMap-Persona2.png
diff --git a/P1/5.UsabilityReview/Usability-review-template.pdf b/P1/5.UsabilityReview/Usability-review-template.pdf
diff --git a/P1/P1-2b User Research Plan Template.pdf b/P1/P1-2b User Research Plan Template.pdf
diff --git a/P1/README.md b/P1/README.md
@@ -2,11 +2,34 @@
 
 
 
-- User research - (plan) template 
-- Desk research: Análisis Competencia 
-- 2 Personas 
+- User research:
+    En el user research se busca recopilar informacíon mediante la observación en el campo para poder posteriormente aplicarla a nuestro proyecto. Esto lo hemos 
+    hecho mediante la observación y la experiencia que tenemos en el campo, además de la busqueda de la demografía habitual de este tipo de servicios y disntintos 
+    tipos de análisis.
+
+- Desk research: Análisis Competencia
+   En el analísis de competencia hemos comparado tres páginas: Granada Cooking, Pilsaeduca y Aptitü. El proposito de este analisis es comparar distintos apectos de
+   las páginas para no solo averiguar cual de ellas es mejor (en este caso Granada Cooking con 92 puntos) sino además descubrir las fortalezas de cada una para 
+   aplicarlas en nuestro proyecto, así como sus debilidades para poder evitarlas.
+
+- 2 Personas
+  Conclusión: Hemos creado a dos personas ficticias con contextos distintintos. El primero es Eulalio, un hombre de tercera edad que busca ganar independencia y   
+  quitar un peso de encima a su mujer, que ya está muy mayor para encargarse de los dos. La segunda es Mercedes, una viuda ama de casa que busca mejorar sus     
+  habilidades culinarias en sus ratos libres para deileitar a su familia. Ambos casos nos han ayudado a enfocar el proyecto desde el punto de vista de posibles     
+  usuarios,
+
 - 2 User Journey Map  ( 1 por persona)
-- Revisión de Usabilidad 
+  Este diagrama nos ha ayudado a enfocar el posible viaje que habrían tenido las personas ficticias por nuestro mapa, ayudandonos así a entender las necesidades que
+  podrían tener futuros usuarios y como solventarlas.
+  En el caso de Mercedes surgen problemas como el alcanzar a potenciales usuarios, la importancia de las opciones de filtrado y la facilitación del seguimiento de 
+  actividades
+  Por parte de Eulalio surge la preocupación por la indecisión de como empezar a aprender a cocinar a parte del posible desequilibrio en el bienestar económico de    la familia. Se deja aconsejar por su hijos para que se apunta y finalmente encuentra uno cerca de zona.
 
+- Revisión de Usabilidad:
+  Para la revisión de usabilidad hemos elegido GranadaCooking. Esta ha obtenido una puntuación de 79 puntos sobre 100 destacando en gran variedad de aspectos y 
+  quedándose corta en muy pocos. 
 
-(valoración y conclusiones de esta etapa)
+- Briefing:
+  Es una web muy intuitiva y manejable por lo que no se debería tener problema alguno navegando por ella. La web no es responsive, cuando haces la pantalla más 
+  pequeña desaparece el menú por lo que en móviles no funciona adecuadamente. El calendario tarda en cargar aunque las demás partes de la página si van rápdio, 
+  además tienen una gran variedad de cursos. Enseña fotos de como son sus cursos y, para nosotros es la mejor página que de todas las que hemos comparado.
diff --git a/P1/Usability-review-template-2.pdf b/P1/Usability-review-template-2.pdf
diff --git a/P1/Usability-review-template.xls b/P1/Usability-review-template.xls
diff --git a/P1/Usability-review-template.xlsx b/P1/Usability-review-template.xlsx
diff --git a/P2/Bocetos/Boceto1-Papel.jpg b/P2/Bocetos/Boceto1-Papel.jpg
diff --git a/P2/Bocetos/Boceto1.png b/P2/Bocetos/Boceto1.png
diff --git a/P2/Bocetos/Boceto2-Papel.jpg b/P2/Bocetos/Boceto2-Papel.jpg
diff --git a/P2/Bocetos/Boceto2.png b/P2/Bocetos/Boceto2.png
diff --git a/P2/Bocetos/CONCURSO.png b/P2/Bocetos/CONCURSO.png
diff --git a/P2/Bocetos/REGISTRARSE.png b/P2/Bocetos/REGISTRARSE.png
diff --git a/P2/Bocetos/concurso_papel.jpeg b/P2/Bocetos/concurso_papel.jpeg
diff --git a/P2/Bocetos/sesion_papel.jpeg b/P2/Bocetos/sesion_papel.jpeg
diff --git a/P2/Propuesta de valor/Propuesta de valor.jpeg b/P2/Propuesta de valor/Propuesta de valor.jpeg
diff --git a/P2/README.md b/P2/README.md
@@ -1,29 +1,25 @@
 ## DIU - Practica2, entregables
 
-### Ideación 
-* Malla receptora de información 
-* Mapa de empatía
-* Point of View 
+### [Ideación](https://github.com/benipr14/DIU.Los_Humildes/tree/master/P2/empathy%20customer)
+  Para este punto hemos creado un empathy map sobre nuestras 2 personas fictias de la práctica 1. Hay una leyenda indicando qué dice cada uno.
 
 
-### PROPUESTA DE VALOR
-* ScopeCanvas
+### [PROPUESTA DE VALOR](https://github.com/benipr14/DIU.Los_Humildes/tree/master/P2/Propuesta%20de%20valor)
+  En la propuesta de valor hemos establecido nuestras propuestas a corto y largo plazo, las acciones que vamos a llevar a cabo para conseguir nuestros objetivos y las métricas que usaremos para evaluar el éxito que hemos tenido en conseguirlos.
 
 
-### TASK ANALYSIS
+### [TASK ANALYSIS](https://github.com/benipr14/DIU.Los_Humildes/tree/master/P2/Task%20Analysis)
+  Hemos analizado la frecuencia de uso de varias funciones de nuestra página, la más importantes resaltadas en otro color, entre los usuarios registrados y no registrados.
+  En el user flow design hemos diseñado un esquema simple que explicaría el funcionamiento de las funciones más importantes de nuestra página y como llevarlas a cabo.
 
-* User Task Matrix 
-* User/Task flow
 
+### [ARQUITECTURA DE INFORMACIÓN](https://github.com/benipr14/DIU.Los_Humildes/tree/master/P2/Sitemap%20y%20labelling)
+  Hemos realizado un diseño sobre el menú de nuestra página con una jerarquía de submenús para explicar su estructura general.
+  En el labelling se lleva a cabo una breve descripción de cada uno de estos.
 
-### ARQUITECTURA DE INFORMACIÓN
-
-* Sitemap 
-* Labelling 
-
-
-### Prototipo Lo-FI Wireframe 
 
+### [Prototipo Lo-FI Wireframe](https://github.com/benipr14/DIU.Los_Humildes/tree/master/P2/Bocetos)
+  Hemos realizado 4 bocetos que representan las funciones que más interactúan los usuarios que pretende mostrar su visualización en la página.
 
 ### Conclusiones  
-(incluye valoración de esta etapa)
+  Con esta práctica nos hemos centrado en establecer objetivos y metas para la especificación futura de una página web, además hemos llevado a cabo un diseño general de como se organizarían nuestros menús y submenús de una forma gráfica y visual
diff --git a/P2/Sitemap y labelling/SiteMap.jpeg b/P2/Sitemap y labelling/SiteMap.jpeg
diff --git a/P2/Sitemap y labelling/labelling.png b/P2/Sitemap y labelling/labelling.png
diff --git a/P2/Sitemap y labelling/labelling.xlsx b/P2/Sitemap y labelling/labelling.xlsx
diff --git a/P2/Task Analysis/Tasks.png b/P2/Task Analysis/Tasks.png
diff --git a/P2/Task Analysis/userFlow (Darse de baja de actividad).png b/P2/Task Analysis/userFlow (Darse de baja de actividad).png
diff --git a/P2/Task Analysis/userFlow (Registrarse en actividad).png b/P2/Task Analysis/userFlow (Registrarse en actividad).png
diff --git a/P2/Task Analysis/userFlow(Registrarse en la página).png b/P2/Task Analysis/userFlow(Registrarse en la página).png
diff --git a/P2/Task Analysis/userFlow(apuntarse a concurso).png b/P2/Task Analysis/userFlow(apuntarse a concurso).png
diff --git a/P2/empathy customer/Empathy Customer Map.png b/P2/empathy customer/Empathy Customer Map.png
diff --git a/P3/Guidelines_Utilizados/Guidelines_Utilizados.pdf b/P3/Guidelines_Utilizados/Guidelines_Utilizados.pdf
diff --git a/P3/LandingPage/LandingPage.png b/P3/LandingPage/LandingPage.png
diff --git a/P3/Layout+Simulacion/Calendario.jpeg b/P3/Layout+Simulacion/Calendario.jpeg
diff --git a/P3/Layout+Simulacion/Darse_de_baja_curso.jpeg b/P3/Layout+Simulacion/Darse_de_baja_curso.jpeg
diff --git a/P3/Layout+Simulacion/Iniciar_sesion.jpeg b/P3/Layout+Simulacion/Iniciar_sesion.jpeg
diff --git a/P3/Layout+Simulacion/Pagina_bienvenida.jpeg b/P3/Layout+Simulacion/Pagina_bienvenida.jpeg
diff --git a/P3/Layout+Simulacion/Registrarse.jpeg b/P3/Layout+Simulacion/Registrarse.jpeg
diff --git a/P3/Layout+Simulacion/Simulacion.webm b/P3/Layout+Simulacion/Simulacion.webm
diff --git a/P3/Layout+Simulacion/Vista_concurso.jpeg b/P3/Layout+Simulacion/Vista_concurso.jpeg
diff --git a/P3/Layout+Simulacion/Vista_curso.jpeg b/P3/Layout+Simulacion/Vista_curso.jpeg
diff --git a/P3/moodboard/moodboard.png b/P3/moodboard/moodboard.png
diff --git a/P3/readme.md b/P3/readme.md
@@ -1,16 +1,84 @@
 # DIU - Practica 3, entregables
 
-## Moodboard (diseño visual + logotipo)   
+## [Moodboard diseño visual + logotipo](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/moodboard/moodboard.png)  
 
+Para el moodboard hemos creado un tablón donde se muestra la esencia e inspiración de nuestra marca. Tiene 2 colores predominantes sobre los que se basan nuestros 2 logos. También se puede apreciar los distintos iconos utilizados en nuestra página, así como los distintos tipos de letra que en total hay 3. Por último se pueden ver varias imágenes inspiradoras que muestran el buen ambiente en nuestros talleres.
 
-## Landing Page
+[![Imagem MoodBoard](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/moodboard/moodboard.png)](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/moodboard/moodboard.png)
+
+
+## [Landing Page](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/LandingPage/LandingPage.png)
+
+En el landing page queremos presentar nuestro proyecto de una forma que resulte atractiva y cautivadora para el usuario. Para ello se pueden apreciar el uso de los colores principales en la página, así como los logos en la parte superior derecha para que el usuario se haga una idea de todo lo que puede hacer. También tenemos los logos en la esquina superior izquierda y un texto de bienvenida en la parte de abajo. Por último tenemos 2 botones de descarga que hace intuir que se trata de una aplicación móvil.
+
+
+[![Imagem MoodBoard](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/LandingPage/LandingPage.png)](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/LandingPage/LandingPage.png)
+
+## [Guidelines](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/Guidelines_Utilizados/Guidelines_Utilizados.pdf)
+
+Los patrones usados en el diseño de la aplicación hasn sido los siguientes:
+
+Onboarding: Paǵina principal que ve un usuario al entrar a nuestra página
+
+Menu(Adaptada a móvil): Menú superior para navegar por las páginas de nuestra app móvil.
+
+Carousel: Carosusel pada mostrar varias imagenes de u concurso o las actividades más populares.
+
+Search: Barra de búsqueda para buscar una actividad por una palabra clave.
+
+Card items: Para representar los cursos y su informacion.
+
+Item details: Cada curso tiene un nombre, descrpción de lo que se va a hacer en el y el cocinero que la imparte.
+
+Reserva: Para inscribirse a un curso.
+
+Form Input: Formulario para inscribirse en un curso o cancurso.
+
+About: Una pequeña descrpción de nuestro equipo y los servicios qe ofrecemos.
+
+Como patron extra hemos añadido el siguiente: -Event Calendar para poder buscar una actividad por una fceha o simplementa ver en un dia seleccionado que actividades hay disponibles para poder apuntarse uno.
+
+Este sería nuestro diseño:
 
 
 ## Mockup: LAYOUT HI-FI
 
+Los layouts que hemos hecho son lo siguientes: 
+
+Página de beinvenida:
+
+[![Imagem MoodBoard](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/Layout%2BSimulacion/Pagina_bienvenida.jpeg)](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/Layout%2BSimulacion/Pagina_bienvenida.jpeg)
+
+Registrarse:
+
+[![Imagem MoodBoard](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/Layout%2BSimulacion/Registrarse.jpeg)](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/Layout%2BSimulacion/Registrarse.jpeg)
+
+Iniciar sesión:
+
+[![Imagem MoodBoard](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/Layout%2BSimulacion/Iniciar_sesion.jpeg)](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/Layout%2BSimulacion/Iniciar_sesion.jpeg)
+
+Vista curso:
+
+[![Imagem MoodBoard](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/Layout%2BSimulacion/Vista_curso.jpeg)](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/Layout%2BSimulacion/Vista_curso.jpeg)
+
+Darse de baja de curso:
+
+[![Imagem MoodBoard](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/Layout%2BSimulacion/Darse_de_baja_curso.jpeg)](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/Layout%2BSimulacion/Darse_de_baja_curso.jpeg)
+
+Vista concurso:
+
+[![Imagem MoodBoard](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/Layout%2BSimulacion/Vista_concurso.jpeg)](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/Layout%2BSimulacion/Vista_concurso.jpeg)
+
+Calendario:
+
+[![Imagem MoodBoard](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/Layout%2BSimulacion/Calendario.jpeg)](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/Layout%2BSimulacion/Calendario.jpeg)
+
+Y su funcionamiento seria asi:
+[Video funcionamiento](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P3/Layout%2BSimulacion/Simulacion.webm)
 
 ## Documentación: Publicación del Case Study
 
 
 (incluye) Valoración del equipo sobre la realización de esta práctica o los problemas surgidos
-
+
+ En resumen le hemos podido dar forma a nuestra web y definir la forma de navegación por nuestra página aunque nos hemos encontrado con algunos problemas al hacer los layouts principalmente ya que era lo más complejo de esta práctica.
diff --git a/P4/Asignacion_ABtesting.pdf b/P4/Asignacion_ABtesting.pdf
diff --git a/P4/Cuestionario SUS DIU.xlsx b/P4/Cuestionario SUS DIU.xlsx
diff --git a/P4/CuestionariosSUS.png b/P4/CuestionariosSUS.png
diff --git a/P4/DIU_Toolkit_2021 - SUS.pdf b/P4/DIU_Toolkit_2021 - SUS.pdf
diff --git a/P4/DIU_report-template-usability-test23.docx b/P4/DIU_report-template-usability-test23.docx
diff --git a/P4/DIU_report-template-usability-test23.odt b/P4/DIU_report-template-usability-test23.odt
diff --git a/P4/DIU_report-template-usability-test23.pdf b/P4/DIU_report-template-usability-test23.pdf
diff --git a/P4/Eye Tracking.pdf b/P4/Eye Tracking.pdf
diff --git a/P4/UXCaseStudy-review.xls b/P4/UXCaseStudy-review.xls
diff --git a/P4/Usability Report.md b/P4/Usability Report.md
@@ -0,0 +1,118 @@
+# Usability Report
+
+
+
+<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRF017nhV-TFmNER2OM8UbXtdN6xwAKBYrv0i6onNfKu6Yn0BV0RK6aiOroeXl73LSY-B0&usqp=CAU" alt="usability Download png" style="zoom:50%;" />
+
+#### Evaluación de usabilidad del proyecto 
+
+### (GastroBuddies )
+
+### (3/06/2024)
+
+
+
+
+
+[![Imagem Logotipo](https://github.com/dduckduck/DIU_DosVocesUnCompas/blob/master/P3/mediaP3/logo.png)](https://github.com/dduckduck/DIU_DosVocesUnCompas/blob/master/P3/mediaP3/logo.png)
+
+[[Enlace a github]](https://github.com/dduckduck/DIU_DosVocesUnCompas)
+
+
+
+
+
+### Realizado por:
+
+Informe realizado por Equipo Los_Humildes.
+- Benigno Joaquín Parra Campos
+- Alejandra Gómez Soriano
+
+La experiencia ha sido satisfactoria pues hemos podido acceder a todos los archivos del otro equipo sin problema.
+
+
+
+## 1 DESCRIPCIÓN DEL WEBSITE
+
+ Esta es una app que pertenece a un club de cocina donde puedes resgistrate y apuntarte a sus cursos para aprender a cocinar y así conocer gente.
+
+
+
+## 2 RESUMEN EJECUTIVO
+Evaluación detallada de la usabilidad del sitio web "GastroBuddies" realizada por el equipo Los_Humildes.
+
+Los usuarios participantes han sido 4:
+- Olivia, una mujer de 54 años sin muchos conocimientos de navegación
+- Miguel, un hombre informático con amplia experiencia con ordenadores.
+- Manuel, un hombre mayor de 74 años que le cuesta adaptarse a la nuevas tecnologías.
+- Eva, una mujer de 33 años desempelada y sin muchas aspiraciones en la vida
+
+Las 2 primeras personas han evaluado el caso A y las otras 2 el caso B.
+
+Estas personas han encontrado dificultad para encontrar ciertas funcionalidades. Confusión en la navegación. Problemas de diseño ya que en la web esta a veces se superponen cosas.
+
+
+
+## 3 METODOLOGIA 
+
+#### Metodología de usabililidad
+
+Hemos seguido la metodología del uso del A/B testing que nos permite evaluar el rendimiento, la usabilidad y experiencia de los usuarios. 
+
+También hemos usado Eye Tracking para ver donde centra su atención principalmente el usuario en las distintas partes de la página.
+
+
+#### Test de usuarios: Participantes
+
+
+[![Imagem Usuarios](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P4/roleplay.png)](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P4/roleplay.png)
+
+También hemos hecho uso del cuestionario SUS:
+[![Cuestionario SUS](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P4/CuestionariosSUS.png)](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P4/CuestionariosSUS.png)
+
+
+Y por último hemos hecho uso del Eye Tracking:
+
+[EyeTracking](https://github.com/benipr14/DIU.Los_Humildes/blob/master/P4/Eye%20Tracking.pdf)
+
+
+#### Resultados obtenidos
+
+Los resultados del cuestionario SUS han sido de grado B, B, C, B respectivamente por lo que los usuarios deberían poder usar la aplicación sin mucho complicación aunque sí que pueden llegar a surgir algunos problemas.
+
+Los resultados obtenidos del eye tracking son que ninguno de los 2 usuarios ha tenido problema en encontrar las actividades. Sin enmbargo dentro de la página de la actividad ninguno se ha llegado a fijar del todo en el botón de apuntarse.
+
+La conclusión que se saca del eye tracking es que el botón de reservar una actividad debería ser más llamativo y no llamar la atención con una foto tan exhuberante.
+
+
+
+
+## 4 CONCLUSIONES 
+
+Aunque la idea y las funciones ofrecidas han sido buenas, se han identificado varias áreas que requieren mejoras.
+
+
+#### Incidencias
+
+Los usuarios pueden llegar a tener problemas en llegar a algunos botones algo escondidos como tus cursos reservados llamado 'Tus Buddies' y no poder desamputarse de ninguna actividad.
+
+
+#### Valoración 
+
+- El aspecto visual esta bien logrado y es agradable a la vista.
+- Los usuarios valoraron positivamente la idea de la web y las funciones ofrecidas, especialmente la posibilidad de conocer gente y participar en actividades.
+
+
+
+#### Recomendaciones y propuesta de mejoras: 
+
+- Añadir más pantallas que amplíen la funcionalidad de la web y ayuden a distribuir mejor la información.
+- Rediseñar la estructura de algunas paginas para hacerlas más completas.
+
+
+
+
+
+#### Valoración de la prueba de usabilidad (self-assesment)
+
+Las técnicas aplicadas fueron útiles para detectar errores ocultos y fallos de usabilidad. Las pruebas con usuarios reales nos diern información valiosa, y los resultados de SUS y eyetracking ofrecieron una visión clara de las áreas que necesitan mejoras.
diff --git a/P4/proyectos.md b/P4/proyectos.md