- Introdução
- Antes de começar
- Como fazer
- Crie seu primeiro aplicativo
- Crie um aplicativo compatível com dispositivos móveis
- Incorporar aplicativos
- Incorporar mapas
- Diretrizes gerais de experiência do usuário
- Ocultar contêineres usando um botão
- Incluir gráficos do Excel no Apps
- Incluir links MailTo
- Incluir avaliações por estrelas
- Use contagem com valores de conjunto de escolhas
- Usar Visualizador de documentos
- Usar a Exibição de Detalhes principais
- Usar valores selecionados de uma tabela
- Usar a atividade Enviar resultado provisório
- Definir contexto externo
- Trabalhar com Origem de dados e Vinculação de valor
- Notificações
- Desenvolvimento de aplicativos
- Eventos e Regras
- Regra: If-Then-Else
- Regra: abrir uma página
- Regra: Abrir o URL
- Regra: fechar planilha pop-over/inferior
- Regra: mostrar mensagem
- Regra: exibir/ocultar o controle giratório
- Regra: definir valores
- Regra: iniciar o processo
- Regra: upload de arquivo no compartimento de armazenamento
- Regra: obter arquivo do compartimento de armazenamento
- Regra: redefinir valores
- Regra: criar/atualizar registro da entidade
- Regra: excluir registro da entidade
- Regra: adicionar à fila
- Função: E, OU, NÃO
- Função: CONCAT
- Função: CONTÉM
- Função: contagem
- Função: EndsWith
- Função: SE
- Função: ÉCÉL.VAZIA
- Função: Guid
- Função: NÚM.CARACT
- Função: LISTA
- Função: StartsWith
- Função: SOMA
- Função: classificar
- Função: AGORA
- Função: HOJE
- Função: tempo
- Função: ano
- Função: mês
- Função: dia
- Função: hora
- Função: minuto
- Função: nova
- Função: pesquisar
- Função: filtro
- Aproveitamento do RPA no aplicativo
- Aproveitamento de entidades no aplicativo
- Aproveitando filas em seu aplicativo
- Gerenciamento do ciclo de vida do aplicativo (ALM)
- Guia básico de solução de problemas
Diretrizes gerais de experiência do usuário
Se você acaba de começar a desenvolver seu primeiro aplicativo e não tiver nenhuma experiência em design, talvez necessite de alguma ajuda e orientação sobre como desenvolver aplicativos. Esta página oferece informações práticas que você pode usar para criar seus aplicativos.
Você pode baixar um exemplo de arquivo predefinido que contém elementos que você pode usar em seu design para criar aplicativos daweb funcionais, úteis e fáceis de usar. Abra o arquivo de exemplo no Apps Studio, copiando e colando os elementos necessários para o seu design.
Antes de começar a criar seu primeiro aplicativo, recomendamos que planeje seu trabalho com antecedência. Antes de mais nada, considere o seguinte:
- Qual é o contexto do aplicativo?
- Quem serão os usuários? Qual é o objetivo, ocupação ou especialização deles?
- Qual é uma situação típica ou um caso mais frequente?
- Como você vai medir o sucesso do aplicativo?
- Quais são os efeitos positivos esperados do aplicativo?
Após criar esse plano, você poderá revisá-lo facilmente com seus pares e fazer eventuais alterações. Depois disso, poderá passar para os próximos passos com segurança:
- Avalie outros casos, analisando cenários menos frequentes e casos do Edge. Grave-os e priorize.
- Defina a melhor mídia ou formato para conseguir o melhor resultado. Nesta etapa você já consegue decidir se precisa de uma página, site ou alguns assistentes a partir de uma página.
- Pesquise e identifique seus concorrentes para avaliar seus pontos fortes e fracos. Avalie como abordar problemas semelhantes.
- Crie um protótipo preliminar do aplicativo. Você poderá discutir sobre o protótipo com seus pares para chegar à melhor solução.
- Teste o protótipo e colete feedback. Recomendamos que compartilhe o protótipo com usuários potenciais para obter feedback melhor e melhorias.
- Comece a criar a versão final do aplicativo.
Para criar aplicativos úteis e fáceis de usar, há muitos princípios de design que devem ser seguidos. Para obter a melhor experiência de usuário, siga pelo menos os dois princípios abaixo.
- Tanto quanto possível, utilize a mesma fonte e layout.
- Confira consistência ao seu design ao longo das páginas do aplicativo para melhorar a experiência do usuário.
O uso de cores é muito importante na criação do design do aplicativo. Siga as diretrizes abaixo para obter a melhor experiência de usuário:
- Utilize as cores de maneira consistente por todo o aplicativo em relação aos elementos do mesmo tipo.
- Tente evitar as cores do semáforo, a menos que seja necessário. Utilize o vermelho para erros, o amarelo ou laranja para avisos e o verde para comunicar progresso positivo.
-
Tente não confiar somente nas cores para apresentar as informações. Adicione sempre informações em formato de texto, ao lado do objeto colorido.
Encontre as cores que proporcionem o contraste máximo, incluindo o contrate suficiente entre o conteúdo e o plano de fundo, de modo que o texto e as imagens não decorativas fiquem legíveis para qualquer pessoa com baixa visão ou daltônicas.
O alinhamento dos elementos é uma etapa importante na criação de um design de sucesso. Certifique-se de que os elementos estejam alinhados de modo consistente.
Você poderá alinhar seus elementos na horizontal ou na vertical a partir da guia Estilo.
Apresentamos a seguir o exemplo de um elemento e o procedimento para criá-lo.
Etapa |
Ação |
---|---|
1 |
Abra seu aplicativo existente ou inicie um novo. |
2 |
Adicione um novo contêiner ao seu design com as seguintes propriedades: Layout: horizontal, superior, esquerda Tamanho: largura - 100%, altura - automática ou em branco |
3 |
Adicione um container dentro do primeiro com as seguintes propriedades: Layout: horizontal, inferior, esquerda Tamanho da largura - 40%, altura - automático ou em branco |
4 |
Adicione um controle de rótulo dentro do contêiner com as seguintes propriedades: Texto: Etiqueta |
5 |
Adicione um segundo rótulo dentro do contêiner com as seguintes propriedades: Texto: * Estilo: cor -
#c2320c |
6 |
Adicione um novo contêiner dentro do principal com as seguintes propriedades: Layout: vertical, esquerda, superior Tamanho: largura - 60%, altura: automático ou em branco |
7 |
Adicione uma caixa de texto dentro do contêiner com as seguintes propriedades: Texto da dica: Texto da dica |
8 |
Adicione um rótulo dentro do mesmo contêiner, abaixo da caixa de texto, com as seguintes propriedades: Texto: este campo é obrigatório Outras propriedades: ocultas Estilo: cor -
#c2320c |
Após seguir o procedimento acima, a estrutura e o elemento ficarão como se vê nas imagens abaixo.