training-center / R2D2

Front-End da Plataforma do Mentoria
MIT License
44 stars 9 forks source link

[UX/UI] Criação de Wireframe da aplicação #29

Open fernandofleury opened 7 years ago

rberts commented 6 years ago

E aí pessoas! Continuei e mexer em algumas coisas no wireframe, mas cada vez que vou mexer em algo surge novas dúvidas, haha. Pra facilitar eu subi as telas pro Invision, inclusive marquei algumas partes lá com comentários para tirar as dúvidas, acho que fica mais dinâmico fazer isso direto na localização de cada tela, o que acham?

O link pra visualizar: https://invis.io/VZE6RGFUQ

angeliski commented 6 years ago

Opa @istiu, achei que ficou ANIMAL cara! Eu deixei meus dois centavos lá cara, mas acho que o melhor cara pra responder suas dúvidas é o @woliveiras . Você pode dar uma ajuda pra gente? O @lflimeira também pode dar aquela visão macro pra gente.

bernardodiasc commented 6 years ago

Fico muito maneiro @istiu 👍 🎉

hdamaich commented 6 years ago

@istiu Ta muito legal. Esta faltando um detalhe na hora de solicitar um mentor, que é a questão das minorias. @alinebastos poderia nos ajudar por aqui?

alinebastos commented 6 years ago

Claro! Acho que o ideal é ter uma pergunta só, pra ficar mais simples. Você pertence a algum grupo sub-representado? Se sim, a qual grupo pertence?

@Ladeia, dá uma olhada aqui tb :)

É uma primeira ideia, pls, me ajudem a melhorar isso :)

Ladeia commented 6 years ago

HUmm, uma pergunta fica massa, com as opções de marcar mais de um desses bloquinhos.

Nos termos de aceite estaria o código de conduta tb? Acho importante ter.

hdamaich commented 6 years ago

Acho que o termo de aceite será praticamente o código de conduta.

alinebastos commented 6 years ago

Só tem que ficar claro, pra mentores e mentorados, que temos um código de conduta e levamos muito a sério!

alinebastos commented 6 years ago

Pq, né, acho que a maioria das pessoas (eu incluída nessa, haha) clica no "Aceitar" dos form sem ler :P

angeliski commented 6 years ago

@alinebastos A gente podia pensar num termo de aceite diferente, que tal uma coisa mais interativa? Tipo, o sistema vai perguntando pro usuário. "Hey, você concorda que O(A) Mentor(a) não pode cobrar em dinheiro para ajudar o(a) Mentorado(a)?" Algo nesse estilo, que seja um pouco fora do comum de "leia aqui e confirme"

angeliski commented 6 years ago

Ou então, que tal um quiz depois de você confirmar o aceite? Se o cara não ler os termos ele não tem condição de dar um aceite. XD

hdamaich commented 6 years ago

"Hey, você concorda que O(A) Mentor(a) não pode cobrar em dinheiro para ajudar o(a) Mentorado(a)?" Algo nesse estilo, que seja um pouco fora do comum de "leia aqui e confirme"

Muito legal essa ideia, fazer pergunta simples com cada um dos pontos do nosso codigo de conduta.

alinebastos commented 6 years ago

Adorei! E com algum aviso antes ou depois "Aqui no Training Center nós levamos muito a sério nosso código de conduta", algo assim pra chamar a atenção.

hdamaich commented 6 years ago

@istiu Andei pensando nos passos, não seria interessante a pessoa criar o perfil dela e depois ir para os passos de solicitar uma mentoria ou então enviar proposta para ser mentor. O que vocês acham?

lflimeira commented 6 years ago

O código de conduta é muito importante é tem que estar bem a vista. Essa ideia de perguntas é muito boa... Eu estáva até conversando sobre isso com o @woliveiras hoje, e acho uma ideia bem valida de criar um iteração que estimule a leitura. Até pq, se o cara tiver preguiça de ler o código de conduta, aí pelo amor né.

miguelzinhe commented 6 years ago

Oi, desculpa a demora, galerê!

Sempre defendo essa pergunta aqui no TC sobre grupo sub representados e achei muito boa a ideia do campo "Sou, porém prefiro não responder".

Coloca LGBTQIA+, de qualquer forma! Ou "LGBTIA e/ou Queer". A militância tá crescendo, principalmente dentro de tech, então acho importante tentar impactar o máximo de pessoas, até pra rolar uma identificação entre a galera que é LGBTQIA.

Ladeia commented 6 years ago

poderiamos fazer uma live um dia para discutir os pontos da militancia e pq defendemos isso.

mostrar o tc como um lugar seguro para qualquer grupo sub.

acho q vou comecar a fazer um crawler para tentar chegar num numero de pessoas subrepresentados emmpapeis de destaque em eventos de tech

Em 2 de nov de 2017 2:00 AM, "Miguel Soares" notifications@github.com escreveu:

Oi, desculpa a demora, galerê!

Sempre defendo essa pergunta aqui no TC sobre grupo sub representados e achei muito boa a ideia do campo "Sou, porém prefiro não responder".

Coloca LGBTQIA+, de qualquer forma! Ou "LGBTIA e/ou Queer". A militância tá crescendo, principalmente dentro de tech, então acho importante tentar impactar o máximo de pessoas, até pra rolar uma identificação entre a galera que é LGBTQIA.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/training-center/R2D2/issues/29#issuecomment-341318126, or mute the thread https://github.com/notifications/unsubscribe-auth/AA2uNO4wsSl1o5sUzgOQpHoylPZhUrqBks5syUxogaJpZM4P7J2R .

fernandofleury commented 6 years ago

@alinebastos, @oieusouamiguel não é melhor ter essa pergunta no cadastro completo? Eu acho melhor esse cadastro inicial ser o mais simples possível e depois termos todas as perguntas no preenchimento do perfil da pessoa. Acho que o primeiro contato tem que ser o mais breve pra "pegarmos" a pessoa.

Acredito ser bacana também ter dois checkboxes ali com Aceito os termos de uso e Aceito o código de conduta (com links para ambos). Precisamos ser honestos, ninguém lê essas paradas. Eu não tô falando o que é certo ou não é, mas é que as pessoas não leem mesmo. A gente bota isso pra nos proteger juridicamente e proteger os membros (com o código de conduta)

Mas isso pra mim sinceramente não tem que ir pro wire, afinal a gente sabe como isso fica. é mais importante estar no layout direto. O que acha @istiu

Ah sim, o campo de senha tem que ter o de confirmar a senha também. Mas esse tipo de coisa pode ir direto pro layout final.

Ladeia commented 6 years ago

confirmar senha esta deixando de ser usado, ao inves disso agora usa-se um botao de visualizar a senha

Em 2 de nov de 2017 6:16 AM, "Fleury" notifications@github.com escreveu:

Ah sim, o campo de senha tem que ter o de confirmar a senha também. Mas esse tipo de coisa pode ir direto pro layout final.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/training-center/R2D2/issues/29#issuecomment-341361098, or mute the thread https://github.com/notifications/unsubscribe-auth/AA2uNFj7CsZvmyKTgPK-ph9u0f8dv-V9ks5syYhogaJpZM4P7J2R .

fernandofleury commented 6 years ago

@Ladeia sem problemas por mim. qualquer coisa que garanta a confirmação da senha pra mim está bom 😄

lflimeira commented 6 years ago

@fernandofleury não concordo com o checkbox, me desculpa mas é simples, se a pessoa n ler ela n entra. O código de conduta é coisa seria no TC, n podemos "sacrificar" apenas pelo fluxo.

hdamaich commented 6 years ago

@alinebastos, @oieusouamiguel não é melhor ter essa pergunta no cadastro completo? Eu acho melhor esse cadastro inicial ser o mais simples possível e depois termos todas as perguntas no preenchimento do perfil da pessoa. Acho que o primeiro contato tem que ser o mais breve pra "pegarmos" a pessoa.

@fernandofleury não entendi direito sua ideia de perfil da pessoa, depois desse passo vai ter mais um passo para criar um perfil completo? Qual sua ideia?

fernandofleury commented 6 years ago

@hdamaich ué, a pessoa ainda precisa botar todo o resto das informações quando ela for se registrar pra pupilo/mentor.

@lflimeira e o código de conduta não é coisa séria nos outros lugares? a gente pode colocar ali e obrigar o cara a "ler", porque ler mesmo ninguém le. eu não tô falando isso pra gerar confusão nem nada, é só comportamento de usuário mesmo. mas se vocês quiserem colocar mesmo assim, não vejo problema

lflimeira commented 6 years ago

@fernandofleury é coisa séria sim, mas a questão é dificultar a entrada da pessoa se ela não ler.

Mas eu não entendo muito de UX/UI, tbm n adianta muito travar o projeto nesse tipo de discussão, vamos dar continuidade e depois melhoramos essas questões conforme a galera for utilizando :smile:

angeliski commented 6 years ago

Hey @istiu Você consegue dar sequência com as informações que discutimos aqui? Ps. O link tá dando Over quota agora

rberts commented 6 years ago

Eita, quantos comentários :D Desculpa a demora, não tinha visto as notificações aqui. Vou seguir as respostas das dúvidas aqui e aplicar as alterações lá!

angeliski commented 6 years ago

@istiu Você conseguiu evoluir no Wire? Precisando de alguma força em algo especifico?

allangrds commented 6 years ago

Gente, não existe nenhuma plataforma pra criar o Wire em conjunto, e com histórico?

miguelzinhe commented 6 years ago

@allangrds Figma é remotão, todos podem criar e cada pessoa do time vê as modificações um do outro.

allangrds commented 6 years ago

Estou falando isso pq, com uma ferramenta assim, não ficamos dependendo de uma única pessoa para terminar o Wire.

miguelzinhe commented 6 years ago

é gente, acho melhor montar uma equipe pra cada issue pra ficar melhor até de não ficar a responsaibilidade pra uma pessoa só.

allangrds commented 6 years ago

A não ser que alguém tenha uma alternativa melhor ou outra ferramenta, mas posso criar uma conta no Atomic.io e passar o login pra quem quiser. Aí podemos contribuir pro projeto sem ficar travado por conta de inatividade. O que acham?

lflimeira commented 6 years ago

Acho valido deixar aberto para qualquer pessoa ajudar, só n podemos deixar as discussões sobre tomadas de decisões se prolongarem muito e não sair nada pessoal, lembrando que n precisamo deixar a plataforma complexa, ela precisa, por hora, atender apenas o que é preciso para migrar o projeto mentoria para ela. =)

allangrds commented 6 years ago

Gente, comecei a refazer o protótipo através do Atomic.io - https://app.atomic.io/d/6a6WINpDhQvt

Quem quiser contribuir, manda dm pra mim, que posso passar o login. Vou começar a trabalhar todo dia um pouco nessa coisa.

allangrds commented 6 years ago

Vi que foi colocado muito Lorem Ipsum. Acho bom já deixarmos com textos de verdade para facilitar na avaliação do layout.

allangrds commented 6 years ago

Passando login também ao @luketevl :)

allangrds commented 6 years ago
allangrds commented 6 years ago
allangrds commented 6 years ago

@lflimeira @vicainelli @woliveiras @mocariz deem uma olhada, por favor.

vicainelli commented 6 years ago

@allangrds Eu gosto, o fluxo parece fácil.