Capítulo 3: Pictty: uma Web App de Fotografia 14
3.2. Desafios de Design 22
3.2.5. Comunidade e Social Sharing 28
Outro desafio interessante do projecto foi conceber a dimensão "social" do Pictty. Por um lado, seria necessário tirar partido de várias redes sociais para dar visibilidade ao Pictty, aumentar-‐lhe o tráfego e até alimentá-‐lo de conteúdos. Por outro, seria importante tornar o próprio Pictty uma rede social, no sentido de criar um ambiente de comunidade que
fomentasse o envolvimento no jogo.
Para dar mais visibilidade ao Pictty foi usada a dinâmica de "social sharing".
Informações como resultados de duelo, resultados de competição ou aquisição de "badges de votador", passaram a poder ser partilhadas via Facebook, Twiter, Google + e via Email
(fig. 41, p. xx). Para cada um destes casos foram simulados os conteúdos que seriam
partilhados. Para aumentar a notoriedade foram também colocados no footer botões de "Like", "Tweet" e "G+1" tal como botões de "Follow Us" (fig. 42, p. xx), e foi utilizado o sistema de "Social Login" para agilizar o processo de registo no Pictty (fig. 43, p. xx). Para além de tudo isto, foi idealizado a funcionalidade de importar para o Pictty fotografias do
Flickr, Instagram e Picasa (fig. 44, p. xx).
Para tornar o próprio Pictty uma rede social seria necessário conectar os vários utilizadores através de páginas e conteúdos públicos. A página Gallery, segundo as directrizes iniciais, tinha o objectivo de dar a conhecer a quaisquer utilizadores todas as fotos em jogo ordenadas pelo dinheiro que valiam. No entanto, considerei que a "Gallery" tinha muito mais potencial se cada imagem tivesse um link para a "página de perfil" do seu autor e que essa mesma imagem mesma fosse um link para a sua "picture page" (fig. 45, p.
xx). Isto significava que a página "my pictty" e a "picture page" deixariam de ser privadas e
passariam a ser públicas. Assim, a página "my pictty" passou a ser a página de perfil de outros utilizadores quando vista por alguém que não fosse o “dono” dela. Nesta página foi idealizado um novo elemento crucial: a barra de perfil (fig. 46, p. xx). Nesta barra estariam a fotografia de perfil, o nome do utilizador, umas métricas que aferem o envolvimento do utilizador no Pictty e dois separadores que abrem as secções abaixo. Tendo esta página pública de utilizador em mente, a página "my pictures" —que se passou a chamar "portfolio"— e a página "my votes" passaram a ser separadores da barra de perfil. A
imagem fosse do utilizador ou de outro participante, permitiria o acesso ao perfil dos votadores de um determinado duelo ou mesmo à "picture page" de uma imagem rival (fig.
47, p. xx). Deste modo seria possível explorar o Pictty de um modo bastante mais aberto, o
que, no meu entender, iria aumentar a credibilidade na plataforma e fomentar o envolvimento no jogo.
O cliente aceitou algumas destas propostas, mas outras foram postas de lado por não irem de encontro aos interesses do negócio. A “Gallery”, em vez de ter informação sobre o valor actual das imagens, passou a ter o valor mais alto que as imagens atingiram. Ficou por decidir se as imagens da “Gallery” deveriam ter ou não links para a suas "páginas de pormenor" e para as "páginas de perfil" dos seus autores. No entanto, decidiu-‐se que, ao clicar numa imagem, ela simplesmente apareceria em fullscreen. A barra de perfil do "my
pictty" foi também aceite, mas a informação que consta no separador "my pictures" é
diferente caso seja o próprio dono ou outro utilizador. Já no separador "my votes", o histórico "pictures i voted for" passou a ser um conteúdo privado apenas para o próprio utilizador. A "picture page" deixou de ser pública e, ao clicar numa "imagem rival", em vez de ir para a sua página de detalhe, o cliente preferiu que abrisse um modal com os
resultados do duelo.
Em suma, o processo real de UX e UI design do Pictty diferiu do planeamento inicial
(fig. 48, p. xx). O acompanhamento e participação regular do cliente e PM no processo de
design permitiram introduzir a perspectiva do Agile Software Develpment no projecto. A fase de wireframes foi a mais longa de todo o processo e, após esta fase, surgiu uma tarefa que, não tendo sido prevista inicialmente, se revelou muito importante: a criação e
apresentação de walktroughs. Seguidamente foram feitos testes de usabilidade a um
protótipo de papel cujos resultados foram integrados directamente no desenho de mockups para as várias páginas e instâncias da aplicação. O resultado final excedeu o briefing do cliente em quantidade de funcionalidades e simplicidade dos modelos conceptuais.
Capítulo 4: Outros Trabalhos
Apresentam-‐se, de seguida, outros trabalhos realizados paralelamente não relacionados com a aplicação Pictty:
4.1. Encomendados
Cartaz "Intenções 2016" (fig. 49, p. xx)
Sendo a Premium Minds uma organização que aposta na liberdade e satisfação dos trabalhadores, um dos processos que tive a oportunidade de acompanhar foi a recolha de opiniões e desejos de todos os colaboradores no que se refere à sua relação com o trabalho. Com esse levantamento, a administração da empresa estabeleceu as intenções para o ano, intenções essas que deveriam ser apresentadas sucintamente num cartaz de comunicação interna cuja execução me foi atribuída.
De modo a ser coerente com a imagem global da empresa, não só utilizei cores e fontes tipográficas presentes no manual de normas gráficas da Premium, como utilizei um
layout e elementos gráficos em sintonia com os outros suportes de comunicação interna. O
cartaz foi iterado várias vezes até a administração da empresa aprovar a impressão de um exemplar.
Depois de impresso em escala real e exposto nos locais finais percebi que fazia sentido alterar alguns detalhes como, por exemplo, a entrelinha. Para além disso, os próprios trabalhadores da empresa detectaram erros no texto. Por conseguinte, reeditei o cartaz e foram impressos e afixados os novos exemplares.
Painéis e autocolantes “ORCS” (fig. 50, p. xx)
Posteriormente à determinação das intenções supra referenciadas, a administração da empresa pediu a cada equipa que associasse os seus objectivos específicos às intenções da
Premium. Seguidamente, foi pedido a cada trabalhador que definisse resultados-‐chave para
cada objectivo e, assim, os funcionários e equipas passariam a poder trabalhar no sentido de concretizar as intenções da empresa.
Neste contexto foi-‐me pedido que projectasse um painel que facilitasse o processo de reflexão e comunicação dos objectivos e resultados-‐chave de cada equipa. Cada painel devia ter espaço para no máximo 8 intenções, 10 objectivos e 4 resultados-‐chave por objectivo. Cada equipa devia poder preencher o painel livre e independentemente de mim ou de qualquer outro designer, contando que o resultado fosse legível e esteticamente agradável.
A proposta que desenvolvi foi um painel-‐base e 3 tipos de autocolantes. O painel foi concebido para ser impresso a preto e branco no formato A1, e consiste numa série de