Listas de informações ou itens de conteúdo.
Allan Day
aday@gnome.org
Georges Neto
georges.stavracas@gmail.com 2014,
Rafael Fontenelle
rafaelff@gnome.org 2017-2019

# Listas

As listas são um elemento básico de interface de usuário que pode ser usado para apresentar informações, itens de conteúdo ou controles. Existem dois tipos principais de lista no GNOME 3: listas e tabelas padrão.

Listas de barras laterais são um padrão de design separado que também faz uso de uma lista.

# Quando usar

Uma lista é uma maneira apropriada de apresentar itens de conteúdo que tenham um nome distinto como seu principal identificador. Se o conteúdo for de natureza visual, como, por exemplo, com fotos ou vídeos, você pode considerar usar uma grade em vez disso.

Em alguns casos, é vantajoso mostrar uma visão de lista e de grade para os mesmos itens de conteúdo. Usado dessa maneira, uma visão de lista permite que informações adicionais sejam exibidas sobre o conteúdo através de colunas de informações.

# Listas padrão

As listas padrão são tipos de lista mais comuns, e geralmente devem ser usadas em favor das tabelas.

Nas listas padrão, cada linha é dividida por separadores e a alteração do ordenamento é conseguida usando um controle fora da própria lista.

## Estilo

As listas padrão têm dois estilos: largura total e incorporada. As listas de largura total enchem o contêiner, enquanto as listas incorporadas são cercadas por preenchimento.

As listas de largura total são visualmente mais simples e, portanto, mais elegantes. Elas devem ser usadas sempre que possível. Ao mesmo tempo, nem sempre é possível usar uma lista de largura total e há algumas situações em que as listas incorporadas são uma escolha melhor:

Quando a lista contém colunas de informações que devem ser mantidas próximas entre si para fins de legibilidade, e há necessidade de ter a lista dentro de um contêiner amplo.

Quando uma janela contém várias listas.

Quando a lista precisa ser alinhada com outros controles dentro da janela.

## Listas editáveis

As listas editáveis permitem que um usuário adicione ou remova itens da lista (por esse motivo, às vezes são conhecidos como listas de adicionar/remover). Ambas listas de largura total e incorporadas podem ser editáveis.

Cada linha contém um botão remover. Se o número de itens for curto, a linha final da lista deve ser usada como um botão de adicionar. Alternativamente, se a lista for longa, o botão de adicionar pode ser colocado na barra de cabeçalho ou barra de ação.

# Tabelas

As tabelas podem ser usadas para listas de multicolunas mais complexas, onde a classificação da tabela por uma variedade de colunas é comum. Os cabeçalhos das colunas permitem às pessoas identificar o tipo de informação em cada coluna e reordenar a lista de acordo com o conteúdo de cada coluna.

Ao usar cabeçalhos de coluna, indique a ordem de classificação usando setas no cabeçalho.

Ordem | Direção da seta | Exemplo
--- | --- | ---
Natural | Para baixo | Alfabética, número menor primeiro, data mais antiga primeiro, itens selecionados primeiro
Inversa | Para cima | Alfabética inversa, número maior primeiro, data mais recente primeiro, itens não selecionados primeiro

# Comportamento da linha

Dependendo do tipo de lista, as linhas têm comportamentos diferentes quando são clicados ou pressionados. Existem três tipos de lista a este respeito:

Tipo de lista | Comportamento da linha
--- | ---
Navegação | Selecionar uma linha abre o item correspondente, seja por meio da navegação em uma nova visualização ou na abertura de uma caixa de diálogo. Esse padrão é comum para listas de itens de conteúdo ou para apresentar grupos de configurações.
Selecionar | O item da lista é selecionado quando é clicado ou pressionado. Essa abordagem é frequentemente usada para selecionar uma das séries de opções de configuração. No caso das listas suspensas, uma opção sempre está selecionada. A linha selecionada é indicada por uma marca de seleção.
Editar | Selecionar o item de linha transforma a linha em um campo de entrada de texto, que permite que o item seja editado.

As listas de estilos de navegação podem ser combinadas com modo de seleção para permitir que as linhas sejam abertas e manipuladas. Usar o clique duplo para abrir itens da lista deve ser evitado, uma vez que não é descoberta e é incompatível com a entrada de toque.

# Diretrizes gerais

Diferencie os diferentes tipos de informação usando diferentes alinhamentos, cores e pesos de texto. Destaque as informações mais importantes e relevantes, fornecendo outras informações com um peso e/ou cor mais leves.

Tenha cuidado para não superpopular listas com diferentes colunas e elementos, e assegure-se de usá-los apenas para apresentar informações essenciais.

Como regra geral, evite usar várias listas na mesma janela, particularmente janelas primárias.

Não use listas com menos de cerca de cinco itens, a menos que o número de itens possa aumentar ao longo do tempo. Para listas de opções, caixas de seleção ou botões de opção podem ser usados como uma alternativa neste caso.

Certifique-se de que as listas estejam ordenadas para serem úteis para aqueles que as usam. Os documentos recentes podem ser mais úteis do que os documentos ordenados alfabeticamente, ou os contatos online podem ser mais interessantes do que aqueles que estão offline, por exemplo.

Se você usar ícones na sua lista, use ícones simbólicos. A menor pegada visual desses ícones significará que eles não sobrecarregam ou dominam visualmente sua lista.

Se a lista for longa, procure pesquisá-la usando o padrão de design de pesquisa.

# Referência de API

GtkListBox

GtkTreeView