Nova tentativa de reformular menu principal

[rghedin]

• Aumenta densidade do leiaute
• Reverte cores dos links no modo claro
• Simplifica menu principal
• Joga para baixo destaques do Órbita na capa

[claromes]

Eu gosto muito do menu atual, o que te incomoda nele? É a falta de um "Sobre"?

Por que não inserir esse menu mantendo o estilo atual e fazendo alguns ajustes?

Sugestão:

Gosto do novo ícone do user! E na versão mobile só desce o menu texto... Se preferir coloca a cor de link no menu. O menu atual comunica muito bem com site.

[rghedin]

Hmmm, sabe que fica bom? Meu impulso para remover o fundo era deixar o menu mais compacto/denso. Acho que dá para alcançar esse resultado mantendo o fundo e diminuindo o padding, né?

Vou dar uma fuçada aqui.

[rghedin]

Ficou bom mesmo, @claromes! Só não consegui colocar os ícones de usuário e aparência em cima, no leiaute para telas pequenas. Do jeito que está no HTML, acho que só daria com uma grande gambiarra. Veja se a solução que encontrei (tirar o fundo e apertar um pouco os elementos) funciona.

[claromes]

Já sei como resolver a questão da ordem dos ícones e menu-texto. Me avisa quando finalizar.

Confesso que não curto o ícone do RSS no meio do menu-texto. Depois de "Status" no footer não fica melhor?

Ao invés de colocar o link para Newsletter, pq não colocar o input? Assim o usuário tem somente um click, ao invés de clicar na página e depois inserir o e-mail. E é menos uma info no menu-texto. A info de "Acompanhe" pode virar uma nova sessão em "Sobre" também com o input pra reforçar e RSS, como está hoje.

Quando o usuário clicar em assinar, ele pode ser levado para a página de apoio. Podemos colocar um if, se ele vier do input insere a frase "Obrigada por assinar a News. Conheça as vantagens dos assinantes e considere colaborar com o meu trabalho." Um texto deste tipo.

O componente de assinatura da news pode ficar entre o header e a page:

Seria legal tbm um texto tipo: "acompanhe o blog" essas coisas pra convidar o usuário a inserir o e-mail. Só ideias... O que acha?

[rghedin]

Já sei como resolver a questão da ordem dos ícones e menu-texto. Me avisa quando finalizar.

Ótimo!

Confesso que não curto o ícone do RSS no meio do menu-texto. Depois de "Status" no footer não fica melhor?

A rigor, o ícone do RSS é desnecessário — a maioria dos aplicativos consegue detectar o feed a partir do endereço principal do site.

O motivo de eu ter colocado o ícone ali é reforçar a presença/existência do feed RSS no site. Tipo um lembrete que, de quebra, deixa a inscrição mais conveniente, com um clique só.

Por isso, acho que ele precisa estar num local de destaque, ou perde a razão de estar no leiaute.

Ao invés de colocar o link para Newsletter, pq não colocar o input? Assim o usuário tem somente um click, ao invés de clicar na página e depois inserir o e-mail. E é menos uma info no menu-texto. A info de "Acompanhe" pode virar uma nova sessão em "Sobre" também com o input pra reforçar e RSS, como está hoje.

A preferência pelo link é para ter uma maneira fácil de referenciar/indicar a inscrição na newsletter.

Nessa semana, por exemplo, a newsletter do Manual foi indicada aqui com o link da capa do site (porque o “Acompanhe” não está em lugar algum do leiaute atual, segundo me disse o Nigel).

Outro motivo, já citado em leiautes anteriores, é que o formulário ocupa um espaço maior que se torna irrelevante depois que a pessoa se inscreve.

Quando o usuário clicar em assinar, ele pode ser levado para a página de apoio. Podemos colocar um if, se ele vier do input insere a frase "Obrigada por assinar a News. Conheça as vantagens dos assinantes e considere colaborar com o meu trabalho." Um texto deste tipo.

Hmmm, é uma ótima ideia! O fluxo de inscrição da newsletter já tem páginas no site, incluindo a de finalização (esta). Tem uma chamada ali para a assinatura paga, mas acho que tem margem para trabalhar melhor essa parte.

[rghedin]

Para esta atualização, acho que é isso da minha parte, @claromes. Se quiser/puder, já pode resolver a questão da ordem dos ícones e menu-texto e, depois, empacotar e liberar um novo release.