LIRO- app guide

LI R O GUIÃO DA APLICAÇÃO

Aplicação que com o recurso da câmara fotográfica desvenda informações sobre peças de estatuária e, quando esta é apontada para a peça correta algo mágico acontece.

Design de interação II Universidade da Beira Interior

Introdução DESIGN DE INTERAÇÃO II

Projeto proposto na unidade curricular de Design de Interação II, da Universidade da Beira Interior, Covilhã, Portugal.

Neste projeto foi proposto aos alunos a realização de uma aplicação tendo como por base um conto do livro “The Bloody Chamber” de Angela Carter.

O conto escolhido para o desenvolvimento da aplicação LIRO foi o “The Courtshio of Mr Lyon”.

Após uma pesquisa visual e concetual sobre aplicações já existentes, foi selecionado um tema mais concetual que abordasse a transformação final que ocorre no conto.

Essa transformação será abordada nas peças de estatuaria das quais estejam presentes um Leão. O processo de metamorfose para a peça David de Miguel Angelo reflete a idealização presente nos cânones deste artista ligando assim aos cânones literários da autora.

PLANEAMENTO Primeira abordagem a elementos de peรงas de estatuรกria, primeiros conceitos.

Pรกgina inicial do site: http://www.statuestorieschicago.com/

Inspirações relacionadas com as informações que uma peça de estatuária pode dar caso esta tivesse a capacidade de falar.

Projeto Behance The Vatican Museums

Inspirações relacionadas com a metamorfose de de peças de estatuária.

M O O D B OA R D

Parte do processo de investigação que foi feito relativa à autora. Este passa desde a música, arte, teatro, dança, pintura e culinária.

Parte do processo de investigação em que foi efectuado em grupo no qual os conceitos chaves são referenciados.

B R A I N S TO R M I N G settings

iniciar sessão

galeria

share

foto criar conta

info transformação

David

info

M A PA D E N AV EG AÇÃO

PLANEAMENTO

Ao iniciar app aparece a sua marca

Iniciar sessão, ou criar conta

Criar conta

Forma como o loading irá se dessenvolver, com rosas brancas a “cobrir” a estátua

Tirar foto ou gravar video ao pressionar

Ao deslizar para a esquerda teremosa informação sobre a estátua

Transformar leão em homem depois de rosas o cobrirem por completo (David de Miguel Angelo)

Ao deslizar para a direita teremos as opções de fazer share

Defenições de conta

StoryBoard e Wireframes Fase de planeamento de cada ecrã, nesta fase foi decidido os conteúdos de cada ecrã, assim como a localização dos mesmos de maneira organizada e de forma a serem sempre acessíveis.

DESIGN Estudo para a identidade visual da aplicação.

Símbolo da aplicaçã0 LIRO surge da junção de lion e rose. Desta forma reflectindo a cumplicidade destas duas personagens do conto de Angela Carter.

Primeiro esboço daquilo que vinha a ser a identidade da aplicação.

#000000

#3A050A

Estudo de cor do Leão numa tentativa de evidenciar a característica de mármore presente nas peças de estatuária.

Estudo da cor da rosa.

Resultado final da identidade visual da aplicação LIRO.

ícones

Icónes da aplicação demonstram um carácter simples onde a utilização de linhas finas é por demais predominante.

LIRO

lion+rose archer book

ABCDEFGHIJKL MNOPQRSTUVWXYZ abcdefghijkl mnopqrstuvwxyz 1234567890

Nome da aplicação surge da junção das palavras Lion e Rose.

A tipografia utilizada foi a Archer Book, com um caracter serifado remetendo assim para algo mais clássico.

ecrãs Ecrãs inicias onde o utilizador poderá criar conta e por consequência entrar na aplicação.

Espaço onde o utilizador pode captar a peça de estatuária poderá com um simples deslize no ecrã para a esquerda ver as informações relativas àquilo que fotografou. Tendo também a possibilidade de guardar na sua galeria e até mesmo partilhar o que foi registado nas mais diversas redes sociais.

Ecrãs representativos do processo de metamorfose quando a utilizador capta um Leão. Inicialmente este irá se cobrir totalmente de rosas e posteriormente irá se transformar na peça de estatuária David de Miguel Angelo relacionando assim os cânones da estatuária com os cânones literários de Angela Carter.

Mais uma vez o utilizador terá a opção de deslizar o ecrã e ai aparece um excerto da obra selecionada criando assim a coerência do conceito optado para este projeto.

Ecrãs representativos do espaço da aplicação reservado para as definições onde nestes o utilizador poderá alterar o nome de utilizador, definir uma nova palavra passe, alterar o e'mail, alterar o idioma , alterar a foto de perfil assim como a foto de capa.

Este espaço por si também é reservado ao sítio onde o utilizador poderá terminar sessão.

LIRO Fábio Costa, E9605 Design de interação II Universidade da Beira Interior