Saiba mais sobre aplicativos otimizados para dispositivos móveis

Concluído

Ao projetar e criar um aplicativo de tela otimizado para dispositivos móveis por meio do Power Apps, você precisará considerar vários componentes de design.

Um aplicativo de tela otimizado para dispositivos móveis deve ter as seguintes características de design:

  • Uma finalidade claramente definida

  • Um design dinâmico [Traga seu próprio dispositivo (BYOD)]

  • Interface de usuário simples

  • Navegação intuitiva

  • Periféricos externos não são necessários

  • Funcionalidade offline

  • Alertas de conectividade

  • Configuração sem problemas

  • Otimizado para o desempenho

Finalidade claramente definida

Um aplicativo otimizado para dispositivos móveis deve ter uma finalidade claramente definida. Quando as pessoas usam aplicativos em uma capacidade móvel, o menor número de ações necessárias para realizar a tarefa está diretamente relacionado a uma melhor experiência do usuário.

Determine se você deseja um único aplicativo com muitas ações diferentes, como um aplicativo de depósito móvel que executará todas as ações para manter o estoque. Ou talvez você queira um único aplicativo para uma finalidade específica, como criar clientes. Em seguida, faça a si mesmo as seguintes perguntas de esclarecimento:

  • É mais fácil navegar de volta para uma página inicial para concluir ações diferentes ou é mais fácil sair do aplicativo para concluir outra ação?

  • É uma experiência melhor para alguém em uma organização navegar por vários aplicativos?

  • Se existe um único aplicativo, ele tenta realizar muitas ações, complicando a finalidade?

Ao projetar os formulários para o aplicativo, verifique se cada formulário tem uma finalidade que você pode definir em uma única frase simples. Evite ter um único formulário com muitas finalidades, como criar clientes e contatos de clientes. Em vez disso, considere criar vários formulários, cada um com uma finalidade específica.

Design dinâmico

Qualquer aplicativo para celular ou site considerado otimizado para celular deve se adaptar ao aplicativo em que é exibido.

Por exemplo, alguém pode ver um site como Microsoft.com na área de trabalho ou na exibição móvel. O aplicativo ou o site ajusta seu layout para o design em que é exibido. O exemplo a seguir mostra Microsoft.com em uma exibição de área de trabalho e, em seguida, em uma exibição otimizada para dispositivos móveis.

Captura de tela de um design responsivo mostrando uma tela otimizada para navegadores de área de trabalho e dispositivos móveis.

Interface de usuário simples

Resista à tentação de incluir muitos campos e controles de entrada em um formulário.

Pode parecer uma boa ideia incluir todos os campos que as pessoas podem querer usar para uma tarefa, como criar um cliente, para que o aplicativo de tela seja abrangente. No entanto, fornecer vários controles extras que as pessoas raramente usarão criará uma interface desordenada e exigirá mais rolagem e busca para encontrar os campos que elas usam com mais frequência. Em vez disso, considere criar um formulário sucinto e um novo formulário para entrada de campo avançada que as pessoas usam apenas em raras ocasiões.

Se os usuários precisarem navegar para várias telas, poderão ter uma experiência negativa.

Quando você precisa de um botão, como Enviar, pense em colocá-lo onde for mais fácil para os usuários selecionarem.

Projete com simplicidade:

  • Se houver muitos botões e campos em uma tela, os usuários poderão selecionar um botão ou um campo acidentalmente.

  • Considere adicionar espaço de reserva ao redor dos campos e botões Enviar para permitir a variação de erros dos usuários.

Navegação intuitiva

Um aplicativo otimizado para dispositivos móveis não precisa ter um manual de usuário complexo. Em vez disso, organize as tarefas e as ações de negócios de uma forma que guie o usuário nas operações diárias.

Observação

Não existe uma maneira única e correta de criar uma interface do usuário.

Determine a maneira mais lógica de organizar as tarefas para um usuário com base na finalidade definida anteriormente. Considere os dois seguintes cenários de projeto:

  • Uma equipe usa o aplicativo móvel para criar ordens de vendas em 90% das vezes e criar novos clientes em 20% das vezes. Como resultado, o primeiro botão de navegação deve ser para o formulário de criação de ordem de vendas, e o segundo botão de navegação deve ser para o formulário de criação de cliente.

  • Uma equipe usa o aplicativo móvel para encontrar novos clientes criando seu primeiro pedido, em vez de procurar primeiro o cliente e depois usar o preenchimento automático no formulário de pedido. Portanto, o primeiro botão de navegação deve ser para localizar o formulário do cliente, e o segundo botão de navegação deve ser para o formulário de criação de ordem de venda.

Os usuários sempre vão querer uma maneira mais fácil de voltar à tela principal. Portanto, lembre-se das seguintes considerações ao criar a navegação de retorno:

  • Cada formulário deve incluir uma maneira simples de retornar à tela principal para realizar outra ação.

  • Exigir que um cliente retorne a um ponto central por meio de várias ações resultará em uma experiência de usuário ruim.

  • Se um usuário concluir uma tarefa específica e não tiver novas tarefas para concluir, o aplicativo deve retornar automaticamente ao local inicial, em que poderá realizar suas próximas ações.

Excluir periféricos externos

Provavelmente, os usuários que usarem um telefone ou um tablet não terão mouse e teclado.

Ao projetar a interface do usuário do aplicativo, imagine-se segurando um dispositivo específico e interagindo com o aplicativo, para ajudá-lo a determinar se é uma boa experiência ou não. Por exemplo, quando um usuário inserir informações em um campo, um teclado aparece na tela; portanto, você deve determinar se esse fator afetará a experiência do usuário.

Incluir recursos offline

As pessoas que usam aplicativos móveis às vezes ficam sem serviço de celular e Wi-Fi. Faça a si mesmo as seguintes perguntas para determinar quando o aplicativo pode precisar de recursos offline:

  • Os usuários precisam do aplicativo em um local em que possam precisar realizar uma ação sem conectividade com a Internet?

  • Incluir recursos offline em um aplicativo de tela pode ser complexo. Os esforços para tornar as ações compatíveis com o modo off-line valem o esforço?

  • As ações que precisam ser realizadas offline estão indisponíveis no dispositivo, como leitura/gravação de dados que estão disponíveis apenas em um local específico?

Alertas de conectividade

Em uma solução que prioriza a nuvem, a conectividade com a nuvem é imperativa. A maioria dos usuários presumirá que tem conectividade com a Internet ao acessar o aplicativo de tela.

Diagrama de um dispositivo móvel baixando da nuvem.

Diferentes formulários e ações que têm requisitos de conectividade com a Internet devem incluir uma verificação de formulário. Antes que o usuário tente inserir dados, a verificação de formulário pode alertá-lo de que o aplicativo móvel está no modo offline e que a ação não está disponível. Por exemplo, se a ação de criar um cliente exigir conectividade, o aplicativo não deverá permitir que um usuário acesse o formulário de criação do cliente e insira dados quando o aplicativo móvel estiver offline.

Alertar o usuário o mais rápido possível ajudará a reduzir o potencial retrabalho de entrada de dados. Você deve considerar a inclusão de um indicador de alerta, como uma faixa na parte superior da tela, indicando que o aplicativo móvel não tem conectividade.

Configuração sem problemas

A configuração perfeita é vital para os usuários que estão adotando o aplicativo. A implantação do Power Apps pela Microsoft torna a implantação perfeita, mas a configuração pode ser necessária em cenários em que você está conectando esses aplicativos às fontes de dados necessárias ou ao acesso do usuário.

Ao solicitar que o usuário insira os dados necessários, como uma URL para um aplicativo ou API, considere incluir dicas para que os usuários encontrem esses dados. Presuma que seu usuário está usando o aplicativo pela primeira vez e que ele precisa de orientação.

Além disso, considere incluir uma descrição abrangente e direta do aplicativo móvel que informe aos usuários qual aplicativo está sendo usado.

Otimizar para o desempenho

O desempenho é mais importante para aplicativos móveis do que para aplicativos da área de trabalho. As limitações de multitarefa com várias tarefas em um celular tornam o desempenho um fator significativo. Os usuários da área de trabalho podem navegar sem esforço para outro aplicativo enquanto o aplicativo de tela executa tarefas específicas.

Diagrama mostrando considerações ao otimizar um aplicativo.

Ao otimizar o aplicativo para o desempenho, você deve:

  • Considerar as fontes de dados e a complexidade dos dados que estão sendo recuperados.

  • Avaliar os conectores de dados usados para o aplicativo.

  • Tentar eliminar fontes de dados complexas ou desnecessárias.

  • Tentar recuperar apenas o número específico de registros necessários para determinada ação.

Em resumo, quando você planeja criar um aplicativo móvel, é aconselhável pensar um pouco no design antes de criá-lo. É mais fácil esclarecer o caminho antes de começar do que corrigir um aplicativo já construído.