guiao demografica

of 6 /6
Universidade de Aveiro 2011/2012 Projeto BackToBasics Orientador: Ana Amaro Carla Taveira |47065 Liliana Almeida | 49905 Francisco Silva | 51054 Sílvio Dias | 51068 Guião - Demo Gráfica

Author: silvio-dias

Post on 01-Jul-2015

456 views

Category:

Documents


3 download

Embed Size (px)

TRANSCRIPT

  • 1. Universidade de Aveiro 2011/2012ProjetoBackToBasicsGuio - Demo Grfica Orientador: Ana AmaroCarla Taveira |47065Liliana Almeida | 49905 Francisco Silva | 51054Slvio Dias | 51068

2. Guio Demo Grfica BackToBasics A presente demo grfica pretende apresentar o conceito do nosso projeto ilustrando ocaminho feito para chegar at ao pretendido. So mostradas as formas possveis para obter ainformao. O nosso objetivo passou por verificar como se comportam as opes denavegao e interao com o utilizador. Este estudo deu-nos algumas indicaes do futurocomportamento da nossa grelha.Foi utilizado o Adobe Premiere Pro para a montagem desta demo e o BalsamiqMockups para criar as pginas apresentadas. Neste exemplo o pretendido a obteno da informao necessria para solucionar oproblema narrado no incio da demo.Sero apresentadas todas as pginas que esto pensadas para fazerem parte da nossaaplicao, algumas delas que no foram mostradas na demo.Demo Grfica Vdeo1. Utilizador entra na aplicao;2. Faz registo (preenchimento de formulrio);3. Passa para a pgina de criao do seu perfil (preenchimento de formulrio);4. Carrega imagem para o seu perfil;5. Home Page;6. Seleciona no menu Culturas a Cultura Ervas;7. Procura informao dentro desta cultura (no encontra o pretendido);8. Procura informao na pesquisa rpida;9. Seleciona o que aparentemente lhe interessa;10. Analisa a pesquisa (no encontra o pretendido);11. Seleciona separador Frum;12. Seleciona tpico onde a sua pergunta/comentrio se insere;13. Coloca questo no Frum;14. Aguarda (Teve sorte! Esperou pouco.); 2 3. 15. Recebe notificao (responderam sua questo);16. Clica na notificao;17. direcionado para o Frum;18. Repara que quem respondeu sua questo foi um parceiro da nossa aplicao(informao fidedigna);19. Acede ao perfil do parceiro a partir de link na foto e nome;20. Clica Marcar Visita;21. Seleciona o dia em que pretende fazer a visita;22. Clica Marcar;23. Acede rea de Actividade Online, visualizao em direto de imagens captadas porcmaras instaladas na respetiva quinta streaming de vdeo;24. Acede pgina onde tens todos os parceiros;24. Sai da Aplicao.Descrio das pginas: Fig. 1 Pgina Inicial. A navegao na nossa aplicao comea com a pgina iniciar apresentada acima, estad a possibilidade ao utilizador para se registar ou fazer login. Exibir tambm uma galeria deimagens que servir para informar o utilizador do tipo de perfil a escolher no registo. Estaescolha servir para filtrar o contedo que ser visto. Se o utilizador escolher HortaComunitria visualiza no murar comum (explicado mais frente) comentrios, noticias, etc, 3 4. sobre o tipo de perfil. No caso de ser curioso v tudo. O utilizador poder mudar o tipo deperfil mais tarde, se assim desejar.Se a primeira vez que o utilizador acede nossa aplicao, depois de efetuado oregisto direcionado para uma pgina onde ir criar o seu perfil. Este poder preenche-lo nomomento ou preencher mais tarde acedendo edio do perfil. Posto isto entra na HomePage. Caso j seja um utilizador registado ao efetuar o Login redirecionado para a HomePage.Fig. 2 Home Page. A Home Page ir conter um mural comum. Este mural exibir posts relacionados com otipo de perfil escolhido pelo utilizador. No entanto, este poder ver os posts de outros tipos deperfil acedendo ao drop down menu e escolhendo o tipo de perfil dos posts que pretendevisualizar. Ser possvel comentar os posts ou ento denunci-los por ter contedo imprprio.As diferentes culturas abordadas na aplicao estaro dentro do menu culturas e teroo seu prprio espao. Nesse espao ser exposta toda a informao relativa a essa cultura.No perfil do utilizador haver um mural dos posts escritos pelo prprio utilizador. Aqui,no momento em que se escreve o post seleciona-se o tipo de perfil em que este post se insere.Assim, no caso de o utilizador mudar o seu tipo de perfil, aquele post estar semprerelacionado com o tema tratado. Isto tornar a filtragem mais fcil e organizada. no prprio perfil que poder editar ou eliminar posts, ver amigos, fotos e outros. 4 5. Fig. 3 Perfil utilizador.As entradas no Form ficaro registadas na base de dados e uma das vantagens decolocar aqui as questes o facto de estas poderem ser respondidas pelas parcerias daaplicao o que torna a informao daqui retirada fidedigna. Este est organizado por temas(Geral, Agricultura Biolgica, Culturas, etc), estes podem dividir-se ou no por mais subtemas(dentro de Culturas a diviso feita pelas diferentes culturas, por exemplo).Os parceiros sero todos exibidos no menu Parceiros e cada um ter o seu prprioperfil que ser acessvel a partir desta pgina. Podero ou no ter marcao de visitas eatividade online, dependendo do Parceiro.Aspetos retirados neste estudo:Positivos: O nosso estudo de grelha mostrou-se adequado, contudo tivemos que fazeralguns ajustes propostos pelos professores Ivo e Jnior. Este estudo permitiu lembrar algunsbotes e rea de contedos esquecidos.Negativos: Conceptualmente o menu inicialmente criado parecia muito bom, cominspirao do que utilizado pelo jornal JN, mas quando foi criado mostrou-se visualmenteinesttico e exibia informao redundante, por isso recorremos a outra soluo mais eficaz.Chegmos concluso que era muito confuso o utilizador poder postar e comentar em vrioslocais e reduzimos as opes. A pgina das quintas parceiras foi retificada, verificou-se quetinha demasiados link. A sua informao foi melhor organizada.5 6. Fig. 4 Menu pensado inicialmente.Fig. 5 Menu actual.Referncias Bibliogrficas Preece, R. S. Design de Interao (ARTMED ed).6