Radar PUC-Rio
Rodrigo Muniz
Radar PUC-Rio Rodrigo Muniz PUC-Rio - 2016.2 - DSG1032 Departamento de Artes e Design Orientadores Gamba Junior Evelyn Grumach Roberta Portas Alexandre Cantini
Agradecimentos Sou muito grato a todos os professores que influenciaram no caminho do meu projeto e aos meus amigos que tiveram que aguentar sérias crises da minha parte. No mais, espero que meus esforços tenham alguma repercurssão ao longo do tempo e possam servir à futura comunidade da PUC-Rio.
INTRODUÇÃO
ESCOPO
DESENVOLVIMENT O
CONCLUSÃO
ANEXOS
1
2
3
4
5
Seja bem vindo(a) ao sumário. Para ir direto a algum capítulo basta clicar na bolinha! Obs: as páginas não estão enumeradas porque o PDF já enumera.
INTR ODUÇÃO
Radar é uma ideia que surgiu na minha vivência como aluno da PUCRio, consolidada gradativamente a partir de conversas sobre mobilidade, interdisciplinaridade e relacionamento no campus.
1
Montei uma lista com alguns dos principais problemas identificados nessas conversas: muitos alunos sentem dificuldade para tirar dúvidas com a comunidade ou até conhecer pessoas de outros cursos; realizar pesquisas de campo via facebook é dificil quando seu perfil não tem determinada popularidade; diversas pessoas trabalham/pesquisam temas iguais ou bastante próximos e não fazem a menor ideia disso, não trocam conhecimento; não existe um lugar eficiente para se oferecer serviços ou trabalhar práticas que devem ser estudadas ao longo da faculdade (existem os laboratórios, mas e se eu quiser levar algum conhecimento adiante ao mesmo tempo em que colaboro com o trabalho de outra pessoa? como eu ofereço?).
Quando lidos com atenção, os problemas exaltam a ausência de um lugar, um canal que facilite todas essas operações acadêmicas. Também evidenciam o quanto a proximidade geografica das estruturas do campus não é proporcional à integração de seus alunos.
Do meu ponto de vista, a universidade clama por um canal de apoio: uma rede que facilite o acesso à pessoas e à informação dentro do campus, porém, que seja independente de seu espaço físico. Fui com esse mote para anteprojeto e, resumidamente, mergulhei na pesquisa de campo para validar o gap encontrado, estudei a tecnologia necessária para a criação dessa rede e me aprofundei em conceitos que me servem de parâmetros visuais. Para saber mais sobre a pesquisa em anteprojeto, veja os anexos ao final do relatório.
Proposta
Justificativa
Criar uma rede vinculada ao sistema da PUC-RIo, que complemente a vida acadêmica de seus alunos e professores, disponibilizando ferramentas especiais para busca, pesquisa de campo, trabalho em grupo, acompanhamento de projetos, troca de serviços e resolução de dúvidas.
Além da demanda por mais conectibilidade identificada na pesquisa de campo, os alunos muitas vezes pedem por mais infraestrutura, mas não sabem como obter a ajuda que precisam e nem como usufruir dos laboratórios mais distantes. Como não é possível fornecer o ambiente ideal para que os alunos trabalhem juntos dentro e fora de seus cursos, faz-se necessária a integração máxima a partir do ambiente digital.
Objetivos Conectar alunos de diferentes cursos (ou não) com interesses em comum;
E SCOP O
Criar um novo canal para obtenção de créditos em atividade complementar a partir do apoio à comunidade¹; Facilitar o acompanhamento e admnistração de disciplinas (para profs. e alunos);
2
Em suma, todos os objetivos geram em torno de garantir mais autonomia para o
Intenção Melhorar as condições para que eclodam projetos mais consistentes e com maior grau de complexidade dentro da universidade.
¹ Conversando com os diretores dos departamento de Design, Engenharia e Psicologia, entendemos que é possível oferecer pequenas quantidades de crédito por colaborações que aconteçam na rede.
ESCOPO 2
Stakeholders
Acesso a informação
Usuários da plataforma: Alunos da graduação e pós-graduação, professores, colaboradores, orientadores, técnicos. Desenvolvimento e manutenção: Núcleo de Artefatos Cibernéticos (ARCIBER).
Estou inserido na realidade para a qual estou projetando, o que me permite tomar decisões de forma acelerada e acertiva quanto as ferramentas necessárias para o funcionamento da plataforma, assim como tirar dúvidas com bastante facilidade.
Cliente: Universidade
Custos
Parceiros
O projeto Radar precisa de toda uma equipe para funcionar, portanto seus gastos são parecidos com os de uma empresa. São referentes à manutenção do hardware, assinatura do servidor, divulgação em mídias sociais, etc.
Alexandre Cantini, Marcelo Pereira, Fernando Souza e Thales Rebelo são os atuais integrantes do ARCIBER. Uma vez que compartilhamos o mesmo interesse em instalar tal plataforma, juntos estudaremos as melhores formas de tornar real o projeto, traçando um plano para viabiliza-lo com a infraestrutura e tecnologias disponíveis.
Fonte de conteúdo A própria comunidade da PUC-Rio é a responsável pela criação e disseminação de todo o conteúdo que circula na plataforma Radar.
Entrega final
ESCOPO
Dada a dimensão do projeto e a grande pretensão de ser criar uma rede profissional para universitários, é previsível que minha entrega final não será todo esse sistema funcionando.
2
Entendendo os prazos da PUC e as necessidades do projeto, defini que minha entrega será uma parte² da plataforma: a parte que contempla os desafios gráficos que considerei mais relevantes, podendo servir de matriz para a elaboração de todas as outras partes. Também montei uma simulação que visa demonstrar sua navegabilidade. ² O que eu chamei de parte vai ficar bem mais claro quando chegarmos no capítulo Desenvolvimento e tomarmos conhecimento de todas as partes da qual ela é composta e como elas se relacionam.
Nesse processo foram contemplados: wireframe, naming, cor, fonte, logo, user experience e design de interface, responsáveis por manifestar a identificação visual do aplicativo. E claro, como não poderia faltar, meu relatório vai dar conta de explicar a plataforma como um todo, podendo servir como documento para universidade levar o projeto adiante.
3
Ele diz que existe um método para se chegar até o design visual de uma interface, ou seja, o que se enxerga e como se interage com essa estrutura grande e complexa que nós projetamos. Ao lado está um grafico de como ele organiza cada etapa, que é o mesmo modelo que utilizei para guiar o meu processo.
e)
p
Su
Design visual
to
e el
Distribuição e peso do conteúdo
qu
d)
Es
ra
u ut
tr
c)
Es
Arquitetura da informação
po
Camadas,. ferramentas, funções e módulos
o sc
E
b)
ia
a)
E
r st
a
g té
Objetivos da Plataforma e Necessidades do usuário
abstrato
D ESEN VOLVIMENTO
Como desenvolver interfaces está longe da minha zona de conforto, procurei apoio nos textos de Garret, famoso pelo seu trabalho com arquitetura da informação e design de interfaces.
ie
íc
f er
concreto
Jesse James Garrett
D ESEN VOLVIMENTO
a) E str até gia
A primeira etapa consiste em analisar meu escopo, pareando-o com a pesquisa de campo para entender aonde os objetivos da minha plataforma se encontram com as necessidades do usuário.
3
Necessidades do usuário Tirar dúvidas de madrugada, programar calendários usando o da PUC como base, participar de grupos de pesquisa, conseguir créditos em atividade complementar, acompanhar matérias das quais participa, encontrar suporte em outras disciplinas, oferecer serviços para outros estudantes, etc. Essas necessidades estarão sempre em transformação, novas surgirão, outras deixarão de ser importantes. A equipe precisa ficar atenta para atualizar suas ferramentas no tempo certo. Objetivos da plataforma Criar ferramentas que supram essas necessidades, colaborando ainda para a manifestação de um ambiente mais
A origem dos paineis Analisando as necessidades do usuário eu cheguei às seguintes categorias problematizadas: Resolução de dúvidas; Pesquisa de campo; Comunidade (pessoas); Troca de serviços; Acompanhamento de projetos e Radar Dentro desses tópicos o usuário da plataforma estará sempre oferecendo ou buscando algo. Ele pode querer fazer uma pesquisa, tirar uma dúvida de alguém, encontrar uma pessoa, etc... e a plataforma vai abrir esse caminho. Essas categorias se tornaram paineis dedicados a própria manutenção de seu conteúdo. Para isso eu defini exatamente quais serão as ferramentas que estarão dentro de cada um deles e como elas se relacionam entre sí.
DE SENVOLVIMENTO
b ) E sco p o (Ga rre t t )
Comunidade (pessoas)
3
1. perfil - área pro usuário configurar seu perfil, expor suas qualidades para a comunidade (curso, descrição, especializações e portfolio) 2. grupos - área para organizar / acompanhar atividades feitas em grupos. O usuário pode escolher ferramentas para utilizar com seu grupo: chat, calendário, linha do tempo, hierarquia e forum 3. contatos - lista de contatos Dúvidas 1. perguntar - aqui o usuário pode formular perguntas e o sistema as encaminhará para quem se declarou apto a responder sobre o assunto determinado. 2. responder - aqui o usuário visualiza a lista de dúvidas que o sistema gerou a partir da comunidade e pode respondêlas para acumular créditos em atividade complementar.
3. gerenciar - espaço para monitorar toda a atividade relacionada a dúvidas que está em aberto, ou já foi concluído. Lembrando que existe um tempo de espera entre perguntar e ser respondido, portanto faz-se necessário o espaço de gerenciamento. Pesquisas 1. criar - o usuário pode criar formulários em diversos formatos e disseminar para a comunidade com targets específicos. 2. colaborar - aqui o usuário consegue ver pesquisas que o sistema sugere que ele colabore com, a partir de suas especializações. Ajudar outras pessoas em suas pesquisas também rende alguns créditos. 3. gerenciar - monitoramento de atividades em aberto e coleta de dados da pesquisa
D ESEN VOLVIMENTO
b ) E sco p o (Ga rre t t )
Serviços
3
1. oferecer - aqui o usuário pode cadastrar no sistema que oferece algum tipo de serviço, assim como exaltar sua moeda de troca. 2. contratar - nessa área o sistema vai expor serviços que o usuário pode considerar relevante, baseandose em seu curso e habilitação. Esse pareamento talvez não seja o mais preciso, uma vez que é mais dificil prever que serviço alguém vai contratar. 3. gerenciar - lista de serviços em aberto + histórico. Projetos 1. registrar - espaço para cadastro de projetos acadêmicos dentro da rede Radar, 2. colaborar - aqui o usuário consegue ver as demandas dos projetos que já foram registrados, podendo colaborar caso possa, ou somar forças com aqueles projetistas.
3. gerenciar - espaço para montoramento desses projetos. Radar É o motor de busca responsável por organizar e mapear todas as outras atividades. Através dele é possivel realizar buscas dinâmicas pelas camadas e cursos da universidade, além de criar filtros para visualizar somente o conteúdo desejado. Menu É o espaço do celular que contém, organiza e agrupa toda essa informação, é o centro de comunhão da interface.
b ) E sco p o ( Ga rre t t )
DE SENV OLVIMENTO 3
Com os paineis e suas funções definidas, a segunda etapa consistiu em organizar esse conteúdo e entender como ele se deve se relacionar para funcionar no formato de interface navegável.
Pessoas
Num quesito de organização, eu concebi a plataforma como um grande menu que contempla essas 5 atividades, e que possuem algo em comum: todas podem ser visualizadas e exploradas através do Radar.
Menu
Projetos Pessoas
Dúvidas
Projetos
Serviços Radar Dúvidas
Pesquisas
Menu Pesquisas
Serviços
Radar
Menu Contatos
Registrar
DE SEN VOLVIMENTO
c) E str u tu ra
Grupos
3
Colaborar
Pessoas
Perfil
Projetos
Gerenciar
Radar
Perguntar
Dúvidas
Gerenciar
Pesquisas Gerenciar
Orientar
Serviços
Gerenciar
Gerenciar Gerenciar
Oferecer Contratar
Essa é a estrutura final que foi utilizada para a montagem da interface. A partir dela, começa o desenvolvimento do projeto gráfico em si.
Menu Contatos
Registrar
D ESEN VOLVIMENTO
c) E str u tu r a
Grupos
3
Colaborar
Pessoas
Perfil
Projetos
Gerenciar
Radar
Perguntar
Dúvidas
Gerenciar
Pesquisas Gerenciar
Orientar
Serviços
Gerenciar
Gerenciar Gerenciar
Oferecer Contratar
Como eu falei no escopo, dada a grande dimensão dessa rede e seus nuances, concluí que para a compreensão gráfica do projeto como um todo, bastaria a resolução do painel Pessoas e a visualização da função Radar, isso vai reger o desenvolvimento de todos os outros paineis. Obs: também montei a primeira tela de cada painel, para motivos de visualização, mas sem explorar suas funções.
D ESENVOLVIMENTO
d ) E sq u e l e to
login
3
Com o escopo e a estrutura definidos, vem a fase de montar o esqueleto da interface. O esqueleto serve para distribuir o peso das informações dentro da área disponível, já contemplando o modelo de smartphone para o qual será primeiramente desenvolvido: iPhone 5s. Geralmente as empresas começam a montar suas interfaces para web e depois adaptam para o celular. Nesse caso eu inverti a ordem por entender que a navegabilidade pode ser melhor explorada dentro de um app. do que num site da web, onde as coisas tendem a ser estáticas e ligeiramente burocráticas. O esqueleto contempla a tela de login, o menu principal com acesso aos 5 paineis e toda a informação dentro do painel Pessoas.
logo
matrícula senha
teclado
1136 por 640 pixels
menu principal
painel pessoas
DESE NVOLVIMENTO
d ) E sq u e l e t o
Mensagem do sistema explicando o painel selecionado.
3
dúvidas
pessoas
pesquisas
projetos
perfil
contatos
grupos
serviços
feed de notícias
Começando a projetar para o celular, percebi que o Radar precisa de um feed de notícias, um lugar para as notificações que o usuário recebe sobre a sua atividade na plataforma.
Penso que o feed não precisa ficar sempre exposto, então ele vai ser retrátil. Haverá um botão para elevar ou retrair. Entendi também que deve haver destaque para o painel que está sendo utilizado.
painel pessoas - perfil
painel pessoas - grupos sincronizar
D ESEN VOLVIMENTO
d ) E sq u e l e to
nome curso habilitação
3
criar novo
gráficos de desempenho
descrição profissional
especializações
portfolio
perfil
O menu colorido estará sempre regendo o que acontece na parte de cima da tela, portanto estará sempre visível, até como forma de lembrar o usuário onde ele está navegando.
lista de grupos ao tocar em um grupo, o usuário é direcionado ao espaço de trabalho daquele grupo, tendo acesso às suas tools.
grupos
O botão de sincronizar serve para buscar no sistema, a partir de sua matrícula, as disciplinas em que está matriculado, e participar do grupo de estudo criado pelos seus professores.
Ao criar um novo grupo, o usuário pode escolher quais ferramentas vai precisar para trabalhar com aquelas pessoas. Mas essas telas não serão expostas aqui, o esqueleto visa apenas facilitar a compreensão de como foi concebida a superfície.
painel pessoas - contatos sincronizar
radar
buscar
criar novo filtro
DE SENV OLVIMENTO
d ) E sq u e l e to
Psico.
3
lista de contatos
Arquitetura
Direito
é possível iniciar conversas, visualizar perfis e enviar arquivos por aqui. Design Engenharia contatos
O menu colorido estará sempre regendo o que acontece na parte superior da tela, portanto estará sempre visível, até como forma de lembrar o usuário onde ele está navegando.
Na sessão Radar, o usuário pode explorar toda a atividade da plataforma, segmentada categoricamente pelos seus cursos de origem.
Por exemplo, dentro de Design, o usuário pode ter a visão geral de pessoas, dúvidas, projetos, pesquisas, serviços, e ele também pode se aprofundar pelas especializações dentro de design. A navegabilidade do Radar vai ficar mais clara logo logo.
e ) Su p e r fí ci e
DE SENVOLVIMENTO 3
Com todos os espaços marcados e a hierarquia definida, chega a hora de projetar a identificação visual (superfície) desse esqueleto. Vou voltar um pouco no tempo e começar a explicar minhas escolhas a partir da escolha do nome Radar. O nome Radar Entendendo o que seria a plataforma e quais são suas principais funções, os três conceitos que saltaram aos meus olhos foram: busca, verticalização e relacionamento. Qual aparato é capaz de realizar buscas, colher resultados e conectar pessoas? o Radar, e ele faz isso emanando ondas eletromagneticas circulares, que vasculham toda a área ao seu redor, para então decifrá-la. Como a plataforma é voltada para universidades, posso usar o nome “Radar PUC-Rio” tranquilamente, sem atingir outras marcas parecidas.
O movimento das ondas do radar também me serviu de parâmetro visual. Aproveitei a circularidade de suas ondas e apliquei esse conceito em toda a interface, buscando trazer mais fluidez para ícones, janelas, botões, etc. Escolha da fonte Open Sans A open sans foi feita pra telas, tem contra formas abertas e as proporções foram pensadas pra reduzir bem na grade de pixels. Trás também bastante contraste para a interface, uma vez que entra em conflito com as formas arredondadas.
Radar PUC-Rio
e ) Su p e r fí cie
DE SENV OLVIMENTO 3
As cores da interface
Ícones
A essa altura do relatório você já está familiarizado com as 7 cores da plataforma, mas porque essas foram as ecolhidas?
Embora a cor ajude o usuário a memorizar as fases da navegação, ela não é suficiente para transmitir o conteúdo de cada painel, por isso elaborei pequenos ícones para representar cada um deles, por fim atribuindo-lhes as cores.
A cor se faz necessária para a rápida identificação de algum tema ou tópico, aqui ela tem exatamente esse princípio: separar os paineis e permitir que o usuário associe em que parte da navegação ele está. Dessa forma, as cores não precisam se relacionar diretamente com os conceitos dos paineis, fiz minhas escolhas pensando especialmente no contraste e na luminosidade de cada uma, para criar uma identidade forte em cada painel.
Pessoas Pesquisas ?!
Dúvidas Serviços
paineis background + cor da fonte
Projetos
e ) Su p e r fíc ie
DE SENVOLVIMENTO 3
A logo
A superfície
A logo do app. é resultado de uma associação que fiz: se toda a atividade da plataforma é regida por pessoas, esse deve ser o eixo central. O objetivo da logo é entregar uma visão geral do que acontece na plataforma, portanto a partir dos ícones redondos eu fiz estudos de peso e contraste, tentando criar formas compensadas e que considerassem a relação que os paineis tem entre sí. O resultado final foi esse:
É claro que eu desenvolvi um monte de layouts até chegar na representação ideal...mas mudou tanto que acho melhor irmos direto ao resultado final, que é muito mais interessante e coerente com a estrutura de relatório que eu venho montando até aqui. Para ver todo esse processo, abra os arquivos Versão 1, Versão 2...etc, dentro do ZIP no moodle.
Radar PUC-Rio
Aplicando todos esses parâmetros ao esqueleto do projeto, surge a visualização da interface como um todo. Para guiar nosso caminho dentro da interface, vamos percorrer o trajeto de um aluno que entrou no aplicativo para encontrar alguém que possa resolver suas dúvidas de Indesign e encadernação.
3
DESENVOLVIMENTO
e ) Su p e r fí ci e
Radar
Radar
PUC-Rio
PUC-Rio
Radar PUC-Rio
Radar PUC-Rio
Loading...
íc one d e sk top
Ao tocar no ícone desktop toda a tela fica cinza e a logo aparece quase centralizada. Com essa sequência de telas eu espero tangibilizar um pouco da animação que acontece enquanto o aplicativo carrega: num ciclo pulsante de 3 segundos, as linhas saem da logo e vão revelando novos
circulos, que continuam criando linhas e se conectando a outros circulos. Ao sair da tela do celular, toda essas conexões dão um fade out, sobrando apenas a logo novamente. A ideia é reforçar o conceito de conexão entre áreas diferentes a partir de um centro.
3
DESENVOLVIMENTO
e ) Su p e r fí ci e
Login Para se conectar o usuário precisa digitar sua matrícula e senha. O motivo da matrícula ser o cadastro é justamente a questão da plataforma ser vinculada ao sistema da PUC-Rio, a partir da matrícula o Radar consegue descobrir dados como: nome, curso, habilitação, grade curricular, atividades complementares, etc. Não acontece nada especial nessa tela, quando o usuário toca na box, o teclado aparece e o texto é substituido por uma barrinha que acompanha o novo texto.
3
DESENVOLVIMENTO
e ) Su p e r fí ci e
Menu principal Estamos percorrendo o trajeto de um aluno que já está registrado no sistema, mas simulei como se fosse seu primeiro login, para facilitar a apresentação da interface e suas funções.
dúvidas
pessoas
pesquisas
projetos
serviços
feed de notícias
Ao entrar no app. pela primeira vez, uma janela opaca cobre todos os paineis do menu e é exibida uma mensagem do sistema, sugerindo que a pessoa faça o tour para conhecer cada painel. Ao tocar em OK, o menu é liberado.
3
DESENVOLVIMENTO
e ) Su p e r fí ci e
Menu principal O painel em destaque sempre será o referente à pessoas quando o usuário fizer seu login. Para trocar de painel basta arrastar outro icone até o centro, em cima da protuberância na linha laranja. Para visualizar seu feed de notícias, basta deslizar essa barra laranja para cima. Ela serve tanto para sinalizar o painel em vigor quanto para expandir o feed. O painel destacado sempre vai abrir mais 3 opções de conteúdo a ser visualizado. Essas opções ficam acesas por 3 segundos e somem se nao forem tocadas. Para revelar novamente basta um toque no painel.
3
DESENVOLVIMENTO
e ) Su p e r fí ci e
Conhecendo cada painel Além do painel selecionado ganhar mais 3 pontos de stroke, ele troca todas as cores base da interface para a sua, facilitando o reconhecimento da navegação.
Visitar os 5 paineis encerra o tour e faz o sistema anunciar uma mensagem que ensina como ativar o modo de busca.
3
DESENVOLVIMENTO
e ) Su p e r fĂ ci e
Ativando o radar Como descrito na tela ao lado, basta segurar o painel em destaque apertado ou deslizar a tela inteira para a esquerda, segurando pelo meio. Quando o menu principal sai por completo da tela, outro menu aparece para guiar o motor de busca, adequado Ă s suas necessidades.
3
DESENVOLVIMENTO
e ) Su p e r fí ci e
voltar para o menu principal
Cria filtros adicionais para verticalizar a busca
O Radar A visão geral do radar contempla circulos contendo todos os cursos da PUC-Rio. Eles ficam se movendo devagar pela área do radar, que é expansível, mas podem ser rapidamente encontrados utilizando filtros.
criar novo filtro
Psico.
Arquitetura
Direito
Design Engenharia
A parte da esquerda do menu é responsável por identificar o painel que está sendo explorado, o usuário pode trocar de painel a qualquer momento em sua pesquisa, podendo visualizar diversas atividades com os mesmos filtros.
A parte da direita é responsável por marcar em que grau da navegação o usuário está, isso vai ficar mais claro jajá. No primeiro nivel do Radar ainda não há um grau definido, então ele permanece em branco.
Ao tocar em um circulo, o usuário avança um grau em sua pesquisa e o menu começa a marcar. No caso, tocamos no circulo Design.
3
DESENVOLVIMENTO
e ) Su p e r fí ci e
Explorando Após tocar em Design, o sistema revela todas as habilitações dentro de design. Escolhendo a habilitação Comunicação Visual, o sistema revela todas as suas especializações. Escolhendo uma especialização, o sistema revela todas as variações daquela especialização.
A espessura e o tamanho dos circulos varia de acordo com a quantidade de conteúdo associada cada tópico.
A fonte vai ficando mais fina a cada grau da pesquisa, dando a impressão de refinamento.
Aqui podemos ver como o localizador funciona, a esfera maior é referente ao grau atual da pesquisa, para voltar um grau basta tocar em outra esfera no menu.
3
DESENVOLVIMENTO
e ) Su p e r fí ci e
Alterando o tema da busca Essa função não está 100% pronta, mas é isso que acontece quando o usuário troca o tema da busca: os circulos mudam de cor e passam a exibir conteúdo de outros temas. No caso, além de procurar por pessoas, nosso usuário quis visualizar se haviam tópicos sobre o mesmo assunto em Projetos e Dúvidas. Não vou me aprofundar no uso de filtros para a pesquisa porque ainda não tive tempo de entender a dimensão total do Radar, meu objetivo aqui foi criar uma ferramenta potente, não entender seus limites. Mas na próxima página, mostro como são aplicados os filtros no último grau da exploração.
3
DESENVOLVIMENTO Tocar no nome revela o perfil.
e ) Su p e r fí ci e
Quando está verde, o usuário está online. Tocar aqui abre o chat.
Quando o usuário toca no filtro, uma janela opaca cobre a lista e o teclado aparece, dando ênfase a sua ação atual.
O fim da busca Na primeira janela você pode observar que surgiu um novo menu em cima do menu “localizador”, esse menu contempla os filtros que podem ser utilizados para reger a lista de pessoas. O usuário pode optar por ver apenas quem está online, por exemplo. Ao realizar o caminho:
puc > design > comunicação visual > encadernação > encadernação japonesa, o usuário se depara o último grau da busca, que é quando o conteúdo deixa de ser macroesferas e passa a ser uma lista de indivíduos capacitados a falar sobre o tópico final da exploração.
O que aconteceu aqui é que: além de saber encadernação japonesa, a pessoa procurada também precisa saber Indesign, então nosso usuário inseriu um filtro adicional para segmentar mais ainda sua busca.
3
DESENVOLVIMENTO
e ) Su p e r fí ci e
Tocar aqui revela o histórico de colaborações do usuário.
Encontrando um perfil Após encerrar sua busca, o usuário tocou no perfil da Helena Schmidt. O botão branco no canto superior esquerdo serve para voltar para a lista. O “+” serve para adicionar a Helena aos contatos e o balãozinho para iniciar uma conversa. Da mesma forma como eu expliquei o perfil do usuário no escopo do desenvolvimento, aqui ele está disposto graficamente. No seu próprio perfil o usuário pode editar sua descrição, escolher 6 especializações nas quais consiga ajudar outras pessoas e postar alguns trabalhos como portfolio. Satisfeito com sua busca, o usuário toca no balãozinho laranja e envia uma mensagem para sua nova colega.
Tocar em qualquer projeto abre uma nova janela com sua descrição e mais fotos ilustrativas.
Isso encerra o nosso percurso. Para visualizar todas as telas que foram desenvolvidas, procure o arquivo Radar_PUC-Rio.pdf dentro do zip. Elas estão ainda com o layout do ultimo menu que eu projetei, mas dá pra relevar.
e ) Su p e r fí ci e
DESE NVOLVIMENTO 3
Considerações finais
Radar é um serviço
Espero ter conseguido te deixar mais próximo da realidade do meu projeto com todo esse relatório. Ainda falta muito para a plataforma Radar existir de fato, criar uma rede é um trabalho para uma equipe, não para um aluno. Mas ainda assim me preocupei com as mais variadas partes do desenvolvimento de uma plataforma e mergulhei a fundo mesmo sendo totalmente fora da minha área de interesse no design gráfico.
Penso que os gestores da plataforma Radar devem prestam serviço a qualquer universidade que queira disponibilizar o sistema para seus alunos, incluindo-a em seu sistema, entendendo seus diferenciais e pareando-os para garantir harmonia conforme mais e mais universidades façam parte da rede.
O motivo de eu ter feito isso foi por acreditar muito que tal rede pode melhorar muito a vida de acadêmicos e professores. As pessoas precisam de mais formas para se conectar. Num mundo utópico eu idealizo que quando cada universidade tiver sua própria rede consolidada, uma rede maior ainda poderá surgir para vincular as universidades, expandindo infinitas vezes a possibilidade de encontros profissionais ou eclosão de parcerias.
É um modelo de negócio que tem tudo para ser implementado pela PUC-Rio, podendo ser pioneira no quesito de rede profissional.
CONC LU SÃO 4
Como foi minha experiência...
Percebi a importância da pausa
Certamente foi uma experiência exaustiva, mas da qual não me arrependo. Precisei me revirar do avesso para criar esse projeto, principalmente por ter passado tantas e tantas horas na frente do computador planejando e adaptando pequenos detalhes na interface. Estou mais acostumado a trabalhar em grupos e com distribuição de funções. Foi insano fazer tudo sozinho, muito mais que no projeto 7.
Com tantos prazos e um projeto de tamanha responsabilidade, confesso que sofri de ansiedade em grande parte do processo e muitas vezes não consegui pausar meu trabalho por medo de falhar no final.
É difícil falar sobre assuntos que não dominamos e eu acabei desenvolvendo mais maturidade profissional no processo de me articular para entender como uma interface é projetada. Ao mesmo tempo foi bizarro como todo meu aprendizado nos outros projetos me deixou sagaz para conseguir cumprir com todas as entregas do projeto final sozinho, ao mesmo tempo em que tento sustentar meu lar trabalhando como tatuador.
O que também acabou sendo positivo porque eu tive uma grande chance de me conhecer melhor e entender meus limites como profissional.
Disciplina Pesquisa teórica Terminologia
AN EXO S
O conceito de interdisciplinaridade chegou ao Brasil no final de 1960 e serviu de parâmetro para o desenvolvimento do sistema acadêmico e escolar brasileiro que experienciamos até hoje. Mas o termo trás algumas dúvidas por ser relativamente novo, discute-se muito a metodologia de como deve funcionar um grupo interdisciplinar, se precisa de um lider ou não, etc.
5
Meu projeto não se interessa em definir essas questões processuais do trabalho interdisciplinar, mas apenas estimular que essa interação aconteça. Mesmo assim, para o desenvolvimento
É o conjunto de conhecimentos específicos que têm as suas características próprias no terreno de ensino , da formação, dos mecanismos, dos métodos e dos materiais. Segundo Piaget, as relações entre as disciplinas podem se dar em três níveis: Multidisciplinaridade, Interdisciplinaridade e Transdisciplinaridade. Multidisciplinaridade É a justaposição de disciplinas diversas, ás vezes sem aparente relação entre elas . Na visão de Piaget, multidisciplinaridade ocorre quando a solução de um problema requer a obtenção de informações de uma ou mais ciências ou setores do conhecimento, sem que as disciplinas que são convocadas por aqueles que as utilizam sejam alteradas ou enriquecidas por isso.
Interdisciplinaridade É a interação que existe entre duas ou mais disciplinas, podendo integrar mútuos conceitos diretivos até a uma simples comunicação das idéias. Segundo Piaget, interdisciplinaridade é o intercâmbio mútuo e integração recíproca entre várias ciências, tendo com resultado um enriquecimento recíproco.
ANE XOS
Transdisciplinaridade
5
É uma etapa superior a interdisciplinaridade que não só atingiria as interações ou reciprocidades, mas situaria essas relações no interior de um sistema total. Piaget também define Transdisciplinaridade como a interação global das várias ciências. Segundo Silva seria a única forma válida de interação superando os limites da interdisciplinaridade.” Berger G. http://pt.slideshare.net/Ranlig/multiinter-ou-transdisciplinaridade
Conceitualização Vou me apropriar do conceito de interdisciplinaridade (por Berger) como parâmetro para as interações acadêmicas que quero propor, onde dois ou mais alunos possam se unir na resolução de um problema e que essa experiência gere aprendizado para todos os envolvidos. Mas não posso garantir que os alunos enxergarão dessa maneira, talvez eles fiquem só na questão do multidisciplinar, sem querer aprender uns com os outros, apenas trocar um conhecimento pontual para a resolução de uma questão específica, o que também é desejável. O objetivo final do projeto é promover a interdisciplinarização da universidade, a longo prazo.
ANEXOS 5
Dentro da plataforma aconteceriam apenas interações multidiscilpinares ou interdisciplinares. Com essas informações fui até o departamento de design conversar com a Cristine sobre a possibilidade de oferecer horas complementares para alunos que colaborassem entre sí, tanto em projetos complexos (interdisc.) quanto em colaborações pontuais (multidisc.). Uma vez que o sistema da PUC já oferece crédito para pesquisas e projetos feitos em grupo, porque não expandir mais esses horizontes?
Chegamos a conclusão de que seria possível oferecer pequenas quantidades de crédito para alunos que atingissem certo nivel de colaborações ou interações dentro da plataforma que eu estou criando, mas que seria muito difícil validar projetos mais complexos através de uma tela. Essa possibilidade de oferecer créditos para que os alunos corroborem dentro de uma plataforma é crucial para o sucesso da mesma, uma vez que para funcionar, precisa ter uma comunidade ativa e interessada em progredir.
Pesquisa técnica Sistema e programação Será desenvolvido em linguagem híbrida pois tem o menor custo de programação, já que um mesmo código pode ser lido por todos os sistemas e inclusive na web. O sistema contará com suporte SQL / NOSQL, mecanismos responsáveis pela gestão do sistema de TAGs e a organização do conteúdo virtual que será exposto na interface.
ANEX OS
Pesquisa de campo
5
Para validar alguns pontos e entender mais sobre meu público-alvo, criei um formulário e divulguei nos grupos de psicologia, design, engenharia e direito da PUC-Rio, obtendo 236 respostas. A seguir estão os gráficos com o conteúdo mais relevante.
1. Ao longo de seu trajeto na PUC-Rio precisou de suporte em outras áreas de estudo para desenvolver projetos acadêmicos ou pessoais?
16,3%
sim não
83,7%
2. A quem você recorreu para encontrar a ajuda necessária, dentro e fora da sua rede social? amigos
13% 14%
professores 42%
13%
laboratórios internet
18%
departamentos
3. Sente falta de um canal específico (app, site, etc) para facilitar esse tipo de interação colaborativa? Uma plataforma para encontrar parceiros e colaboradores.
26%
sim não
74%
ANEXOS
4. Sabia que trabalhos e pesquisas feitos em grupos dentro da PUC podem ser registrados como atividade complementar?
5
14%
sim 86%
não
Esses gráficos comprovam que os alunos procuram bastante suporte em outras disciplinas e que costumam tirar suas dúvidas mais com amigos e na internet do que com seus professores, laboratórios e departamentos, daí a necessidade de uma plataforma que facilite essas interações, possibilitando que elas sejam diretas e atinjam todos os alunos da universidade.
Análise de similares Toma Lá dá Cá http://www.tomaladaca.com.br Site de troca de objetos subdividido em categorias. Não possui uma moeda própria. Funcionamento: o usuário define a região onde quer realizar a troca, a categoria do produto, aponta o que tem para trocar e pede algo de valor similar, da mesma categoria, ou não.
ANEX OS
Função principal: rastrear produtos e oferecer produtos.
5
Objetivo: dar nova vida a produtos usados. Bliive http://bliive.com/explore Site de troca de serviços que funciona com moeda fictícia (TimeMoney). Para cada hora de atividade exercida o
usuário recebe um Time Money , que representa 1 hora de serviço na vida real e pode ser trocado por outros serviços. Funcionamento: define-se a região desejada para os serviços, especificase se está buscando um serviço ou oferecendo, cada opção vai para um painel; entao define-se a categoria para a busca, variando de massagens até passeios turísticos e aulas de matemática. as atividades são realizadas e os pontos são trocados, cada usuário acumula uma reputação pelos seus êxitos e fracassos. “A ideia é que quem participa da rede social tanto ofereça quanto consuma serviços nela disponibilizados.” Segundo Lorrana (idealizadora), a receita do Bliive é obtida por meio de parcerias com estabelecimentos como bares, restaurantes e lojas. Eles têm seus produtos e serviços divulgados na rede social em troca de uma mensalidade de R$ 60. Outra fonte de dinheiro é a criação de grupos personalizados de empresas, escolas e outras instituições.
Nestes casos, o preço varia em função do número de integrantes do grupo. Função principal: oferecer serviços e contratar serviços (muita variedade) Objetivo: Estimular a colaboratividade comunitária e social.
ANEXOS
Passei Direto https://www.passeidireto.com/
5
É uma plataforma gigantesca e um complexa onde estudantes podem formar grupos de estudo, seguir paineis onde suas disciplinas favoritas são desenvolvidas, encontrar material de estudo, tirar dúvidas uns dos outros e até mesmo conseguir emprego. A plataforma consegue te linkar com todos os outros alunos que estão no seu ciclo acadêmico, funcionando também como rede social, onde é muito fácil de se trocar conteúdo. É uma excelente plataforma no quesito de disponibilizar material didático, mas falhou no objetivo de integrar os alunos
ou criar uma comunidade proativa para discutir temas em escala nacional. Eles tentaram atingir um público extenso demais. O conceito de rede, porém, é muito proveitoso para o meu projeto. Gente Boa! https://www.genteboa.com/ Uma plataforma exclusiva para avaliação de universitários. Basicamente você pode buscar pelos nomes de gente que já trabalhou com e dizer 3 pontos positivos e 3 pontos que aquela pessoa poderia melhorar. As avaliações vão se aglomerando e sendo dispostas no perfil do avaliado, de forma que todo mundo fica sabendo seus pontos fortes e fracos. É útil para o meu projeto, na medida em que tenta encontrar um jeito de categorizar as pessoas a partir de avaliações subjetivas. Dessa forma ninguém mais seria pego de surpresa ao cair num grupo onde ninguém quer trabalhar. Preciso levar em conta que as pessoas precisam ter alguns parâmetros para conseguir decidir com quem querem trabalhar.
AN EXOS
Conclusão da Análise de Similares
5
Já existem e estão sendo desenvolvidas plataformas de ensino a distância, encontros casuais e que contemplam o universo acadêmico de forma geral, mas nenhuma delas é realmente análoga ao meu contexto de projeto. Por outro lado, seus sistemas de funcionamento como plataforma já foram bastante lapidados e são tangíveis ao usuário. Todas as plataformas que possibilitam a troca de serviços vem acompanhadas de uma moeda de troca (necessidade de garantia), que valoriza toda e qualquer atividade de forma igual, ou seja: 1 hora de consulta médica = 1 hora de jardinagem. Esse dado é muito rico na medida em que a moeda funciona como um estímulo para que as pessoas ofereçam tantos serviços quanto elas abrem solicitações, sabendo que sempre serão reconhecidas pelos seus esforços. Na plataforma Radar, essa moeda serão atividades complementares e a reputação do usuário.
Bibliografia Jesse James Garret - Metodologia http://www.jjg.net/elements/translations/ elements_pt.pdf
ANEXOS
G. Berger - Terminologia https://periodicos.ufsc.br/index. php/eb/article/viewFile/15182924.2011v16n32p1/19336
5
Pierre Bordieu - Conceitos http://revistacult.uol.com.br/ home/2010/03/uma-introducao-a-pierrebourdieu/
Obrigado por ler, caso tenha qualquer conselho ou ideia, manda um email para: contatorodrigomsl@hotmail.com
FIM