Para éste proyecto se nos encargó construir una Red Social a través de una Single-page Application, responsiva, donde se puedan leer y escribir datos. Los requisitos principales fueron permitir a cualquier usuario crear una cuenta de acceso y loguearse con ella; crear, editar y borrar publicaciones.
Como temática escogimos las redes de intercambio de semillas.
Nuestros usuarios son personas interesadas en la reproducción de especies vegetales, principalmente hortalizas y plantas hornamentales de consumo familiar y local. Éstas plantas, durante su ciclo de vida, producen semillas que sus cuidadores juntan para luego intercambiar con otros huerteros de su zona, obteniendo nuevas especies para su jardín. Ésta tradición milenaria se hacía, antiguamente, por transmisión oral entre cercanos y conocidos de un lugar; luego con el tiempo pasó a foros de internet y grupos de Facebook.
El problema de los foros y grupos es que éstos se pierden en la vastedad de internet, siendo difíciles de encontrar para algunos usuarios. Por ésto proponemos una única red social, dedicada al tema, en la que los usuarios puedan encontrar toda la información e interacciones que buscan en un sólo lugar. Así mismo, buscamos lograr una interfaz clara, intuitiva y atractiva; características que no siempre se encuentran en los foros de internet.
Como primera Historia de Usuario, las personas necesitan crear un usuario para usar nuestra aplicación. Daremos las opciones de hacerlo usando su correo y una contraseña o entrar con una cuenta de Google.
Escogimos una imagen de fondo llamativa y alusiva al tema, que aportara color y movimiento al diseño. La paleta de colores es alegre y atractiva, generando contraste sin ser demasiado estridente.
Al testear nuestra primera maqueta de alta fidelidad con algunos usuarios, nos dimos cuenta de que el contraste entre los colores dificultaba la legibilidad para algunas personas, afectando la accesibilidad de nuestra aplicación. Decidimos mantener los mismos colores, pero combinarlos de manera de evitar contrastes conflictivos.
También trabajamos en la responsividad de nuestra aplicación, adaptando el diseño para vista en móvil y también para escritorio.
En nuestra segunda Historia de Usuario, las personas quieren poder hacer comentarios en un muro, pudiendo compartir las semillas que tienen disponibles e intercambiar con otros huerteros de su zona. Para ésto implementamos una nueva vista ("wall") con un imput de texto y un botón para publicar, seguido de un listado de los comentarios de otros usuarios hechos con anterioridad. Éstos comentarios tienen que estar en orden cronológico.
Para ésta vista decidimos prescindir de la imagen de fondo y utilizar un color liso; de ésta manera dirigimos la atención en los comentarios y alivianamos la información visual.
Para nuestra tercera Historia de Usuario, las personas necesitan tener la opción de editar o eliminar sus comentarios en el muro. Para ésto sumamos a cada uno de los comentarios un botón de editar y otro de eliminar, los cuales sólo serán visibles para los autores de cada uno de los post.
Mantuvimos la paleta de colores, buscando alto contraste en los botones para facilitar su legibilidad.
