/brainNet

https://yenifergalarza.github.io/lim-2018-05-bc-core-pm-socialnetwork/

Primary LanguageCSS

Creando una Red Social

Preámbulo

Instagram, Snapchat, Twitter, Facebook, Twitch, Linkedin, etc. Las redes sociales han invadido nuestras vidas. Las amamos u odiamos, y muchxs no podemos vivir sin ellas.

Hay redes sociales de todo tipo y para todo tipo de intereses. Por ejemplo, en una ronda de financiamiento con inversionistas, se presentó una red social para químicos en la que los usuarios podían publicar artículos sobre sus investigaciones, comentar en los artículos de sus colegas, y filtrar artículos de acuerdo a determinadas etiquetas o su popularidad, lo más reciente, o lo más comentado.

Introducción

La actual sociedad fue afectada por el uso de redes sociales, volviéndola así una sociedad globalizada , con muchísimo más acceso a recursos informativos y/o virtuales de toda clase en donde la educación , que es un pilar fundamental juega un papel importantísimo en el desarrollo de esta. Así que tiene que adaptarse .entonces debería dar roles más activos a los estudiantes respecto a su aprendizaje y a los profesores docentes respecto al alcance de su enseñanza. Así que esta problemática que en realidad es un nuevo recurso donde la accesibilidad y flexibilidad deben ser clave. Por ello indistintamente de donde se ubique cualquier interesado en aprender tengan un "espacio" virtual donde intercambiar conocimientos De esta manera logramos establecer un objetivo claro ,aumentar la flexibilidad y accesibilidad a nuestra red social educativa .además mediante el uso de encuestas ubicamos el perfil de nuestro usuario objetivo (jóvenes entre 19-25 años que hace uso de las redes sociales en un periodo de 5 a 10 años que está satisfecho con las redes sociales en general ) y en la segunda encuesta que es para ubicar los temas y rumbo que tomara la página web , ganando por mayoría tecnología ,donde está valorado las publicaciones de texto y de igual modo publicar post es la actividad más valorada ,seguida de tener contactos y sea dirigida para un público en general.

Objetivos

Objetivo general

  • Comprender, desde un punto de vista pedagógico y didáctico, la importancia que tiene el uso de las redes sociales en la Educación.

Objetivos específicos:

  • Reconocer los diferentes aportes teóricos y metodológicos que se han construido en torno a las redes sociales aplicadas a la educación.
  • Identificar las potencialidades educativas que tienen las redes sociales para la enseñanza y el aprendizaje de las diferentes áreas de conocimiento.
  • Diseñar propuestas de enseñanza y aprendizaje encaminadas hacia el uso de las redes sociales en la educación básica y media.

User research

Desarrollo del producto

EL PROCESO DE DISEÑO

El proceso de diseño tiene 5 fases. Estas 5 fases nos permiten crear productos centrados en el usuario que nos aseguren que estamos satisfaciendo sus necesidades. Para ello empezamos entendiendo al usuario en la primera fase y lo seguimos involucrando a lo largo del proceso para ir validando nuestras propuestas.

DESCUBRIMIENTO E INVESTIGACIÓN (RESEARCH)

(En esta fase es donde vamos a tener ese proceso de investigación y acercamiento con el usuario, es donde vamos a obtener el conocimiento para poder saber a quién vamos a llegar, pero de manera más profunda. Es tener la empatía y el acercamiento necesario para conocerlo. También vamos a tener en cuenta al negocio, sus objetivos y los stakeholders(involucrados)).

Entrevistas y encuestas

Accede a la info de las encuestas y las entrevistas

SÍNTESIS Y DEFINICIÓN

En esta fase usamos los datos coleccionados en la fase de investigación y descubrimiento buscando tendencias e insights valiosos para el desarrollo del producto, y entendemos los deseos y necesidades del público al que estará dirigido nuestro producto.


¿Cuáles son los elementos básicos que tiene una red social?

La red social BRAINNET cuenta con los siguientes elementos:

  • Interacción entre personas.
  • Apoyo social en el ámbito educativo.
  • Establece lazos y/o vínculos entre usuarios.
  • Interconexión.

¿Quiénes son los principales usuarios de producto?

  • Docentes en busqueda de información en el ámbito educativo.
  • Docentes que deseen brindar información en el ámbito educativo.
  • Alumnos universitarios, técnicos y escolares en busqueda de información en el ámbito educativo.
  • Alumnos universitarios, técnicos y escolares que deseen brindar información en el ámbito educativo.
  • Público en general interesados por la educación.

¿Cómo descubriste las necesidades de los usuarios?

  • Se formularon preguntas para reconocer las necesidades del usuario en cuanto a una red social.
  • Se realizó una encuesta con las preguntas para conocer el tema de interés.
  • Se formularon preguntas para definir la marca y lo que brindaría la red social a gusto del usuario.
  • Se realizó una encuesta con las preguntas para definir la marca y lo que brindaría la red social a gusto del usuario.
  • Se realizaron entrevistas para saber la naturaleza del usuario y sus particularidades.

¿Qué problema resuelve el producto para estos usuarios?

  • Simplifica procesos de aprendizaje y distribución de datos
  • Reduce el tiempo de adquirir información y resolver dudas.

¿Cuáles son los objetivos de estos usuarios en relación con el producto?

  • El objetivo principal del usuario en cuanto al producto es aumentar su conocimiento en base a la información que podrá obtener a través de distintos temas que se verán reflejados gracias a la interacción social en el producto.

¿Cuáles son las principales funcionalidades del producto y cuál es su prioridad?

Principales funcionalidades:

Creación de cuenta (sign up)

  • Permite crear cuenta.
  • Valida email.
  • Valida password.
  • Muestra mensajes de error.

Inicio de sesión (sign in)

  • Permite iniciar sesión.
  • Valida email.
  • Valida password.
  • Muestra mensajes de error.

Muro (wall/feed)

  • Muestra muro.
  • Muestra tus posts y los posts que se encuentran públicos.
  • Permite publicar nuevos posts.
  • Permite eliminar posts.
  • Pide confirmación antes de borrar posts.
  • Permite editar posts (in place).
  • Permite publicar y filtrar posts por público/yo.
  • Permite dar like a los posts y llevar un conteo de ellos.

Perfil (profile)

  • Muestra tu perfil.
  • Muestra solo tus posts.
  • Permite publicar nuevos posts.
  • Permite eliminar posts.
  • Pide confirmación antes de borrar posts.
  • Permite editar posts (in place).
  • Permite publicar y filtrar posts por público/yo.
  • Permite dar like a los posts y llevar un conteo de ellos.

¿Cómo verificaste que el producto les está resolviendo sus problemas?

  • Testeo a través de entrevistas personales con distintos usuarios del público en general y observando como éste se desarrollaba en el aplicativo.

¿Cómo te asegurarás que estos usuarios usen este producto?

  • Brindándoles una interfaz amigable con el usuario y facil de usar.
  • A través de marketing y publicidad del producto.
  • Mostrándoles que es un ambiente confiable en donde encontrarán lo que ellos necesitan.

Ahora tomaremos todos los datos importantes y los transformaremos en información valiosa para comenzar a orientarse a la solución. También vamos a entender lo que la empresa quiere de ese producto y comenzar a entender ambas visiones con el fin de encontrar un punto armónico)

Como conclusión de las anteriores 2 encuestas

  • Necesidades de los usuarios: poder compartir información, obtener nueva información, conocer gente con intereses afines y en el caso de que fueran estudiantes aprobar sus cursos

  • Objetivos de las usuarias: Orientándonos a los estudiantes, tener una red social educativa donde puedan compartir datos de clases, apuntes rápidamente, además de poder tener contactos y ampliar su círculo social.

  • Sentimientos: Por lo general están satisfechos con las redes sociales actuales, además en el caso de ser estudiantes están preocupados por su rendimiento estudiantil.

  • Obstáculos: no tener apuntes de sus cursos, no entender un tema, conocer poca gente que sepa de un tema específico.


Elaboramos 1 user persona

captura

IDEACIÓN

En esta fase buscamos las mejores maneras para ejecutar/desarrollar las funcionalidades definidas en la fase de ideación. Se elaboran sketches y se decide qué propuesta se ejecutará. En esta etapa utilizaras herramientas como:

Benchmarking

Presentacion de nuestro benchmark analizando a nuestros potenciales competidores: Accede al benchmark

PROTOTIPADO

En esta etapa elaboramos un prototipo que nos permita probar nuestras ideas con usuarios para saber si estamos resolviendo satisfaciendo sus necesidades con nuestro producto.

Diseño de la Interfaz de Usuario (UI)

Accede al Diseño de la interfaz de usuario

Vista preliminar en dispositivo móvil (iphoneSE)

cel

Sketch, mockup y prototipado

enlace a los documentos del proceso de diseño de la interfaz

accede al sketching,mockup,protipado

Link del figma vista mobile

vista tablet o ipad

vista desktop

TESTEO CON USUARIOS

En esta etapa probamos nuestros prototipos con usuarios para obtener su feedback. Accede a la info del testeo (diapositivas 10 y 12 de la presentación)

Accede a la conclusion de testing con el prototipo de alta fidelidad con usuarios (diapositiva 13 de la presentación)

Accede a la conclusion de testing con el producto en HTML(diapositiva 14 de la presentación)

Checklist

General

  • Producto final sigue los lineamientos del diseño.

README.md

  • Definición del producto:
    • Cuáles son los elementos básicos que tiene una red social.
    • Quiénes son los principales usuarios de producto.
    • Cómo descubriste las necesidades de los usuarios.
    • Qué problema resuelve el producto para estos usuarios.
    • Cuáles son los objetivos de estos usuarios en relación con el producto.
    • Cuáles son las principales funcionalidades del producto y cuál es su prioridad.
    • Cómo verificaste que el producto les está resolviendo sus problemas.
    • Cómo te asegurarás que estos usuarios usen este producto.
  • Benchmark de las principales redes sociales.
  • Resumen de entrevistas con usuarios.
  • Link/screenshots del prototipo de alta fidelidad.
  • Conclusiones de testing con el prototipo de alta fidelidad con usuarios.
  • Conclusiones de testing con el producto en HTML.

Pruebas / tests

  • Tests unitarios cubren un mínimo del 70% de statements, functions, lines y branches.
  • Pasa tests (y linters) (npm test).

Creación de cuenta (sign up)

  • Permite crear cuenta.
  • Valida email.
  • Valida password.
  • Muestra mensajes de error.

Inicio de sesión (sign in)

  • Permite iniciar sesión.
  • Valida email.
  • Valida password.
  • Muestra mensajes de error.

Muro (wall/feed)

  • Muestra muro.
  • Permite publicar nuevos posts.
  • Permite eliminar posts.
  • Pide confirmación antes de borrar posts.
  • Permite editar posts (in place).
  • Permite publicar y filtrar posts por público/yo.
  • Permite dar like a los posts y llevar un conteo de ellos.