Mobile Park Guide

Aplicações para parques naturais:
Linhas orientadoras para o desenvolvimento
Apresentação do plano de investigação

Luís Filipe Brasil de Melo - 49722

Orientação
Doutor Jorge Trinidad Ferraz de Abreu
Co-orientação
Mestre Telmo Eduardo Miranda Castelão da Silva

Luís Melo | MCMM | 10 de Janeiro de 2014

1


Contextualização


2


Contextualização (cont.)

» Novos meios de comunicar;
» Um novo dispositivo;
» Nova tendência de mobilidade;
» Novos dados;
» Tendência para utilização de guias digitais
Porquê?


3


Contextualização (cont.)

» Mentalidade das pessoas tem vindo a mudar;
» Necessidade instantânea de acesso à informação;
» Preocupações por parte dos administradores;

Mobile Natural Park


4


Questão de investigação

Quais as linhas orientadoras de design para o desenvolvimento de

uma aplicação móvel no contexto das visitas aos parques, reservas
e áreas naturais?


5


Objetivos gerais
» Proporcionar uma experiência agradável e correspondente às necessidades, hábitos e

preferências dos utilizadores;
» Permitir obter informação relativa aos parques e zonas circundantes em tempo real,
através de um smartphone;
» Fornecer mecanismos que permitam aos administradores dos parques fornecer aos seus
visitantes momentos de ludicidade bem como de segurança e aprendizagem;
» Permitir à empresa AzorIT Systems desenvolver um produto capaz de ser comercializado
e personalizado pelos seus clientes;


6


Objetivos específicos
» Efetuar um estudo de mercado em relação às já aplicações existentes;
» Efetuar um conjunto de análises de usabilidade das aplicações existentes;
» Criação de uma identidade gráfica para a aplicação;
» Definição das várias funcionalidades a implementar (requisitos funcionais);
» Definição dos vários pontos de orientação de design associados às várias
funcionalidades;
» Construir uma grelha e interface final da aplicação;

» Criação de um protótipo.


7


Enquadramento teórico
Elementos de design

» Contexto:
-

Função chave de cada aplicação perceber como deve fornecer o seu conteúdo, sabendo
qual o contexto de utilização;

» Layout:
-

É através do layout que o utilizador irá visualmente processar e interpretar a página, com
base nos componentes visuais e da estrutura da informação;


8


Enquadramento teórico (cont.)
Elementos de design
» Cor:
-

Proporciona um excelente método de comunicação da marca, o seu valor e o intuito da
interface.
“Leveraging color effectively can visually engage the audience and create a desired visceral
effect” (Krishan, 2012)

» Tipografia:
- O ecrã de um dispositivo móvel é consideravelmente mais pequeno, e consequentemente a
leitura e legibilidade do texto também.


9


Aplicações


10


Funcionalidades


11


Estudos heurísticos (Nielsen, 1995)
» Importante perceber quais os principais problemas existentes, de modo a serem evitados no

desenvolvimento do projeto. Não só pretende-se encontrar os grandes e pequenos problemas,
mas também o que está bem desenvolvido:
- “Verificou-se alguma inconsistência nas cores entre os vários ecrãs”
- “Verifica-se que o título é sempre o mesmo ao longo da aplicação”
- “Não existe qualquer feedback ao adicionar ou remover um item”


12


Testes de usabilidade
» Deteção de problemas que surjam no que diz respeito ao paradigma de interação que um

dispositivo móvel utiliza;
» Comportamento dos vários utilizadores e quais as dificuldades que estes irão enfrentar na
utilização de cada aplicação;
- “Botões considerados importantes devem ser representados na zona superior da
aplicação”
- “Listagens devem estar ordenadas por ordem alfabética ou por distância,
independentemente do tipo de conteúdo”

- “Ecrã inicial nunca deve ser equivalente aos restantes ecrãs”

13


Sistemas de recomendação
» Ferramentas muito úteis na preservação da informação, de modo a evitar que seja

encontrado um grande volume de conteúdo nas aplicações;
» Dados referentes ao utilizador através do seu perfil e das próprias caraterísticas do ambiente
envolvente;
» Algoritmo que possibilita a filtração de informação tendo por base um conjunto de

parâmetros previamente definidos, fazendo corresponder os melhores resultados a esses
dados filtrados;


14


Metodologia
Natureza Exploratória
» Através de análises a aplicações já existentes e de investigação literária, de estudos já

efetuados que deem suporte ao estudo, pretende-se perceber quais as linhas de orientação de
design que devem ser criadas de modo a ajudar no desenvolvimento de uma aplicação móvel
no contexto dos visitantes dos parques naturais.

Compreender a realidade do contexto do projeto


15


Metodologia (cont.)
Procedimento Investigação-Desenvolvimento

-

Linhas orientadoras a criar;

-

Criação da identidade gráfica;

-

Necessidades dos visitantes e

-

Criação do design de interação;

administradores;

-

Desenvolvimento do protótipo;

-

Avaliação;

Estudo de caso


16


Metodologia (cont.)
Recolha de dados
» Análise documental;
» Questionários (testes de usabilidade – avaliação do protótipo);
» Observação (testes de usabilidade – avaliação do protótipo);

Participantes
» Amostra estratificada;
» Possuam ou não um dispositivo móvel;
» Possíveis utilizadores finais da aplicação (caminhantes, viajantes, exploradores, etc);


17


Modelo de análise

Quais as linhas orientadoras de design para o desenvolvimento de uma aplicação móvel no
contexto das visitas aos parques, reservas e áreas naturais?

Conceitos

Dimensões

Indicadores

Necessidades
Parques Naturais

Administradores, visitantes

Características

Flora, fauna, atividades, serviços

Contexto

Reservas, parques, áreas protegidas

User Experience
(UX)

Satisfação, emoção, afetividade, recompensa, cumprir
expectativas, feedback, eficácia, eficiência, qualidade
de experiência, perfil dos utilizadores

Usabilidade

Heurísticas de Nielsen, testes de usabilidade, contexto
de utilização, interação HCI, curva de aprendizagem,
autonomia

Utilizadores

Literacia tecnológica, experiência com dispositivos
"touch", consumo de conteúdos "mobile", preferências
em determinado contexto, métodos e técnicas,
literacia tecnológica,

Conteúdos

Áudio, texto, vídeo, imagem

Aplicações
móveis

Funcionalidades

Dispositivo

Acelerómetro, localização, acesso à internet (Wifi ou
3G/4G), paradigma de interação, mecanismo de
interação, plataformas

Dispositivo

Linhas
orientadoras de
design

Visualização de conteúdos, partilha de conteúdos,
recomendação por contexto, avaliação de conteúdos,
eliminação e edição de conteúdos, filtragem

Dimensões do ecrã, dimensões dos ícones, resolução,
plataformas

Navegação

Arborescência, tempo de resposta, paradigmas de
interação por toque

Grafismo

Estrutura da informação, organização da iconografia,
esquema cromático, tipografia, design flat ou com
gradientes, tamanho dos ícones, tamanho do texto,


18


Plano de contingência
A correr mal …
» Desenvolvimento do protótipo na plataforma da AzorIT Systems;

Soluções …
» Utilização de aplicações “browser-based” (web mobile)
Fluid UI, Axure RP, justinmind


19


Cronograma
Semanas

Setembro
1 2 3

1

Outubro
2 3 4

5

1

Novembro
2 3 4

1

Dezembro
2 3 4

1

2

Janeiro
3 4

5

1

Fevereiro
2 3 4

1

Março
2 3

4

1

2

Abril
3 4

5

1

2

Maio
3 4

5

1

2

Junho
3 4

Planeamento
Definição do conceito e objetivos da investigação
Reuniões de orientação
Definição da pergunta de investigação
Recolha bibliográfica
Análises das aplicações existentes
Testes de usabilidade às aplicações
Definição da metodologia
Elaboração do Modelo de análise
Redação do enquadramento teórico
Definição dos requisitos funcionais da aplicação
Desenvolvimento
Revisão das linhas orientadoras de design definidas
no enquadramento teórico
Construção do manual de identidade visual
Construção do design da aplicação
Desenvolvimento do protótipo de baixa fidelidade
Avaliação e teste
Construção do planeamento dos testes
Execução dos testes
Tratamento dos dados
Análise e interpretação
Redação da dissertação


20

5


Resultados esperados
» Manual de identidade visual
» Documento com as linhas orientadoras de design, acompanhadas do bom e mau design
de cada ecrã;
» Fazer corresponder essas linhas e identidade visual às necessidades da empresa, com
base nos requisitos funcionais a serem fornecidos pela mesma, bem como com base no
enquadramento teórico da dissertação;
» Validação das várias linhas orientadoras com base nos testes de usabilidade;
» Perceber qual a verdadeira necessidade de uma aplicação desta natureza por parte da
população;
» Aceitação plena da aplicação por parte dos seus utilizadores finais;


21

Apresentação do plano de investigação

Luís Filipe Brasil de Melo - 49722

Orientação
Doutor Jorge Trinidad Ferraz de Abreu
Co-orientação
Mestre Telmo Eduardo Miranda Castelão da Silva


22

Mobile Park Guide

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (18)

Similar a Mobile Park Guide

Similar a Mobile Park Guide (20)

Último

Último (20)

Mobile Park Guide