Paginação: boas práticas de uso para uma experiência perfeita
Sempre que temos uma página com muitos itens a exibir, a paginação se faz necessária, ou melhor, um mal necessário, como diz Jakob Nielsen. Ele se refere assim por considerar que a melhor opção, claro, seria mostrar tudo em uma única página, sem a necessidade do usuário percorrer várias até encontrar o que procura.
Mas conhecendo os cenários e suas realidades, sabemos que no caso de listas, como na exibição de produtos em lojas virtuais ou resultados de pesquisas em sistemas, a necessidade não é exibir todos os itens de uma única vez, mas sim organizá-los de forma eficaz, facilitando seu acesso e tornando as páginas mais rápidas e usuais.
Considerando estudos e experiências pessoais de uso ao longo do tempo, é possível elencar boas práticas no uso da paginação:
Paginação: um título desnecessário
Como diz a 8º heurística de Nielsen, estética e design minimalista: evite que os textos e o design fale mais do que o usuário necessita saber. Os “diálogos” do sistema precisam ser simples, diretos e naturais, presentes somente quando necessários.
Quando bem desenhada, a paginação dispensa o título. Ou seja, se você precisou escrever “Paginação” para que o usuário a utilize, há algo de errado: considere redesenhá-la!
Boa visibilidade e posicionamento
A paginação é uma navegação complementar e deve ter bom posicionamento e boa visibilidade.
Utilize fontes com tamanhos e cores que sigam o padrão de uso da página, dando boa visibilidade e posicione-a logo após o término da listagem de itens.
Alguns sites, para facilitar a navegação, a dispõe também, em menor tamanho, no início da página - considere se necessário.
Seja simples
Algumas ferramentas de paginação oferecem recursos avançados de navegação como ir direto à uma página específica ou avançar determinado número de páginas de uma só vez.
Apesar de serem recursos extras, os usuários estão mais habituados às formas simples e se dão melhores com os modelos convencionais.
Forneça opções de ordenação
Uma boa e recomendada funcionalidade é fornecer opções de ordenação de forma a otimizar seu uso.
Ao ordenar por sua prioridade, o usuário reduz a necessidade de percorrer várias páginas até encontrar o item desejado, tornando sua experiência mais fluida e eficiente.
Não utilize estilos subscritos nos links
Como diz Faruk, usar estilos subscritos nos links geralmente são uma boa ideia, mas se tornam desnecessários em ferramentas de paginação uma vez que os links são óbvios e o estilo subscrito irá apenas deixar o visual carregado.
Forneça um bom espaço para as áreas clicáveis
Quanto maior a área de clique mais acessível se tornam os botões e consequentemente, mais fáceis de serem utilizados.
É bom considerar também os usuários que acessam por meio de smartphones e tablets, sendo touch, o dedo não possui um ponto de clique tão preciso quanto o cursor do mouse e consequentemente, as áreas com maior área de acesso oferecem maior facilidade de uso e melhor experiência ao usuário.
Dê espaços entre um link e outro
O espaçamento entre um botão e outro tornará o uso da paginação mais confortável e precisa ao usuário, evitando acessos indesejados (por conta de poucos pixels).
Identifique a página atual e forneça os links básicos de navegação
A função da paginação é facilitar a navegação do usuário, portanto a ferramenta deve deixar claro onde o usuário está, onde esteve e onde poderá ir.
Portanto destaque a página atual e remova seu link (aumentando a indicação de onde o usuário está).
Forneça os links básicos de navegação como “Página Anterior” e “Próxima Página”, posicionando-os sempre no início e fim.
Há quem prefira não os utilizar, mas em casos de sistemas e sites que o usuário deverá percorrer a paginação somente uma vez, forneça indicações de páginas já visitadas - com cores diferentes das ainda não visitadas.
Forneça atalhos e informações complementares úteis
Links para a “primeira página” e “última página” muitas vezes são úteis, considere-as se necessário!
Outras informações também pode ser interessantes dependendo da aplicação: quantidade de itens exibidos por página, quantidade total de itens listados e quantidade total de páginas. Lembre-se: somente as disponibilize quando realmente forem úteis, caso contrário, prefira o visual limpo.
E lembre-se: a melhor paginação é aquela que funciona!