Preciso criar uma página "Compartilhar este site" que ofereça todas as mídias comuns de compartilhamento social e enviar a opção de e-mail a um amigo.
Com
naturalmente uma página com todos esses botões pode ser um desastre.
Como posso projetar de forma elegante e simples uma página com todas essas opções sem fazer com que o usuário perca suas bolas de gude quando a vê.
exemplos são muito bem-vindos
Por que você precisa de todas essas opções? Isso implica que você não sabe que tipo de público está visitando sua página. Primeiro, descubra isso. Em seguida, basta colocar 2-3 botões lá para as redes mais usadas pelos visitantes dessa página. Se você não souber, tente testar A/B com botões diferentes para descobrir quais têm mais interação (em todas as páginas) para diminuir.
Em seguida, jogue tudo fora, exceto os 2-3 melhores e use-os. Você estará fazendo um favor a seus visitantes promovendo a usabilidade Não me faça pensar. Sempre inclua uma opção de compartilhamento "email" para aqueles que são a exceção e não use as redes que você ofereceu.
Por exemplo:
Eu acho que algo como addThis seria sua melhor solução. Dessa forma, você apenas um botão que pode ser expandido para usar vários sites de mídia social. você também pode usar um widget da barra lateral semelhante ao que sites como Mashable usam nas postagens do blog. Não sei se é ou não um plug-in disponível, mas imagino que seja como tenho certeza de que já o vi em outros sites.
Se você tem uma página inteira para trabalhar, não acho que seria um desastre ter botões para cada uma delas. Cada ícone de site de mídia social é bastante distinto e eu sinto que, quando você fornecer espaço em branco suficiente entre cada ícone (suficientemente grande), ele será utilizável - os usuários poderão encontrar rapidamente o site de mídia social que estão tentando acessar compartilhe seu conteúdo.
Também não sou fã de ícones de mídia social, mas com algumas audiências eles usam o suficiente para ganhar seu lugar. Minha abordagem preferida é exibir os três primeiros, e o restante dos ícones disponíveis mostrados com algum link de divulgação (texto, gráfico, até pairar, mas que quebra no celular).
Isso permite que você o mantenha limpo, evitando o que Daniel Burka chamou de Efeito Nascar de um monte de logotipos correndo soltos em sua página.
Eu tentaria usar uma técnica de revelação gradual, por exemplo: