Robson_Pinheiro de Melo Alves_Desenvolvimento de Interfaces Android_TP1

Prévia do material em texto

Desenvolvimento de Interfaces Android 
TP1 
 
 
 
 
 
 
 
 
 
 
 
 
Professor: ​Eduardo Luiz Pareto 
Aluno: ​Robson Pinheiro de Melo Alves 
Data: ​24/10/2019 
 
Tarefa 01 
Escolha 3, dentre estes 10, princípios de design de interfaces, listados na etapa 01. A 
partir desta seleção, para cada princípio escolhido, inclua ao lado do princípio uma 
captura de tela de um aplicativo que mostre este princípio aplicado no design final. 
● Modelo Mental 
● Contexto 
● Diretrizes Globais 
● Modelos de Navegação 
● Entrada de Dados 
● Gestos 
● Orientação 
● Comunicação 
● Lançamento 
● Primeiras Impressões 
R: selecionei o aplicativo “AirBNB” para listar 3 dos 10 princípios de design de interfaces 
(destacados acima em negrito e sublinhados). 
 
 
1 
- Contexto (Tranquilo) 
O AirBnB é um aplicativo que permite ao usuário verificar opções de casas, apartamentos 
e lofts disponíveis para aluguel por temporada. Considerando o tipo de serviço oferecido 
pelo app, em que geralmente o usuário necessita de tempo e concentração para avaliar 
todas as opções disponíveis dentro dos filtros selecionados, verifica-se que o design da 
interface foi pensado em um contexto que, dentro dos princípios de design de interfaces, 
classifica-se como “tranquilo”: existem diversas informações e opções apresentadas na 
tela e que só podem ser exploradas de forma correta pelo usuário nesse contexto: 
 
2 
- Entrada de Dados 
O campo de busca do app AirBnB oferece suporte a complementação automática: quando 
o usuário começa a digitar o nome do local onde ele deseja buscar um imóvel para alugar, 
o aplicativo vai automaticamente completando e informando opções que estejam dentro 
daquele contexto, como no caso mostrado abaixo: 
 
 
 
3 
- Comunicação 
No exemplo abaixo podemos perceber dois apps fornecendo feedback ao usuário, 
simultâneamente: enquanto o usuário digita os dados no teclado do Google (que fornece 
retorno tátil com vibração, além de retorno por escrito com sugestões de texto), o app do 
AirBnB também fornece feedback através de sugestões de locais que são comumente 
buscados baseados no texto que o usuário entra no campo de busca: 
 
 
4 
Tarefa 02 
Em seguida, descreva porque é importante a utilização do Google Material Design. Inclua 
os padrões de estilo e movimento e como eles deverão ser utilizados. Cite exemplos de 
aplicativos que utilizem o Material Design. 
R: Material Design é uma metodologia de design desenvolvida pelo Google - a princípio 
para ser utilizada no ambiente do seu SO Android, mas que posteriormente foi adotada 
também por outras plataformas e serviços - e que tem como um dos seus princípios ser 
realista e intuitiva. 
Tendo sido baseada no comportamento de materiais reais no mundo real (“material é a 
metáfora”, como diz o Google), o Material Design traz para dentro do ambiente de 
desenvolvimento também conceitos que se aplicam a realidade, como por exemplo: dois 
objetos que não ocupam o mesmo espaço ao mesmo tempo ou ainda a incidência de luz 
sobre um objeto, que deve sempre gerar uma sombra. 
Além disso, o Material Design engloba também características e fundamentos do design 
impresso, tais quais cores, escalas, uso de imagens e grades, o que visa tornar a 
experiência do usuário mais imersiva. 
De igual forma, os movimentos dos elementos no Material Design são realizados levando 
em consideração determinados aspectos lógicos, inclusive levando em consideração o 
tamanho da tela de cada dispositivo. 
 
 
5 
Por fim, utilize o App Inventor para criar uma interface que aplique o Material Design. Não 
é necessário tornar o projeto funcional, o importante é apenas a customização visual dos 
componentes e a disposição dos mesmos na tela. 
R: mesmo utilizando a skin “Stylish” recomendada no Roteiro de Aprendizado , ainda 
assim não foi possível montar uma interface utilizando o Material Design através do App 
Inventor. Dessa forma, lancei mão da ferramenta ​https://moqups.com​ para montar um 
mockup de um app de lista de tarefas, conforme abaixo: 
 
6 
https://moqups.com/
Referências Bibliográficas 
 
● https://lms.infnet.edu.br/moodle/course/view.php?id=2703 
● https://medium.com/uxmotiondesign/introdução-ao-material-design-451d9f701eeb 
● https://moqups.com 
 
 
 
 
 
 
 
 
7 
https://lms.infnet.edu.br/moodle/course/view.php?id=2703
https://medium.com/uxmotiondesign/introdu%C3%A7%C3%A3o-ao-material-design-451d9f701eeb
https://moqups.com/