Hoje muita gente se diz Designer de Interação, Arquiteto de Informação, User Experience Designer, se julga sênior com pouco mais de um ano de experiência na função e acha que Arquitetura de Informação é só fazer um wireframe e um prototipo navegável no Axure. Certo dia fizeram um vídeo de divulgação mostrando essa mágica e essencial profissão. Já era entusiasta, e depois do vídeo, meu amigo…
E tem a segunda parte…
.
É comum vermos desenvolvedores “sujando” o código html com uma classe “.last” em uma itens de lista para remover alguma formatação de margin ou padding que mantém o último item de uma linha onde deveria estar, e não na linha debaixo. Não entendeu? Vou desenhar – literalmente.
Nesta página temos uma lista comum, com três produtos, alinhados quase corretamente, mas existe um espaço perceptível do lado esquerdo, entre o começo da div de conteúdo e o começo da lista. Não viu? Dê uma olhada neste segundo exemplo.
O bloco de fundo verde é a área de conteúdo, o roxo é o conteúdo da lista e o amarelo é o item. Se você imaginar que esta lista está ao lado de alguma outra coluna, como um menu, etc., o último objeto ficará colado na coluna do lado esquerdo (ou direito, depende da sua especificação pra marge no css), ou o item vai para a linha debaixo.