Planejar guias responsivas para o aplicativo móvel do Teams

  • Artigo

A plataforma teams oferece a oportunidade de criar aplicativos no celular e na área de trabalho. Os usuários do aplicativo podem preferir a área de trabalho ou móvel ou ambos. Os usuários podem preparar dados na área de trabalho, mas consumir e compartilhar mais dados usando dispositivos móveis. A chave para criar qualquer aplicativo é entender e atender às necessidades do usuário.

Recursos como bots, extensões de mensagens e conectores funcionam perfeitamente em clientes móveis e de área de trabalho. No entanto, criar guias e caixas de diálogo (conhecidos como módulos de tarefa no TeamsJS v1.x) exigem planejamento para hospedar sua experiência na Web no Teams mobile.

Considere o seguinte antes de implementar guias responsivas para seu aplicativo no teams móvel:

  • Funcionalidades do aplicativo: Considere a funcionalidade entre dispositivos para o aplicativo Teams.

    Por exemplo, se você tiver um aplicativo de bom desempenho na área de trabalho, poderá explorar para criar um aplicativo semelhante em dispositivos móveis. Inicialmente, pode ser difícil mudar toda a experiência da área de trabalho no celular, mas você pode começar com cenários básicos e comuns. Adicione funcionalidades e funcionalidades depois de coletar mais insights e comentários do usuário.

  • Funções de usuário: Certifique-se de direcionar a função de usuário apropriada no teams móvel.

    Por exemplo, se você estiver criando um aplicativo que fornece ferramentas de visualização de dados para usuários finais, como analistas de dados e gerentes seniores, ambos poderão usar seu aplicativo no Teams mobile. Você pode decidir atender a todas as funções que você tem em seu aplicativo de área de trabalho. Recomendamos que você comece com uma função de usuário que tenha base maior e possíveis adotantes iniciais para uma experiência de tela menor.

    Nesse caso, os analistas de dados são a função de usuário apropriada para direcionar primeiro. Você pode adicionar funcionalidades gradualmente para dar suporte a outras funções de usuário em seu celular do Teams.

Entender os diferentes estágios para criar aplicativos

Depois de identificar as funcionalidades e as funções de usuário, é hora de entender as três etapas a seguir para planejar qualquer aplicativo no teams móvel e aprimorar a experiência do usuário:

Estágios Descrição
Consumo O primeiro valor que você deseja entregar para seus usuários móveis deve ser a experiência de exibição correta no teams móvel. Para criar um aplicativo no celular, você pode começar com a experiência de consumo para seus usuários. Como o mundo móvel tornou a rolagem de conteúdo uma prática comum, você pode mostrar informações relevantes. Além disso, você pode usar mecanismos de engajamento, como notificações para informar atualizações.
Ações rápidas O próximo valor desejado pelos usuários é a experiência básica de edição e consulta no celular. Depois que os usuários começarem a consumir o conteúdo no celular, você poderá escalar seu aplicativo para a próxima etapa migrando algumas ações do aplicativo de área de trabalho. Você também pode otimizar e criar novas ações para dispositivos móveis.
Habilitação O valor final que você pode entregar aos usuários é a paridade entre a área de trabalho e o celular. À medida que os usuários se envolvem com seu aplicativo, forneça uma experiência imersiva completa em dispositivos móveis, seja em par ou melhor do que a experiência desktop. Para fornecer uma boa experiência para seus usuários, torne todos os casos de uso, ações e elementos de interface do usuário ou UX responsivos no celular.
Para obter mais informações sobre as diretrizes de design, consulte processo de design para aplicativos do Teams.

Casos de uso

Você pode percorrer os seguintes casos de uso para entender como planejar diferentes tipos de aplicativos para o teams móvel:


Painéis e aplicativos de visualização de dados

Você pode entender como planejar guias responsivas para aplicativos de visualização de dados e criação de painéis na plataforma móvel do Teams.

Consumo:

No primeiro estágio, você pode implementar a experiência de consumo mais básica para exibir dados. A finalidade de qualquer aplicativo no domínio é mostrar dados na forma de visualizações. Em seu aplicativo, você pode mostrar visualizações exibidas recentemente na área de trabalho ou lista de todos os gráficos autorizados para os usuários. Depois de criar painéis na área de trabalho, os usuários podem acessar as informações usando dispositivos móveis. Você pode mostrar uma exibição detalhada de qualquer gráfico selecionado pelo usuário como uma exibição expandida em suas guias ou usando caixas de diálogo.

Você pode mostrar as seguintes informações:

  • Dashboards e resumos.
  • Visuais de dados, mapas e infográficos.
  • Gráficos, gráficos e tabelas.

Mostrar os dados na forma de visualização.

Ações rápidas:

No segundo estágio, os usuários podem trabalhar nos gráficos e visuais existentes da experiência desktop. Você pode introduzir as seguintes ações:

  • Pesquise conteúdo.
  • Filtrar dados.
  • Crie indicadores.

Ações rápidas no gráfico e nos visuais existentes.

Capacitação:

No terceiro estágio, permita que os usuários criem conteúdo como gráficos e gráficos do zero. Planeje introduzir todos os recursos em seu aplicativo para dispositivos móveis. Por exemplo, você pode usar caixas de diálogo para ajudar a acessar itens de dados específicos com exibição detalhada.

Você pode fornecer o seguinte acesso aos usuários:

  • Modifique o título e a descrição.
  • Insira itens de dados para criar visualizações.
  • Compartilhe visualizações em um canal ou chat em grupo.

Permitir que os usuários criem conteúdo, como gráficos gráficos.



Aplicativos de embarque de tarefas

Você pode entender como planejar guias responsivas para aplicativos de integração de tarefas na plataforma móvel do Teams.

Consumo:

No primeiro estágio, seu aplicativo pode mostrar a lista de tarefas para o usuário em uma pilha vertical. Se houver várias categorias de tarefas, como Proposta, Ativa e Fechada, forneça filtros para mostrar tarefas agrupadas ou como cabeçalhos para ver as tarefas agrupadas.

Mostra a lista de tarefas em uma pilha vertical.

Ações rápidas:

No segundo estágio, você pode fornecer as seguintes funcionalidades aos usuários:

  • Crie tarefas ou itens com campos obrigatórios para reduzir a carga cognitiva dos usuários.
  • Altere o tipo ou a exibição do quadro.
  • Examine as tarefas expandindo a exibição.
  • Use caixas de diálogo para ver a exibição detalhada.
  • Mova as tarefas para diferentes categorias.
  • Compartilhe tarefas relevantes em chats e canais por meio de emails e feed de atividades.

Crie tarefas para reduzir a carga cognitiva dos usuários.

Capacitação:

No terceiro estágio, você pode habilitar os usuários com os seguintes recursos:

  • Adicione novos projetos e placas.
  • Adicione e modifique diferentes categorias, como Proposed, Active e Closed.
  • Configure as tarefas para comentários, anexos e outros recursos complexos.

Habilite a experiência do usuário adicionando projetos e placas.



Coautoria e criação de aplicativos de whiteboard

Você pode entender como planejar guias responsivas para a coautoria e o quadro de aplicativos na plataforma móvel do Teams.

Consumo:

No primeiro estágio, você pode considerar a experiência desktop para mostrar o conteúdo e os ativos em seu aplicativo. Você pode mostrar as seguintes funções:

  • Comentários ou comentários.
  • Ampliar ou diminuir o zoom.
  • Estágio ou progresso atual de um documento pendente.

Mostra conteúdo e ativos na experiência da área de trabalho.

Ações rápidas:

No segundo estágio, você pode introduzir as seguintes ações:

  • Crie um novo quadro para colaboração ou novos documentos para assinatura.
  • Compartilhe quadros internamente e com convidados.
  • Configurar permissões de administrador.

Dica

Você expõe ações, que podem ser mostradas facilmente nas telas pequenas.

Apresenta para criar um novo quadro para colaboração.

Capacitação:

No terceiro estágio, forneça experiência completa aos usuários. Você pode habilitar usuários com os seguintes recursos:

  • Adicionando texto, formas e anotações rápidas.
  • Navegue pelo conteúdo.
  • Adicione camadas e filtros.
  • Excluir, desfazer e refazer operações.
  • Acesse a câmera e o microfone usando APIs do TeamsJS. Para obter mais informações sobre os recursos do dispositivo, consulte visão geral dos recursos de dispositivo.

Habilite a experiência do usuário adicionando formas de texto e anotações rápidas e outros recursos.


Confira também