Fermat-ORG / fermat-graphic-design

Source Repository for all graphic design areas in Fermat.
0 stars 1 forks source link

Chapter Mockups #1052

Open proseuz opened 7 years ago

proseuz commented 7 years ago

Schemas and flows . . Design team document https://docs.google.com/presentation/d/1TisNKZp7tnjE7zx7dS4NoH-QT5pJ8lKiCaJrDD0C8tI/edit#slide=id.g1b6efe867a_7_0 . . General document https://docs.google.com/document/d/1BOB3Xc5vHNKBNZJeosXGi0iNCxiD6rbFTvbF1uXfv10/edit

proseuz commented 7 years ago

Identificación por colores del status de los miembros de capítulo flujo_general-02

proseuz commented 7 years ago

Esquema del flujo general:

1 Pantalla de Inicio (logo) 2 Registro de perfil 3 Mapa de capítulos 4 Detalle de Capítulo 5 Perfil 6 Billetera


7 Home: feed stream con las actividades que ocurren en la red de Chapter 8 Notificaciones de eventos y tareas que necesitan una acción por el usuario. En esta pantalla llegaran las solicitudes de endoso. (mas adelante muestro el flujo completo de las notificaciones) 9 My Chapter: Esta pantalla es el home del capítulo donde el usuario es miembro, aquí estarán las actividades en las que participa o puede participar él y los compañeros de capítulo. El usuario tendrá opciones de editar y crear actividades dependiendo del rango dentro del equipo. y podrá votar por el líder de capítulo. 10 Chat: en esta pantalla el usuario puede chatear con cualquier persona dentro de chapter. flujo_general-01

proseuz commented 7 years ago

Identificación por colores de los grados de licencia minera y endosos regulares (Nuevo capítulo y nuevo miembro) endorsements_charter1 app-08

proseuz commented 7 years ago

Guía de endosos: con estos gráficos el usuario podrá estar al tanto del estatus de su solicitud de endoso, aquí se aplica el color para identificar que tipo de endoso está en proceso. Los gráficos se mostrarán en las tarjetas de actividades (My Chapter, pantalla 9 del flujo general), en el perfil del usuario (para ver el estatus de la solicitud de membresía de capítulo) y en el detalle de capítulo (para ver el estatus de los endosos que respaldan el capítulo). Al tocar el gráfico saldrá un pequeño aviso que especifica la cantidad de endosos positivos que lleva y los que hacen falta. endorsements_charter1 app-09

proseuz commented 7 years ago

Endorsements flow

Como mencioné anteriormente, las solicitudes de endosos llegarán a través de notificaciones a las personas correspondientes.

en el caso de los endosos para fundación de capítulo, el usuario enviará la solicitud de endoso a los líderes de los capítulos homólogos ( luego de rellenar la información completa del capítulo y siempre y cuando tenga dinero cargado de lo contrario saldrá un aviso que guiará a la wallet). El estatus de los endosos se verá reflejado en el detalle del capítulo, de igual forma llegarán notificaciones de las respuestas a los endosos solicitados.

en el caso de los endosos para la solicitud de membresia los usuarios podrán enviar la solicitud de el detalle del capítulo de su preferencia (que podrá encontrar en el mapa o por la lista de capítulos) esta solicitud llegará a todos los miembros activos del capítulo. El usuario solicitante podrá ver el estatus de los endosos en su perfil, de igual forma llegarán notificaciones de las respuestas a los endosos solicitados.

En el caso de los endosos de licencia minera el líder solicitará esta licencia a los lideres de capítulos homólogos luego de crear una tarea válida para la red de Chapter. Los Líderes homólogos podrán chequear la actividad solicitante y remover su endoso cuando sea necesario. El estatus de los endosos se verá reflejado en la tarjeta de tarea, de igual forma llegarán notificaciones de las respuestas a los endosos solicitados.

endorsements_charter1 app-07

proseuz commented 7 years ago

Endorsements

En esta pantalla el usuario encuentra los endosos recibidos y enviados. Aquí puede revocar el endoso enviado o ir al perfil o tarea respaldada endorsements_charter2 app-07

proseuz commented 7 years ago

Tasks flows

Las tareas podrán ser vistas en la pantalla de My chapter, en ella estará:

a: la tarjeta de resumen de la actividad: Muestra el encargado o fundador de la actividad, los miembros involucrados, la fecha o tiempo (si lo tiene, porque también puede ser continuo)

b: al tocar la tarjeta de tarea está se expande y muestra los datos completos ( puede contener check list, imágenes, enlaces o documentos) esta tarjeta contiene el botón para aceptar (la tarjeta se contrae), y el botón de edit que te lleva a la pantalla para editar la actividad. También contiene el botón para enviar solicitudes de endoso ( explicado en los flujos de endosos)

c: en la parte inferior de la pantalla de "My Chapter" se muestran los miembros del capítulo en una barra que se expande hacia arriba para mostrar la totalidad de integrantes, aquí los usuarios pueden ir al perfil de los miembros o iniciar un chat con uno de ellos. El líder puede añadir miembros con el botón +

la pantalla de crear tarea muestra 4 casillas obligatorias: Title, Description, Date y Members. al final están 4 botones que serán opcionales para completar o complementar la tarea: Imagen, enlace, documento y check list (estas podrían utilizarse dependiendo de la actividad) en el flujo se muestra cómo cargaría cada elemento de la tarea.

staks_charter app-01

proseuz commented 7 years ago

Chat flow @rosanacoronado

chat_flujo_charter app-01

proseuz commented 7 years ago

@Luis-Fernando-Molina Aquí están la mayoría de las pantallas ordenas y explicadas de mejor manera. mañana subiré el flujo de las notificaciones (básicamente cómo se expande cada una) y el flujo de la wallet. @ivonnesantos

proseuz commented 7 years ago

Wallet flow @ivonnesantos

wallet_flujo-03

proseuz commented 7 years ago

empty views

empity_screem-09

ivonnesantos commented 7 years ago

notifications

notificactions-02 notificactions-03

@jhonmarquez92

proseuz commented 7 years ago

Flujo de búsqueda y fundación de capítulo fundar_capitulo_flujo_charter app-01

proseuz commented 7 years ago

@Luis-Fernando-Molina necesito feed back

MarkusMaiwald commented 7 years ago

Maybe Luis will change some details, but this overall concept is looking well enough, cant find a logic problem, so that I propose you start creating the resources! If there are coming some changes in design or some functions, you can do them later when Luis is back.

Luis-Fernando-Molina commented 7 years ago

Esquema del flujo general:

1 Pantalla de Inicio (logo)

Debe decir Fermat Chatper App y salir el icono de la App en grande.

2 Registro de perfil

Debe decir New Personal Profile

Title debe decir Name or Alias

About debe decir About You

Donde va la foto debe salir la camara o la galeria para que toque directamente.

3 Mapa de capítulos

Por ahora se queda asi

4 Detalle de Capítulo

Los members deben distinguirse por el iconito arriba, no por el color del borde. El leader esta bien la corona, debe haber un icono para los otros casos.

Pudiera ser que los miembros activos no tengan nada y los ex miembros esten medio transparentes, pero el resto debiera tener un iconito arriba para diferenciarlos.

No entendi que es eso en Members 11 / 15? Para mi solo va la cantidad de miembros activos contando al lider.

Tampoco entendi la barrita abajo del banner con el label 20/20, que quiere decir eso? Si es la cantidad de endorsemnets por ahi seria mejor que se refleje solo en la barra azul, graficamente, sin numeros: La barra pudiera ir cambiando de color de iz a derecha a medida que tiene un % mas alto de endorsements.

Quizas esta barra debiera estar mas abajo y mostrarse de manera que los primero 50% de los cuadritos esten en rojo, luego amarillo y al final una zona verde, y mostrar el label como lo pusiste para indicar el punto exacto de la barra donde se está, con la cantidad / total. Ese label pudiera ir por arriba de la barra, mienras que por abajo pudieras mostrar el iconito del fundador de otro chapter del mismo pais y la posicion en la barra, junto con sus numeros. De esta manera uno pudiera saber instantaneamete si ese capitulo ya esta tomado o no, y cuales son su competencia y en que posicion están.

Esta faltando el fundador de ese capitulo. Es lo que distingue a dos capitulos del mismo pais. Otra cosa que debe estar clara es el estado del capitulo, si esta en la red o no. Tambien debiera aparecer si no esta en la red y otro tiene ya su logar, deberia poder verse de alguna manera.

Cambia Send Request por Join Chapter

5 Perfil

Lo que dice endorsements debiera ser un icono.

La barra de endorsements debiera ser similar a la del capitulo, con dos labels, por arriba mostrando los endorsements como miembro de un chapter y por abajo los votos para leader, con los iconos de las caritas del lider actual y los 2 que le siguen, posisionado en el nivel de votos que tiene cada uno para uno poder compararse con ellos.

6 Billetera

7 Home: feed stream con las actividades que ocurren en la red de Chapter

En general esta bien, no entiendo para que el signo MAS? Todos estos eventos se generan a partir de las acciones de la gente en la app, no se pueden generar presionando un boton agregar.

8 Notificaciones de eventos y tareas que necesitan una acción por el usuario. En esta pantalla llegaran las solicitudes de endoso. (mas adelante muestro el flujo completo de las notificaciones)

En general esta bien, salvo que el ejemplo de apply for a license no es algo que alguien tenga que aprobar.

Yo pondria en los dos primeros 3 acciones: Review, Accept, Decline.

La pantalla de notificaciones tiene que ir despues de la de My Chapter.

9 My Chapter: Esta pantalla es el home del capítulo donde el usuario es miembro, aquí estarán las actividades en las que participa o puede participar él y los compañeros de capítulo. El usuario tendrá opciones de editar y crear actividades dependiendo del rango dentro del equipo. y podrá votar por el líder de capítulo.

Me parece que hay un mal entendido respecto a las meetups. No veo que el ejemplo que planteas sea correcto.

Tampoco es correcto el tema del manejo de las activiades. Uno no crea una actividad, sino que se hace responsable de ella. No se, no lo veo bien resuelto.

El endonsement de actividades de un chapter no lo hacen los miembros del mismo chapter, sino los de otros chapters. Me parece que hay una confusion aca. Revisa bien el documento.

10 Chat: en esta pantalla el usuario puede chatear con cualquier persona dentro de chapter.

Esta parte estaria bien.

Luis-Fernando-Molina commented 7 years ago

Identificación por colores de los grados de licencia minera y endosos regulares (Nuevo capítulo y nuevo miembro)

Esto me parece bien