Desenvolvimento para dispositivos móveis - Usabilidade em dispositivos móveis

Olá [Música] pessoal é nessa vídeo aula então a ideia a gente falar de um conceito bastante importante aí que eu comentei com vocês nas primeiras aulas que é o conceito de usabilidade né Aos habilidade ela tem a ver com a experiência do usuário quando ele é trabalha com determinado aplicativo na quando ele interage com um aplicativo tá e de forma a você melhorar essa experiência existem diferentes estratégias aí que a gente pode lançar mão e que a gente tem que estar atento na hora do desenvolvimento tá a gente vai ver ao longo da sala por

exemplo é que a gente tem estratégia de conteúdo né onde a gente tem que tar preocupado ali com qual conteúdo que você tá oferecendo né para o teu usuário né você tem aí as estratégias relacionadas a apresentação né ou seja e tem a ver com Interface com o usuário né como que ele visualiza né o seu aplicativo né Quais quais são os elementos né visuais do layout no aplicativo tá existem também as estratégias relacionadas ao desempenho né o desempenho vai estar associado né apresenta ao cão rápido o aplicativo é para responder é o com fácil

é a navegação tá e o com eficiente né é o retorno para uma determinada a entrada para esse aplicativo é então vamos dar uma olhadinha na sequência aqui em todos esses essas questões Resumindo né a quando a gente tá falando dispositivos móveis nela a usabilidade está associado a experiência né Que o usuário tem quando utiliza um determinado aplicativo né diz respeito ao com intuitivo simples agradável e útil o aplicativo se apresenta e na verdade né A questão talvez a preocupação maior do ponto de vista do desenvolvedor né hoje quem vai comercializar um aplicativo é justamente

a fidelização é seu dia eu acho que ele é complicado complexo de operao que ele trava o tempo todo o que ele é muito lento né isso daí pode afugentar um possível usuários desse aplicativo tá então os habilidade vai para pai tentar olhar para todas essas questões e lançar mão né de técnicas aí para melhorar né a usabilidade do aplicativo Tá bom então que eu comentei com vocês a gente pode lançar mão né Eu disse a gente pode mas na verdade a gente vai lançar mão de todas essas estratégias né todas essas são importantes na

hora de ser olhar para usabilidade né então estratégia de conteúdo estratégias de apresentação o e estratégias de desempenho Então vamos dar uma olhadinha em cada uma delas aí e o que que já existe não que a gente pode lançar mão para melhorar a usabilidade do aplicativo bom então é olhando aqui do ponto de vista de estratégia de conteúdo então quando a gente vai olhar para essa questão específica né a gente precisa fazer duas perguntas né qual o produto ou serviço né que está sendo oferecido pelo aplicativo e qual é o meu público alvo né E

aí pode entrar com ações como faixa etária poder aquisitivo não é grau de instrução né é Note que essas duas perguntas aí elas é tão relacionadas né Porque dependendo do meu público alvo eu tenho que ajustar o meu discurso não tem que ajustar o conteúdo na como eu apresento a informação para ele tá bom é uma outra questão que é bastante importante a questão da acessibilidade né em muitas situações né o usuário daquele aplicativo um potencial usuário ele pode ter né alguma dificuldade ou alguma deficiência Então a gente vai falar um pouquinho aqui ao longo

dessa aula também nessa questão lá acessibilidade né você tem como colocar recursos de acessibilidade no aplicativo na editora de forma aumentar os habilidade dele para esse tipo de usuário e nem tão aqui uma outra questão importante né as vezes a gente acaba pecando o processo né então é a preocupação de levar muita informação para o usuário né pode tornar né ah o aplicativo né algo que seja é Entediante ou ainda nessa é um aplicativo que depende de baixo essas informações de algum site né lento né Isso daí é pode acabar prejudicando né experiência do usuário

com esse aplicativo o bom é com relação a estratégias de apresentação né Elas dizem respeito que não adianta aí pra vocês lá no início da aula né a interface do usuário Mas como que usuário é interage com o aplicativo né O que que tá ali na tela Quais são os elementos que estão na tela e como ele ter age com esses elementos na tela tá então a gente vai ver aqui é duas estratégias né então é uma estratégia né que tem que ser observado a questão da hierarquia tá então interessante aí né que a interface

ela presente né uma hierarquia de importância tá é então que a gente quer dizer com isso elementos claramente visíveis contraste de tamanho entre elementos informações Chaves identificáveis facilmente ações importantes na parte superior ou inferior da tela itens relacionados no mesmo nível de anarquia lado a lado então a gente tem que por exemplo é um exemplo de um aplicativo aqui para compra de passagens aéreas né que dá uma ideia para a gente dessas questões que a gente acabou de eternizar aqui na então a gente percebe né que esse aplicativo você bate o olho nele você já

sabe né é um é um aplicativo de busca de passagem né então ele traz aqui por exemplo já no início né os que a gente falou né itens relacionados de nível de ar aqui é semelhante o lado a lado então né os olhos vai lá ele já escolhe né eu quero né O voo é somente ida e de volta ou múltiplas cidades depois eu tenho de forma né é Clara e visível né a origem e destino e depois a gente tem aqui a data né na sequência aqui quem vão ser os passageiros Na quantidade de

adultos quantidade de crianças quantidade de crianças abaixo de 2 anos o tipo de classe que ele quer viajar e por fim aqui no final então ele inicia a busca dele então você tem aqui uma disposição hierárquica desses conteúdos né e enfatizando aqueles que são mais importantes é dentro das informações na que o usuário vai precisar um ler do aplicativo ou fornecer o aplicativo Tá bom uma outra questão com relação à estratégia de apresentação é a questão da ordem de foco tá então a ordem de foco né ela diz respeito né Como que o foco na

visão do usuário ele caminha dentro dos itens da tela né do meu aplicativo tá então geralmente a ordem foco vai fluir da parte superior né geralmente começa na parte superior da tela e vou descendo né então eu colocar o layout da minha tela lembrando né dessa dessa ordem de foco aí tá é então que a gente considera né é a ordem que os alimentos pensar em Foco né A forma como os elementos são agrupados onde o foco se move quando o elemento foco desaparecem hora que usuário perdeu a visão está descendo ali na leitura da

tela né aonde que ele vai se concentrar tá então é que a gente tem um exemplo né de um por exemplo um aplicativo que tivesse vendendo itens de vestuário né então o primeiro foco que eu tenho aqui o que que é exatamente aqui na imagem né da da peça de roupa que pode ser de interesse do usuário né me seguiram japonês na informações aqui Quem que é o fabricante e o preço da peça né E aí Ele Decide se ele vai continuar seguindo em frente tá tem uma breve descrição da peça aqui né na sequência

se ele precisar de mais detalhes não tem disponibiliza de uma caixa com mais detalhes bom se ele chegou até aqui ele provavelmente vai estar preocupado em saber se existe o tamanho dele né o tamanho que ele tá interessado então eu disponibilizo aqui é o o disponíveis e na sequência então eu já tenho um botão de adicionar ao carrinho tá então a gente segue né uma sequência de foco aí que vai fluindo desde o início das informações visuais da do item na de investimento aqui no caso né as informações sobre sequência que normalmente esse usuário vai

estar buscando é bom com relação a estratégias de apresentação aquilo que eu comentei com vocês né a gente pode lançar mão também uso de tecnologias assistivas né que auxiliam na sensibilidade para indivíduos aí com algum tipo de deficiência tá em que aplicativos móveis na eles podem incorporar né ou ainda se projetado Facilite visando facilitar não é o uso desse tipo de tecnologia né então alguns exemplos aqui né o conteúdo ele pode ser outro lado para otimizar a experiência para quem usa leitor de tela né ou experiência ou o experimento uma versão somente de texto da

interface né a gente pode incorporar no aplicativo né um leitor de tela né de interface de toque né que permite que o usuário passar o dedo né E aí ele escuta né Qual que é a informação que está ali ele tá Além disso existem outras dicas né e aqui eu queria colocar para vocês como a gente vai estar trabalhando com o desenvolvimento na plataforma Android é existe né o Matthew design o site do Android que tem uma porção de conteúdos e uma porção de informações a respeito de usabilidade tá então é só para citar alguns

aqui a questão da Cury do contraste é muito importante também a hora que a gente está trabalhando com aplicativo tá então a cor ela pode ajudar por exemplo a comunicar humor informações críticas né então cores primárias e secundárias e destaque podem ser selecionados por exemplo para oferecer suporte A usabilidade tá contraste de cores suficiente entre os elementos podem ajudar usuários por exemplo com baixa visão a ver e usar o aplicativo Então são detalhes que às vezes passam despercebidos né no primeiro momento mas na hora que a gente vai desenvolver um aplicativo eles têm que estar

presentes aí né no nas preocupações do desenvolvedor tá aqui também com então eu comprar as coisas importantes para os olhos extinguirem elementos textuais e elementos não textuais tá então aqui dentro do Mate E aí vocês encontram muitas informações relativas à questão da usabilidade né uma outra questão aqui não é um baixo contraste pode ser difícil para alguns usuários diferenciar em condições de muita luz ou pouca luz tá como um dia muito ensolarado ou à noite né Então dependendo do seu aplicativo do tipo de aplicação e usuário nasce é algo que vai estar sendo uma tarefa

novamente a realizada externamente ou internamente ou um determinado período do dia às vezes são são informações que tem que ser levado em consideração e é colocado né de forma a ser um item de projeto dentro do desenvolvimento né Pra que você consiga né melhorar a usabilidade do seu aplicativo é só por último aqui a gente tem as estratégias de desempenho né então a usabilidade que a gente falou também está associada ao coeficiente né o nosso dispositivo nosso aplicativo é interagir com o usuário tá então é importante aí né que ele possua né uma das questões

que hoje é a gente tem que se preocupar é difícil você pensar um aplicativo que não tenha é um layout responsivo né que é um layout responsivo na Óticas possível é um layout que se a data né a diferentes tamanhos de tela né então você se você não tiver um layout responsivo Se você pegar dois usuários às vezes com smartphones com telas diferentes Não machucou ele fica truncado o conteúdo ou a hora que é rotacionado a tela então é é importante que os aplicativos né eles têm um layouts responsivos né então Independente de qual o

dispositivo que eu estou visualizando o aplicativo né o qual a posição que eu tô fazendo a leitura né Eu não tenho truncamento de informações tá uma outra questão é baixa latência de resposta né E aí entra naquela questão que a gente comentou no começo mesma quantidade exagerada de dados e informações né Eu às vezes o aplicativo precisa buscar na internet para baixar né isso aí acabar causando né uma experiência desagradável para o usuário tá uma das estratégias para gente fazer isso é através do uso de casamento né O casamento é uma estratégia que a gente

vai fazer o quê se você tem um site né que o seu aplicativo ele acessa com uma certa frequência então você pode guardar Parte dessas informações localmente né no dispositivo Então a hora que o usuário entra nele já pré carrega nessas informações e causa uma experiência melhor aí do ponto de vista do usuário E além disso né a gente vai falar no curso não é sobre testes automatizados né mas só adiantando aqui a gente está falando de usabilidade mais para usabilidade é você tem ferramentas aí que permite né você testar automaticamente né esses requisitos né

o esses critérios de usabilidade tá é bom e com relação à não não só a a questões e aspectos de conteúdo como questões e aspectos de apresentação e questões e aspectos de desempenho tá então a gente tem um link aqui eu trouxe o link porque é uma ferramenta da plataforma android Studio tá então Ele oferece aí verificação de código tá para corrigir problemas a gente vai ver que vai aparecer uma figurinha para gente aqui né de usabilidade entre outros também tá E aí então a gente vai ver ele consegue corrigir problemas de código não consegue

corrigir problemas de internacionalização na internacionalização tem a ver com a usabilidade também que a internacionalização às vezes seu aplicativo será distribuído mundialmente os você tem por exemplo variação de moeda local ou você tem variação né em um país eles utilizam. Outro lugar do controle utilizam, né então ele verifica todos esses aspectos e te traz aí né um um relatório né Para que você possa e eventualmente corrigir essas questões tá então quem tá sendo dito aqui a ferramenta Lynch né verifica os arquivos de origem do projeto Android para localizar possíveis bugs para otimização da relação de

critério de precisão segurança desempenho e usabilidade acessibilidade e internacionalização tá aqui só é só uma animaçãozinha para a gente ter uma ideia então você tem aquilo seus arquivos Fontes né do seu projeto tá aqui um arquivo de script né que você vai fornecer para ferramenta limite né e ele vai te fornecer aqui como saída né uma série de verificações né em termos de performance código usabilidade Segurança acessibilidade que a gente comentou aqui e internacionalização Ah tá ok bom pessoal então eu tinha contar para vocês essa aula era essa questão relacionada a usabilidade que é bastante

importante né Na hora da gente principalmente quando está pensando em aplicativos de uso comercial Mas você vai fazer um aplicativo né Educacional só fechado ali um grupo de pessoas ou só para você exercitar você não precisa ter essa preocupação Mas se a gente tiver falando de aplicativos comerciais né essas questões são bastante importantes e como eu comentei elas estão relacionadas aí com a fidelização né do usuário tá então você tem que ser levadas em consideração nos processos bom então é isso que eu tinha pra contar pra vocês e até uma próxima ao mar [Música] E

aí [Música] [Música]