2.3 Criar interfaces de utilizador interactivas
Uma interface de utilizador interactiva bem concebida é fundamental para a usabilidade e eficiência de uma aplicação de base de dados FileMaker. Neste tutorial, iremos focar-nos na forma como pode criar elementos interactivos, tais como elementos de navegação (menus e botões), diálogos personalizados e popovers para melhorar a experiência do utilizador na sua base de dados. Adicionalmente, iremos abordar algumas dicas comprovadas para melhorar a usabilidade das suas interfaces de utilizador.
Índice
- 2.3 Criar interfaces de utilizador interactivas
- Criar elementos de navegação (menus, botões)
- Menu e navegação personalizados no gFM-Business
- Diálogos e popovers definidos pelo utilizador
- Dicas para melhorar a facilidade de utilização
- gFM-Business Open Source FileMaker Basis ERP O software para um curso intensivo
- Perguntas frequentes sobre interfaces interactivas do utilizador
Antes de começar a criar elementos de navegação, é importante pensar na forma como pretende que os utilizadores naveguem na sua aplicação. Pense nos layouts ou funções que são frequentemente utilizados e como pode tornar o acesso a eles o mais fácil possível.
- Menu de navegação principalPense se faz sentido ter um menu de navegação central que seja visível em todas as páginas. Este menu pode conter ligações para as áreas mais importantes da aplicação, como "Página inicial", "Clientes", "Encomendas" e "Relatórios".
- Navegação contextualPense em adicionar elementos de navegação contextuais que mudam consoante o esquema ou os dados actuais. Por exemplo, pode adicionar botões que só aparecem quando determinadas condições são satisfeitas, como a apresentação de um botão "Editar" apenas para registos existentes.
Passo 2: Criar botões
Os botões são um elemento essencial de qualquer interface de utilizador e permitem aos utilizadores realizar determinadas acções, como abrir um esquema diferente, executar um script ou guardar dados.
- Adicionar botãoMudar para o modo de apresentação e selecionar o Ferramenta chave na barra de ferramentas superior. Clique na área de apresentação para adicionar um botão.
- Etiquetagem do botãoDê ao botão uma etiqueta clara e compreensível, como "Guardar", "Apagar" ou "Seguinte". A designação deve ser curta e significativa.
- Atribuir açãoNa caixa de diálogo do botão em Ação pode atribuir uma ação específica ao botão, como a execução de um script, a mudança para um esquema diferente ou a execução de uma função personalizada. Estas acções são executadas quando o utilizador clica no botão.
- Estilo dos botõesUtilize o inspetor para personalizar o aspeto do botão. Pode alterar as cores, os tipos de letra e as margens para integrar o botão no esquema geral.
Passo 3: Criar menus
Os menus constituem uma forma estruturada e facilmente acessível de oferecer aos utilizadores várias opções ou funções.
- Criar menu pendenteSelecione o campo pretendido com o rato e mude para o último separador do inspetor. Na área "Estilo de controlo", utilize o botão Menu pop-up ou Lista de esbatimento para criar um menu. Em "Valores de", selecione uma lista de valores a apresentar para seleção.
- Definir itens de menuDefina os itens de menu como uma lista de valores em [Ficheiro > Definir > Listas de valores]. Uma lista de valores pode conter valores estáticos ou valores de campos ou campos relacionados. O gFM Business utiliza frequentemente listas de valores dinâmicas com a função "MagicValueList". Neste caso, "MagicValueList" é especificado como a lista de valores e é atribuído um acionador de script ao campo (na entrada), que cria a lista de valores dinamicamente utilizando a função [MagicValueList]. Uma lista de valores atribuída desta forma não tem de ser predefinida como uma lista de valores no FileMaker.
- Atribuir acções de menuCada item de menu pode acionar uma ação, à semelhança dos botões. Utilize accionadores de script para especificar se algo deve acontecer quando um utilizador seleciona um item de menu.
Depois de criar os elementos de navegação, teste a navegação do ponto de vista do utilizador. Verifique se todas as ligações e botões funcionam corretamente e se a navegação é intuitiva e fluida.
Os itens do menu de navegação e do menu principal do software gFM Business ERP não têm de ser personalizados individualmente nos layouts, mas estão predefinidos no módulo de desenvolvimento "Administração" nos separadores [Navegação] e [Menu principal]. Para o programador, isto tem a vantagem de todos os elementos de navegação serem idênticos em todos os ecrãs e poderem ser simplesmente copiados de um layout existente. A versão Professional também suporta menus principais e navegações multilingues.
Diálogos e popovers definidos pelo utilizador
As caixas de diálogo e os popovers definidos pelo utilizador são elementos interactivos que apresentam informações adicionais ou requerem a entrada de dados do utilizador sem sair da apresentação atual.
Passo 1: Criar diálogos personalizados
As caixas de diálogo personalizadas são janelas pop-up que podem ser utilizadas para apresentar mensagens ao utilizador ou pedir informações.
- Criar guiãoPara apresentar uma caixa de diálogo definida pelo utilizador, é necessário criar um script. No menu [Scripts], aceda ao espaço de trabalho dos scripts (Cmd/Ctrl+Shift+S) e clique em Novo guião.
- Definir diálogosUtilizar o comando Apresentar a sua própria caixa de diálogo no guião para criar o diálogo. Pode definir o título, a mensagem de texto e até três botões.
- Adicionar campos de entradaÉ possível adicionar até três campos de entrada nos quais os utilizadores podem introduzir dados. Estes campos podem ser utilizados para introduzir valores que são depois processados no script.
- Acções baseadas na entrada do utilizadorUtilize instruções condicionais (instruções If) no script para executar acções diferentes com base na entrada do utilizador ou no botão selecionado.
Passo 2: Criar popovers
Os popovers são pequenas janelas que aparecem quando o utilizador clica num elemento e apresentam informações adicionais ou campos de entrada. São particularmente úteis para organizar claramente interfaces de utilizador complexas.
- Adicionar popoverSelecione o item "Botão de popover" na ferramenta de botões da barra de ferramentas superior e clique na apresentação para adicionar um botão de popover. Um botão popover tem o mesmo aspeto de um botão normal, mas abre uma janela popover quando é clicado.
- Conceber conteúdo de popoverAssim que tiver criado o botão popover, faça duplo clique para abrir o editor de popover. Aqui pode adicionar campos, textos, botões e outros objectos, tal como num layout normal.
- Adicionar interaçõesUtilize scripts ou acções diretas para controlar a interatividade do popover. Por exemplo, pode especificar que determinados campos do popover sejam validados antes de o utilizador poder guardar as alterações.
- EnsaiosTeste o popover no modo de navegação para garantir que é apresentado corretamente e que executa as acções pretendidas.
Dicas para melhorar a facilidade de utilização
Passo 1: Manter a coerência
Uma interface de utilizador coerente é mais fácil de aprender e utilizar. Utilize cores, tipos de letra e estilos coerentes em todos os layouts. Certifique-se de que os elementos de navegação, como botões e menus, aparecem nos mesmos sítios e funcionam da mesma forma.
Os utilizadores devem saber sempre onde se encontram e como chegar às funções pretendidas. Utilize uma rotulagem clara e concisa para os botões e menus. Certifique-se de que o caminho para as funções mais importantes nunca está a mais de dois ou três cliques de distância.
Etapa 3: Feedback e confirmações
Dê sempre feedback aos utilizadores sobre as suas acções. Por exemplo, apresente uma mensagem de confirmação quando os dados tiverem sido guardados ou um aviso antes de os dados importantes serem eliminados. Isto evita erros e aumenta a confiança do utilizador na aplicação.
Etapa 4: Prevenção e tratamento de erros
Conceba a sua interface de utilizador de modo a que os utilizadores só possam fazer entradas válidas. Utilize menus pendentes, caixas de verificação e outras opções predefinidas para minimizar a introdução de erros. Se ocorrer um erro, apresente mensagens de erro claras e sugira soluções.
Passo 5: Testar com utilizadores reais
É importante testar a sua interface de utilizador com utilizadores reais para garantir que é intuitiva e eficiente. Recolha feedback e faça ajustes para melhorar continuamente a experiência do utilizador.
gFM-Business Código aberto FileMaker Base-ERP
O software para o curso intensivo
Descarregar gratuitamente
Perguntas frequentes sobre interfaces interactivas do utilizador
- Como posso criar elementos de navegação na FileMaker para guiar os meus utilizadores através da aplicação?
- Pode criar elementos de navegação adicionando botões e barras de botões no modo de apresentação. Estes permitem aos utilizadores alternar facilmente entre diferentes apresentações ou funções. É possível ligar botões a scripts que direcionam o utilizador para outra apresentação, filtram registos ou executam uma ação específica. A barra de botões é particularmente útil para criar uma navegação consistente na parte superior ou lateral da apresentação.
- Como é que adiciono um popover à minha interface de utilizador?
- Um popover é um objeto de apresentação que apresenta informações ou opções adicionais quando o utilizador clica num botão. Para criar um popover, selecione a opção "Botão popover" na barra de ferramentas no modo de apresentação. Coloque o botão na sua apresentação e pode adicionar conteúdo, como campos, texto ou outros botões na janela popover. Os popovers são óptimos para informações sensíveis ao contexto ou para fornecer opções avançadas sem retirar o utilizador da apresentação atual.
- Como é que posso criar caixas de diálogo interactivas na FileMaker?
- As caixas de diálogo são úteis para apresentar informações importantes aos utilizadores ou para lhes pedir informações. Pode criar uma caixa de diálogo personalizada utilizando um script. No editor de scripts, selecione a função "Mostrar caixa de diálogo personalizada" e pode adicionar até três campos de entrada e botões como "OK" e "Cancelar". Isto é ideal para confirmar as decisões do utilizador ou introduzir dados adicionais antes de uma ação ser executada.
- Como posso criar fluxos de trabalho interactivos com botões?
- Os botões são um elemento central nas interfaces de utilizador interactivas. É possível adicionar botões e atribuir-lhes scripts que executam acções específicas, como a criação de um novo registo, a eliminação de um registo ou a navegação para um layout específico. Ao adicionar condições aos scripts, é possível controlar os botões dinamicamente, dependendo da função do utilizador ou do estado de um registo de dados.
- Como é que utilizo controlos de separadores para manter uma visão geral em layouts complexos?
- Os controlos de separadores são uma excelente forma de organizar dados em áreas semelhantes a separadores e de ajudar os utilizadores a alternar entre diferentes secções de uma apresentação sem recarregar a página inteira. É possível adicionar um controlo de separador no modo de apresentação e criar separadores que apresentem conteúdos ou dados diferentes. Isto facilita a navegação em apresentações complexas, apresentando informações relacionadas numa estrutura clara e organizada.
- Como posso melhorar a facilidade de utilização dos meus layouts?
- Para melhorar a usabilidade, certifique-se de que os layouts são claros e intuitivos. Utilize botões grandes e facilmente visíveis, etiquetas claras e cores de alto contraste para os elementos importantes. Reduza as informações supérfluas e concentre-se em tornar as funções mais importantes acessíveis ao utilizador. As dicas de ferramentas (textos de ajuda) também podem ser úteis para dar aos utilizadores informações adicionais quando passam o rato por cima de um objeto.
- Como posso garantir que a minha interface de utilizador interactiva funciona bem em diferentes dispositivos?
- A FileMaker suporta design reativo para que os layouts fiquem bem em diferentes dispositivos, como computadores de secretária, tablets e smartphones. Utilize as funções de ancoragem no Inspetor para determinar como os objectos se adaptam ao tamanho da janela. Para dispositivos móveis, certifique-se de que os botões são suficientemente grandes e fáceis de utilizar. Crie layouts optimizados para dispositivos móveis com navegação simplificada e tamanho de letra adaptado.
- Como é que configuro a formatação condicional para fornecer pistas visuais aos utilizadores?
- Com a formatação condicional, é possível realçar visualmente campos ou objectos com base em determinados critérios. Por exemplo, é possível apresentar automaticamente registos de dados que tenham um determinado estado com uma cor diferente. No modo de apresentação, pode selecionar um objeto e definir regras no inspetor em "Formatação condicional" para alterar dinamicamente o aspeto. Isto ajuda os utilizadores a reconhecerem imediatamente informações importantes.
- Como posso utilizar as dicas de ferramentas para melhorar a minha interface de utilizador?
- As dicas de ferramentas são pequenas janelas de informação que aparecem quando um utilizador move o rato sobre um objeto. Pode adicionar dicas de ferramentas a qualquer campo, botão ou outro objeto no FileMaker para fornecer informações ou instruções adicionais. No Inspetor, pode definir uma dica de ferramenta para o objeto selecionado no primeiro separador "Posição" em "Dica de ferramenta". As dicas de ferramentas são úteis para ajudar os utilizadores sem que estes tenham de sair do layout ou abrir diálogos adicionais.
- Como posso otimizar a interface do utilizador para interações rápidas?
- Para permitir uma interação rápida, deve evitar cliques redundantes e tornar as acções importantes facilmente acessíveis. Os botões devem ser colocados perto da informação relevante e ser suficientemente grandes para serem facilmente clicados. Os atalhos e as combinações de teclas também podem melhorar a eficiência. É possível definir atalhos em scripts para tornar as acções comuns mais acessíveis, por exemplo, guardar um registo de dados ou efetuar uma pesquisa.
- Como posso criar dashboards interactivos na FileMaker?
- Os dashboards fornecem uma visão geral de dados e KPIs importantes. Pode criar dashboards utilizando gráficos, campos de resumo e botões. Os gráficos podem ser gerados a partir dos seus dados para visualizar tendências e índices. Os botões e popovers podem ser integrados no dashboard para permitir uma orientação interactiva do utilizador, por exemplo, filtrar dados ou apresentar informações detalhadas.
- Como posso integrar conteúdos dinâmicos na minha interface de utilizador?
- O conteúdo dinâmico pode ser integrado utilizando campos de cálculo, visibilidade condicional e scripts. Por exemplo, é possível utilizar campos de cálculo para apresentar valores dinâmicos que se alteram em função da entrada do utilizador. Com a visibilidade condicional, é possível mostrar ou ocultar objectos de layout em função da situação atual, por exemplo, o estado de um registo de dados. Os scripts permitem dinamizar ainda mais a interface do utilizador, reagindo a determinadas acções do utilizador.
