Interacção Pessoa-Máquina Relatório da terceira fase Perfect Home Turno Prático P1 Professora Teresa Romão Realizado por: David Teixeira 42645 Pedro Martins 41976 Page 1
Conteúdo Introdução... 3 Protótipo... 3 Storyboards... 4 Storyboard 1... 4 Storyboard 2... 6 Storyboard 3... 7 Briefing... 9 Cenários... 9 Cenário 1... 9 Cenário 2... 9 Cenário 3... 9 Observações... 10 Page 2
Introdução Nesta fase do trabalho confrontámos o modelo por nós idealizado para uma aplicação de aluguer / compra de casas com vários sujeitos de teste (vulgo: colegas de turma). Tal como descrito por Suwa e Tversky, produzimos um protótipo inicial (tosco) feito em papel de modo a experimentar as ideias que fomos consolidando nas fases anteriores deste projeto. A interação e experimentação com esse esboço de programa potenciou, de forma evidente, tanto a descoberta de situações não antecipadas anteriormente, como o aparecimento de novas ideias e funcionalidades através de descobertas que fizemos ao longo deste teste, ambas contribuiram, na nossa opinião, grandemente para a melhoria geral da interface da aplicação. Neste documento tentamos detalhar sucintamente os vários passos dados e ilações tiradas. Protótipo Page 3
Storyboards Storyboard 1 Alugar uma casa. Menu inicial, carregar no botão Register de modo a iniciar o processo de registo. Preencher os dados de registo obrigatórios. Clicar no botão Set Point of Interest de modo a escolher o ponto de interesse. Após procurar o sitio preferencial(por exemplo : FCT UNL) clicar no botão Select para formalizar a escolha. Verificar se os dados inseridos estão em conformidade e clicar em Register para completar o processo de registo. Clicar em ok para prosseguir. A aplicação retorna ao Menu inicial. Page 4
Escolher as preferências e verificar a procura na imagem, clicar em List Results para mostrar os resultados em forma de lista. Clicar em View Details para ver detalhes acerca da casa escolhida Clicar em GET it para sinalizar a casa a alugar. Clicar Confirm it para confirmar o aluguer da casa Clicar Ok, para finalizar o processo de aluguer e voltar ao menu inicial Page 5
Storyboard 2 Comprar uma casa com um utilizador já previamente registado. No menu inicial, carregar no botão Login. Inserir o Login ID e a password e carregar no botão Login. Clicar no botão Buy. Escolher as preferências para a casa a comprar Clicar em List Result. Para mostrar as casas em lista. Clicar em View Details para ver detalhes acerca da casa escolhida Clicar em GET it para sinalizar a casa a alugar Page 6
Clicar Confirm it para confirmar a compra da casa Clicar Ok, para finalizar o processo de compra e voltar ao menu inicial Storyboard 3 Alugar/Comprar uma casa já previamente escolhida e adicionada aos favoritos com um utilizador já previamente registado.. No menu inicial, carregar no botão Login. inserir o LoginID e a password e carregar no botão login. Clicar no botão favourites na Barra de menus. Page 7
Clicar na casa pretendida, na lista dos favoritos. Clicar na foto da casa para ver detalhes. Clicar em GET it para sinalizar a casa a comprar Clicar Confirm it para confirmar a compra da casa Clicar Ok, para finalizar o processo de compra e voltar ao menu inicial Page 8
Briefing O nosso projeto consiste no desenvolvimento de um interface web e mobile para aluguer e venda de casas, de acordo com as especificações e preferências do utilizador. Cada utilizador, pode se registar no sistema, obtendo uma credencial constituída por username e password. Apenas se um utilizador se registar poderá obter o total das funcionalidades de aluguer/vendas, caso contrário o utilizador apenas conseguirá visualizar as casas que estão disponíveis; não sendo permitido comprar/alugar ou mesmo ver detalhes. Temos 3 cenários distintos a serem testados. Cenários Os Storyboards são um exemplo de caminho possível para a prossecução de cada um dos seguintes cenários. Cenário 1 O João, um estudante universitário acabado de chegar do Porto, está interessado em procurar uma casa para alugar. Devido a não conhecer Lisboa, necessitaria de algum tipo de informação para poder escolher a casa que deseja alugar. O João sendo um jovem estudante prefere naturalmente alugar um local, que seja próximo da localização da sua universidade, pois não quer perder muito tempo no caminho. Visto que o João contém a aplicação Perfect Home, esta baseada na localização inserida, disponibiliza um conjunto de casas de aluguer para o tipo do utilizador, sendo este o tipo estudante, o sistema irá disponibilizar todas as residências universitárias e todas as casas para estudantes no raio escolhido pelo João. Dando ao João a casa desejada sem ter que se informar. Cenário 2: O Manel, um pai de uma família, devido à sua antiga casa ser pequena e estar mal localizada, decide procurar outra casa para comprar. Pelo facto de ser um homem muito ocupado e trabalhador, não encontra tempo para procurar casas nos jornais ou mesmo nos placares que vê na rua, pois as especificações que pretende são muito difíceis de encontrar e demoram muito tempo a investigar. Como o Manel contém a aplicação Perfect Home, o seu problema fica solucionado. O Manel apenas necessita indicar qual a localização pretendida e indicar quais as especificações desejadas. Obtendo assim uma lista de imobiliários totalmente filtrados para as necessidades do Manel. Cenário 3 O Zé, um recém trabalhador, pretende sair de casa e comprar a sua própria casa. O Zé anteriormente já utilizou o sistema Perfect Home, encontrando assim a casa dos seus sonhos. O único problema que se apresenta é como poderá o Zé garantir a compra da sua casa. O Zé entra no sistema e conclui a sua autenticação, acede à casa que tinha guardado como favorito e inicia o processo de compra. A partir deste momento a casa está automaticamente bloqueada para este utilizador e este deve proceder ao pagamento e comunicação com o vendedor do imóvel. Page 9
Observações Reparámos que os utilizadores, estavam a ter problemas em entender o que era o ponto de interesse na pesquisa de arrendamento, tendo para isso alterado o nome para o ponto de interesse especificado no registo. No nosso cenário o aluno iria inserir como ponto de interesse, FCT-UNL. Em vez de na nossa interface aparecer Point of Interest alteramos para FCT-UNL, tornando a interface mais intuitiva. Um sujeito de teste declarou que devia ser mais evidente a ligação entre a caixa de inserção Range e a drop-down From, de facto faz-nos sentido agrupar estes dois items de maneira diferente, de modo a ser óbvio o quanto estão relacionados. Reparámos também que alguns nomes de atribuídos, na nossa interface não estavam intuitivos, nomeadamente Saved Searches e alterámos para algo comum em muitas aplicações, que são chamados os Favoritos. Outro dos problemas que reparámos, foi que os utilizadores não compreendiam bem os rádio buttons M e F. A correção aplicada será em vez de inicias descrever a palavra em questão, nomeadamente Masculino e Feminino. Page 10
Durante a observação, percebemos que o ponto crucial eram os ícones, se os utilizadores entendem o significado de cada ícone a interface fica fácil e intuitiva. Os ícones devem estar explícitos e devem fazer analogias a outros sistemas já conhecidos, ou, símbolos do dia-a-dia, desta maneira o utilizador entende o que pode fazer e o que fez no sistema. Page 11