Criação do wireframe digital: definição de telas e decisões sobre conteúdos e navegação

 Dentro do Figma o wireframe começa a ser estruturado ainda a partir de imagens das telas feitas à mão livre em papel:

Ele será a base para a construção do wireframe digital:

Na sequência, os conteúdos já definidos ou aqueles que ainda estão sendo analisados começam a ser posicionados em suas respectivas telas:

Inclusive já é possível simular a visualização do aplicativo como ele seria numa tela de celular:

Mas ainda há bastante trabalho para a equipe fazer até que o protótipo funcional fique pronto. 

A interface começa a ganhar cara

No último dia 10 de junho nos reunimos na sala CC-108 da sede Centro da UTPR, campus Curitiba, para sentarmos e botarmos no papel tudo que já tínhamos coletado em termos de dados obtidos a partir de uma pesquisa visando identificar o público-alvo. Inclusive com a criação de personas:

A partir das informações disponíveis cada um fez esboços de possíveis telas do aplicativo em folhas de papel A4. Estas folhas foram coladas na parede para que todos pudessem analisar e fazer comentários e sugestões por meio de post-its: 

Depois as telas desenhadas foram recortadas de suas folhas para que pudessem ser combinadas entre si: 

Agora era a hora de deliberar sobre quais as telas que melhor se encaixavam no projeto:

E as diferentes telas foram colocadas lado a lado simulando um wireframe:

O próximo passo agora era jogar essas telas no Figma para que toda a equipe pudesse manipulá-las e construir a versão digital do wireframe. 

Atualizando o status do Projeto

 

fonte: imagem criada pelo Bing Image Creator

Após algumas semanas de conversações conseguimos montar um time com quatro alunas do curso de Tecnologia em Design Gráfico (Débora, Maria Eliza, Milena e Stephanie) e uma aluna da Engenharia da Computação (Alessandra). Todas têm interesse e vivência em UX e UI em diferentes níveis e estão bem motivadas. Alessandra entrou no grupo a partir de uma sugestão do Prof. Bogdan, que acreditou que haveria potencial de um bom projeto se algum aluno das Computações em final de curso pudesse juntar-se ao projeto com seu TCC.

fonte: Pexels.

Após a leitura e fichamento de alguns textos acadêmicos (basicamente TCCs e artigos científicos), o grupo começou a trabalhar em cinco eixos principais: metodologia de projeto, conteúdo, acessibilidade, perfil do usuário e pontos de contato entre design de interface e programação.

fonte: Wikimedia commons

Para a metodologia de projeto, foi escolhida a do Duplo Diamante (Double Diamond), que é comum no universo do UX e que, por coincidência, o grupo já estava praticando intuitivamente.

 

fonte: Pexels.

No momento estamos trabalhando para determinar o público-alvo, que entendemos ser composto principalmente por pessoas que transitam por Curitiba (turistas e moradores) e que não têm muita informação sobre vitrais e sobre vitrais em tradições religiosas minoritárias, como alguns que estão em templos de igrejas evangélicas históricas. 

fonte: divulgação

Uma delas é a Primeira Igreja Batista de Curitiba e seus vitrais monumentais, com cuja liderança estamos em contato para que nos permita o uso de imagens e informações para um protótipo do aplicativo.

Seguimos em frente, porque esta etapa do projeto deve terminar em agosto deste ano, por ser o prazo final dos editais de Iniciação Científica dos quais as alunas da Tecnologia estão participando.

 

Projeto de iniciação científica sobre vitrais e Realidade Aumentada

 

fonte da imagem: Binge Image Creator

Olá, eu sou o Professor Ed Sarro e trabalho no Departamento de Desenho Industrial da UTFPR, campus Curitiba. Eu estou começando um projeto de iniciação científica envolvendo vitrais e Realidade Aumentada. O objetivo do projeto é desenvolver uma aplicação de Realidade Aumentada (ou adaptar uma já existente), para apresentar e divulgar vitrais de espaços religiosos não católicos da cidade de Curitiba. É um projeto de dois anos e no momento nossa demanda maior é por pessoas que tenham familiaridade com Realidade Virtual e que conheçam linguagem de programação para esse fim, além, é claro, algum tipo de interesse pela arte dos vitrais. 

O QUE SÃO VITRAIS?

Vitrais são elementos arquitetônicos compostos de vidros coloridos instalados em caixilhos de metal ou de madeira, formando janelas com desenhos abstratos, geométricos ou figurativos, que ajudam a criar efeitos tanto ambientais quanto narrativos por meio de jogos de luz e cor.

fonte da imagem: pexels

A origem do vitral é incerta, mas a literatura fala do uso do vidro colorido em janelas em Roma a partir do século III d.C.  O grande apogeu do vitral se deu na Idade Média, no período gótico (por volta do século X a XV) nas catedrais europeias, principalmente na França e na Alemanha. O vitral também floresceu no mundo islâmico. 

fonte da imagem: pexels

No século XV, partir da Reforma Protestante, a restrição ao uso de imagens nas celebrações e as guerras de religião afetaram a arte do vitral levando-a a certa estagnação. 

Foi só a partir do final do século XIX, com os movimentos Arts & Crafts, Art Nouveau e Art Déco é que o vitral sofrerá um revival, saindo do universo religioso e se tornando elemento de design de interiores e de uso secular, figurando em mercados, museus, estações de trem, cafés e residências particulares. 

fonte da imagem: pexels

No que diz respeito a Curitiba, a cidade é privilegiada por possuir tanto exemplares de vitrais de grande qualidade estética e técnica (instalados em templos religiosos, espaços culturais e edifícios públicos, indo do mais tradicional ao mais moderno), quanto vitralistas importantes em atividade, como Lorenz Heilmeier e Loire Nissen. Para ilustrar a presença do vitral entre nós, podemos citar exemplares como os do Santuário Nossa Senhora de Guadalupe(reconhecido pela ONU como sendo de interesse histórico), os dos templos centenários da Comunidade Luterana do Redentor e da Igreja Presbiteriana da Rua Comendador Araújo (ambos no Centro) e exemplares mais recentes, como os vitrais da Igreja do Sagrado Coração de Jesus, no bairro Água Verde e, não muito longe dali, no Batel, os vitrais monumentais da Primeira Igreja Batista de Curitiba (produzidos com a moderna técnica de structural glazing), para citar alguns exemplares do universo religioso.

O QUE É REALIDADE AUMENTADA?

Diferentemente da Realidade Virtual, que cria ambientes virtuais digitais, a Realidade Aumentada é uma técnica que insere marcadores digitais em determinado ambiente, perceptíveis por meio de dispositivos fixos e móveis, e que permitem ampliar a experiência sensorial do usuário com certo conteúdo.

fonte da imagem: pexels

Ela tem sido usada em diferentes campos e aplicações, desde o entretenimento e educação passando pela engenharia, a medicina e o comércio digital.

UNINDO R.A. E VITRAIS

A pergunta base do nosso projeto é: como usar a tecnologia digital para divulgar exemplares de vitrais presentes em espaços de tradições religiosas não católicas existentes na cidade de Curitiba a um público que não os conhece? 

Os vitrais e seu conceito de imagens projetadas em ambiência (por meio da luz que atravessa janelas com vidros coloridos) são ancestrais de inventos como a câmera escura, a fotografia, o cinema, os projetores de slides, os retroprojetores e os projetores multimídia, e estão na gênese de formas de arte sequencial populares, como as histórias em quadrinhos, por exemplo (BRANDÃO,1994). Além do fato de serem depositários de grande parte da arte que se produziu no Ocidente, os vitrais possivelmente ajudaram também na construção do modelo mental e na forma de lidar com a informação imagética de nossa civilização (SARRO; FERNANDES, 2022).

fonte da imagem: pexels

No que diz respeito à Realidade Aumentada (R.A) e sua relação com vitrais, há pelo menos duas iniciativas fora do Brasil associando essa moderna tecnologia digital com aquela arte secular. Uma delas é o sobre o uso de R.A para interação com conteúdo físico (e também virtual) relacionado à preservação de elementos do Patrimônio Cultural do sítio histórico nacional de Parliament Hill, em Ottawa, Canadá. Por meio de Realidade Aumentada, visitantes puderam continuar a ter acesso ao conteúdo dos vitrais de janelas neogóticas, instaladas na Câmara dos Comuns, pelo tempo em o espaço esteve fechado para reformas (CARRIÓN-RUIZ et al,2019). 

                 fonte da imagem:https://www.researchgate.net/publication/330771332, Acesso em 21 abril 2022.

A outra iniciativa é do Vitromusée, museu do vidro situado na cidade suíça de Romont, no Cantão de Friburgo. O museu desenvolveu um aplicativo com Realidade Aumentada para auxiliar visitantes a ter acesso a informações importantes sobre vitrais, (tais como dados do artista, significado das figuras, esboço original da peça e ano de confecção), bem como para ampliar detalhes de modo a serem observados mais de perto. O aplicativo pode ser baixado para celulares nas versões iOS e Android (a partir de lojas virtuais) e usa a câmera do aparelho para fazer a varredura do vitral. 

                                                          fonte da imagem: https://vitromusee.ch/

Seria positivo disponibilizar algo parecido para o acesso do grande público de Curitiba com fins da divulgação de vitrais presentes em espaços religiosos de outras tradições que não a católica e por isso, talvez menos conhecidos da população majoritariamente católica.

REFERÊNCIAS

BRANDÃO, Inácio de Loyola. Luz no êxtase: vitrais e vitralistas no Brasil. São Paulo: Doréa Booksand Art, 1994. 

CARRIÓN-RUIZ, Berta et al. Augmented Experience to Disseminate CulturalHeritage: House Of Commons Windows, Parliament Hill National Historic Site (Canada). Artigo.Disponível em: https://www.researchgate.net/publication/330771332, Acesso em 21 abril 2022.

SARRO, Ed Marcos; FERNANDES, Marcio Luiz. (artigo): Do figurativo ao abstrato: nuances dovitral na arquitetura religiosa protestante brasileira em Curitiba. Revista Caminhando v. 27, p. 1-22,jan./dez. 2022 <https://doi.org/10.15603/2176-3828/caminhando.v27e022013>