É hora de mergulhar na área dos Snippets! Ou seja, a área de conteúdo real dele. Já temos o cabeçalho no lugar. A área de trechos é bastante popular. Sem me aprofundar em análises, eu sei, por assistir a mídia social e ouvir pessoas na vida real, que elas encontram muitas coisas úteis nessa área.
Em v9, uma crítica muito comum e legítima era que era difícil navegar. Era um acordeão fortemente colorido e cada fragmento era um “link de bolha” (por falta de um descritor melhor) que combinava com a cor principal da subseção do fragmento. Pior, eles foram alinhados justificados, o que eu achei que seria uma maneira legal de dar a eles algum espaço e pular um pouco, mas acabou ficando apenas estranho e desleixado.
Vamos nos redimir aqui e tornar a área de Snippets mais agradável de navegar. Mesmo que, novamente, a maior parte desse conteúdo seja encontrada por meio de pesquisa. Ainda assim, pode muito bem torná-lo agradável para navegar.
Imediatamente decidimos não colocar um campo de busca diretamente na área de conteúdo. Havia no passado, mas isso é um redesenho e estamos tomando a decisão de consolidar a pesquisa em uma área. Depois de aprender a usar a pesquisa uma vez, você saberá como ela funciona para sempre.
Para o design, optamos por duas colunas. À esquerda, as principais categorias de trechos, cada uma com uma cor exclusiva. Hora do arco-íris! Nós navegamos em nossa própria galeria em busca de inspiração.
A coluna certa será simplesmente uma lista dos trechos dessa categoria. Simples, fácil de navegar. Muito parecido com os links de rodapé. As pessoas sabem como verificar e usar listas de links. É o padrão de design mais perfeitamente simples que existe.
No entanto, mexemos em algumas decisões de design. Os links devem corresponder à cor da seção ou apenas ser cinza? Devemos “zebra stripe” os links com uma versão desbotada da cor principal? Devemos incluir uma data de publicação ou data de atualização ou nenhuma? Coisas divertidas e importantes para se pensar, mas sempre podemos tomar esse tipo de decisão assim que chegarmos ao navegador e estivermos trabalhando com dados reais.