Confira alguns termos que podem ser úteis para construção do artigo:
Controles de entrada – Esses elementos de interface de usuário (UI, user interface) interativos permitem que os usuários insiram os dados no sistema. Você pode usar uma ampla variedade de controles de entrada, como botões, campos de texto, alternadores, caixas de seleção e muito mais.
- Caixa de diálogo: é um painel que é aberto quando determinadas seleções são feitas para mudar ou criar um registro. As caixas de diálogo contêm campos que permitem a entrada de texto digitado.
- Caixa de texto: é uma caixa na qual o usuário pode digitar.
- Buttons (botões): são os elementos mais comuns e talvez mais importantes dentro de uma interface. Eles podem estar presentes em calls to action (chamadas para ação), menus, formulários, entre outros. A função, normalmente, é realizar alguma ação importante como enviar uma mensagem ou realizar uma compra.
- Botões de ação: permite ações como salvar, continuar, excluir, etc.
- Icons (ícones): normalmente têm função informativa, auxiliando no entendimento da informação, ou de botão/ link, sendo utilizado, por exemplo, dentro de um contexto de menu de navegação.
- Radio buttons (botões de rádio): trata-se de elementos que permitem selecionar apenas uma opção por vez. Por exemplo, as opções de sim ou não dentro do contexto de uma pergunta.
- Slide bar: trata-se de um controle deslizante que permite aos usuários definir ou ajustar um valor. Quando o usuário altera o valor, ele não altera, necessariamente, o formato da interface ou outras informações na tela.
- Dropdown lists (istas suspensas): listas nas quais só é possível escolher uma opção, porém, permite muitas vezes inserir textos mais longos. É muito utilizado, por exemplo, quando você está selecionando a cidade destino de viagem em site de passagens áreas.
- Button dropdown list: semelhante ao anterior, porém é acrescido de um botão que ao ser selecionado, apresenta as opções.
- Toggles: são os botões de ativar ou desativar, parecido com a ação de liga e desliga do interruptor elétrico.
- Date and time pickers (seletores de data e hora): são os seletores que permitem ao usuário selecionar datas e/ou horas dentro da interface. Também são muito comuns em sites de passagens áreas, por exemplo.
Componentes de navegação – Elementos como controle deslizante, breadcrumb (sistema de navegação por categorias), campo de pesquisa, paginação, tags e ícones ajudam as pessoas a navegar por um site ou produto.
- Menus: são os itens de navegação mais comuns dentro de uma interface. Podem ser como navegação global ou específica dentro de uma seção da interface.
- Search field (campo de pesquisa): é o tradicional campo de pesquisa onde você insere o que deseja encontrar e a interface te retorna com uma página de resultados.
- Breadcrumb: breadcrumbs são os “caminhos de pão”, como no conto de João e Maria. Esse tipo de sistema permite que os usuários identifiquem sua localização atual dentro da interface, além de fornecer uma trilha clicável de páginas para continuar navegando.
- Tags: As tags permitem que os usuários encontrem conteúdo na mesma categoria, de um mesmo assunto. Muito utilizado por anos em blogs, por exemplo, é uma forma de acesso rápido. Em alguns casos é possível que os usuários criem as suas próprias marcações.
- Painel de navegação:
- Tool tips: são caixas com dicas e informações relevantes para que o usuário realize ou entenda com mais clareza determinadas ações dentro da interface. Em determinados casos eles podem conter links ou botões para o acesso de outras páginas dentro do sistema.
- Containers: são elementos dentro da interface que abrigam um conjunto de itens de um mesmo assunto. São grupos de componentes, apresentados em uma região de tela definida.
- Accordion (acordeão): trata-se de uma lista vertical empilhada de itens com a funcionalidade mostrar/ocultar, por exemplo, em FAQ de um site.
- Menu suspenso: trata-se de um tópico com uma seta virada para baixo que, quando clicada, exibe uma lista de opções para escolha.
- Menu de navegação: é um controle (geralmente um painel ou janela) que contém uma lista de itens nos quais o usuário pode clicar para ir para páginas em um aplicativo/sistema.
- Painel de ações: é a barra abaixo da barra de navegação. Nela é possível selecionar guias para alterar os registros mostrados na página. É possível editar e salvar os registros nesse painel.
- Painel de filtragem: em algumas páginas, você pode selecionar "Exibir filtros" para abrir esse painel. Ele permite refinar os resultados visíveis na página.
- Seção: é similar a uma guia. A palavra "seção" é frequentemente utilizada para descrever qualquer área de uma página que organiza uma categoria específica de informação.
- Guia/ aba: fornece a capacidade de alternar entre diferentes páginas web em uma única instância do browser. Está localizado na parte superior do navegador.
- Drilldown (seta amarela/laranja)
: utilizado para acessar informações de diferentes fontes.
- Choose
: utilizado para procurar valores e critérios.
- Checkbox (caixa de seleção)
: é uma pequena caixa que indica se uma opção está ativada ou desativada.
- Grids: são uma estrutura composta por colunas, lacunas e margens, que ajudam no ajuste de proporção dos elementos como, por exemplo, tabelas.
Componentes informativos – Os elementos da UI que ajudam a compartilhar informações com os usuários incluem, mas não se limitam a: notificações, barras de progresso, dicas de ferramentas, caixas de mensagens e janelas pop-up.
- Quadro de Fatos: nele é possível visualizar informações e seguir as atividades de determinados registros neste painel.
- Message Boxes (caixa de mensagem): são caixas de mensagem que surgem em formato de pequenas janelas, fornecendo informações aos usuários exigindo ou sugerindo que eles realizem uma determinada ação antes de avançar.
- Pop-up: é uma janela modal que solicita aos usuários interagirem com ela antes de retornarem ao sistema.
- Notifications: trata-se de uma mensagem de atualização que anuncia algo novo ou importante. Elas podem ser utilizadas para indicar uma tarefa como concluída ou para mensagens de erro ou aviso.
- Progress Bars (barra de progresso): são item que indicam o status quando o usuário está avançando por uma série de etapas dentro da interface ou que indicam o progresso de alguma ação do sistema.
Dispositivos – Veja a seguir algumas sugestões para usar ao se referir a ações dos dispositivos de entrada, como mouse e teclado.
- Teclas de navegação: esse nomes específicos, como: Page up, Page down, Home e End .
- Tecla de seta: para qualquer tecla de seta única, use letras maiúsculas para referi-las: A Tecla de Seta para a Esquerda, Tecla de Seta para a Direita, a Tecla de Seta para Cima ou a Tecla de Seta para Baixo. Não use “teclas de direção”, “teclas direcionais” ou “teclas de movimento”.
- Teclas modificadoras (Shift, Ctrl, Alt. Alt Gr, Função...): refira-se a essas teclas utilizando a primeira letra maiúscula, e soletre-as como aparecem no teclado.
- Atalhos do teclado: refira-se aos atalhos como uma combinação de teclas, utilize como parâmetro o exemplo a seguir: “Para ativar os campos de usuário pressione a combinação de teclas Ctrl+Shift+U”
- Teclas: quando necessário sugerir utilização de teclas específicas do teclado, prefira o verbo “pressionar” para da instrução.
- Caracteres especiais: quando necessário, refira-se aos caracteres especiais por seu nome e inclua o símbolo entre parênteses para maior clareza. Veja alguns exemplos: asterisco (*), arroba (@), hífen (-), vírgula (,).
- Teclado/teclado numérico: em geral, não faça distinção entre o teclado e o teclado numérico. Se um cliente puder selecionar duas chaves com a mesma aparência, especifique a chave correta.
Ações do mouse – Use a palavra “ponteiro” para se referir à seta do mouse.
- Clique: utilizado para descrever a seleção de um item com o mouse clicando com o mouse uma vez. Não use "clique em".
- Clique em: utilizado para se referir ao ato de clicar em uma área geral dentro de uma página, janela ou outro local da interface do usuário.
- Duplo clique: utilizado para descrever a seleção de um item clicando com o mouse duas vezes em rápida sucessão. Não use "clique duplo em".
- Arrastar: use para descrever como segurar um botão enquanto move o mouse e, em seguida, solte o botão. Não use "clicar e arrastar" ou "arrastar e soltar". Não há problema em usar "soltar sozinho" se "arrastar" não for preciso o suficiente.
- Passe o mouse sobre: para descrever o movimento do ponteiro do mouse sobre uma área da interface do usuário sem selecioná-la. Utilize "passe o mouse sobre" ou "aponte para", conforme apropriado para seu público.
- Pressione e segure: para descrever o movimento do ponteiro do mouse sobre uma área da interface do usuário onde será necessário selecioná-la.
- Clique com o botão direito: use para descrever o clique em um item usando o botão secundário do mouse (o botão direito por padrão, mas o usuário pode personalizá-lo).
- Percorrer: substitua a palavra “rolagem” ou “role a barra” por "percorra", ou "percorrer".
Unidades de medida – Use a forma abreviada com moderação para facilitar a localização do conteúdo e, caso haja necessidade de traduzi-lo, a abreviação pode ocasionar uma interpretação incorreta.
Termos Gerais
- Case-sensitive: Diz-se que um software é case-sensitive ou possui "case sensitivity" quando ele é capaz de analisar uma cadeia de caracteres, avaliar a existência de caixa alta e caixa baixa e comportar-se de diferentes maneiras em função disso.
CONECTIVOS TEXTUAIS
Ideia de soma – Caso seu intuito seja acrescentar informações ou ideias ao texto, você pode utilizar os conectivos que representam soma. Exemplos:
- e;
- mais;
- nem;
- também;
- não só…mas
- também;
- assim como;
- como também;
- ademais;
- outrossim;
- além disso;
- em adição.
Ideia de conclusão – É usado principalmente na hora de concluir um parágrafo, dando maior clareza para as ideias apresentadas. Exemplos:
- logo;
- portanto;
- então;
- assim;
- enfim;
- por isso;
- por conseguinte;
- de modo que;
- dessa forma;
- em resumo;
- em síntese;
- assim sendo.
Ideia de contraposição – Se quiser contrapor uma ideia em relação a outra, utilize os conectivos que apresentam ideia de contraposição. Exemplos:
- mas;
- porém;
- todavia;
- contudo;
- entretanto;
- no entanto;
- senão;
- embora;
- ainda que;
- mesmo que;
- mesmo quando;
- apesar de;
- que;
- se bem que;
- não obstante.
Ideia de alternância – Como o próprio nome diz, o uso desse conectivo serve para acrescentar ideias alternadas. Exemplos:
- ou… ou;
- ora… ora;
- já… já;
- não… nem;
- quer… quer;
- seja… seja;
- talvez… talvez.
Ideia de comparação – Com o intuito de comparar ideias e estabelecer uma relação com o que já foi dito anteriormente, utilize os conectivos que expressam ideia de comparação. Exemplos:
- que;
- do que;
- mais que;
- menos que;
- tão… quanto;
- igualmente;
- tão… como;
- tanto… quanto;
- tão… como;
- tal qual;
- da mesma forma;
- da mesma maneira;
- bem como.
Ideia de explicação – Para esclarecer as causas ou consequências de algum fato anterior, utilize os conectivos que expressam ideia de explicação. Exemplos:
- pois;
- porque;
- que;
- porquanto;
- por isso;
- assim;
- visto que;
- já que;
- uma vez que;
- por conseguinte;
- por causa de;
- em virtude de;
- de tal forma que.
Ideia de conformidade – Utilize-os com o intuito de expressar conformidade com uma ideia ou argumento. Exemplos:
- conforme;
- como;
- segundo;
- consoante;
- de acordo com;
- de conformidade com.
Ideia de condição – É usado para expressar circunstâncias hipotéticas em relação a uma situação futura. Exemplos:
- se;
- caso;
- desde que;
- contanto que;
- exceto se;
- salvo se;
- a menos que;
- a não ser que.
Ideia de proporção – Para expressar uma ideia de proporcionalidade, utilize os conectivos de proporção. Exemplos:
- à medida que;
- à proporção que;
- ao passo que;
- quanto mais;
- quanto menos.
Ideia de finalidade – Para mostrar que tem um propósito definido que deseja alcançar, faça uso dos conectivos que expressam ideia de finalidade. Exemplos:
- a fim de que;
- para que;
- com o fito de;
- com a finalidade de;
- ao propósito;
- com o objetivo de;
- com a intenção de.
Ideia de exemplificação – Utilize-os para dar credibilidade aos seus argumentos. Os exemplos podem ser inseridos em seu artigo através de conectivos que apresentam essa ideia. Exemplos:
- exemplificando;
- por exemplo;
- isto é;
- tal como;
- em outras palavras.
Ideia de dúvida – Quando desejar expressar incerteza ou probabilidade, use os conectivos com ideia de dúvida. Exemplos:
- talvez;
- porventura;
- provavelmente;
- possivelmente;
- é provável;
- é possível.
Ideia de certeza – Diferente do conectivo anterior, o objetivo nesse caso é expressar certeza ou ênfase. Exemplos:
- por certo;
- certamente;
- realmente;
- seguramente;
- com certeza;
- decerto;
- efetivamente;
- incontestavelmente;
- sem dúvida;
- inquestionavelmente;
- evidentemente;
- realmente;
- exatamente;
- com toda a certeza.
Ideia de negação – Se o intuito for expressar uma ideia negativa, utilize os conectivos de negação. Exemplos:
- nunca;
- jamais;
- tampouco;
- de modo algum;
- de jeito nenhum;
- em hipótese alguma.
Ideia de ordem, frequência ou sucessão – Uma ótima opção para ordenar suas ideias e argumentos é utilizando os conectivos que expressam ordem, frequência ou sucessão. Exemplos:
- primeiramente;
- ultimamente;
- antes;
- depois;
- logo depois;
- frequentemente;
- sempre;
- assim que;
- logo que;
- desde que;
- ao mesmo tempo;
- então;
- a princípio;
- quando;
- imediatamente;
- logo após;
- posteriormente;
- em seguida;
- por fim;
- ocasionalmente.
Ideia de reformulação – Os conectivos que expressam ideia de reformulação são usados para retomar e reformular uma ideia já apresentada. Exemplos:
- em outras palavras;
- mais precisamente;
- ou melhor;
- dito de outro modo;
- termos;
- quer dizer;
- mais corretamente.
Ideia de resumo – Os conectivos que expressam ideia de resumo são ótimos para se usar na conclusão de um parágrafo ou de um texto. Exemplos:
- em síntese;
- em suma;
- em resumo;
- enfim;
- portanto;
- dessa forma;
- dessa maneira;
- desse modo;
- assim sendo;
- resumindo.