A comunidade de designers brasileira está chocada. Vamos desligar os computadores e quebrar a régua, gracinha!
;(
Okay o humor foi sádico, a perda foi terrível, logicamente só pra quem curte ela.
E tem um extra pra quem quer rir mais — dica da Carol Mancini 😉
Já vi, muita galera buscando “conversores” de pontos para pixels, ou ems para pixels, eu particularmente sempre consegui decifrar a olho nú. No entanto há uma pequena formula para isso.
| Pontos | Pixels | Ems | Porcentagem |
|---|---|---|---|
| 6pt | 8px | 0.5em | 50% |
| 7pt | 9px | 0.55em | 55% |
| 7.5pt | 10px | 0.625em | 62.5% |
| 8pt | 11px | 0.7em | 70% |
| 9pt | 12px | 0.75em | 75% |
| 10pt | 13px | 0.8em | 80% |
| 10.5pt | 14px | 0.875em | 87.5% |
| 11pt | 15px | 0.95em | 95% |
| 12pt | 16px | 1em | 100% |
| 13pt | 17px | 1.05em | 105% |
| 13.5pt | 18px | 1.125em | 112.5% |
| 14pt | 19px | 1.2em | 120% |
| 14.5pt | 20px | 1.25em | 125% |
| 15pt | 21px | 1.3em | 130% |
| 16pt | 22px | 1.4em | 140% |
| 17pt | 23px | 1.45em | 145% |
| 18pt | 24px | 1.5em | 150% |
| 20pt | 26px | 1.6em | 160% |
| 22pt | 29px | 1.8em | 180% |
| 24pt | 32px | 2em | 200% |
| 26pt | 35px | 2.2em | 220% |
| 27pt | 36px | 2.25em | 225% |
| 28pt | 37px | 2.3em | 230% |
| 29pt | 38px | 2.35em | 235% |
| 30pt | 40px | 2.45em | 245% |
| 32pt | 42px | 2.55em | 255% |
| 34pt | 45px | 2.75em | 275% |
| 36pt | 48px | 3em | 300% |
Se você não encontrou a sua medida, e quiser algo mais mastigado que isso, há também o Pixel to EM. (Em inglês)
Hoje o World Wide Web Consortium (W3C) revelou um logo para o HTML5 e também icones para os sites que passarem a usar o novo padrão possam colocar um “aviso” em seu sites. Confira!!!
O logo foi feito pela agência Ocupop. E você pode conferir mais detalhes do projeto, aqui!
A tempos que o portal da Globo.com vem servindo de inspiração dos grandes portais de notícias brasileiros. E agora a Globo deu uma sutil remodelada no layout de 2011, confira o que mudou.
Com certeza a palavra dessa atualização foi: Acessibilidade e Usabilidade.
Primeiramente a globo modificou o menu, que agora já exibe as subcategorias, fazendo que o usuários deixem de usar um clique (que antes era necessário para entrar na página para ver e posteriormente clicar no time, vide imagem acima)
Posteriormente modificou o campo de busca, que agora retorna com os prová resultados, me lembra do Google Instant, lançado ano passado, até creio que foi a principal referência.
Para você que não conhece o Gmail, e gosta de pagar para ter conteúdo, agora pode acessar o seu email em todas as páginas da Globo.com
Os videos foram adicionados na Home, para que você fique por dentro das novelas, noticias e esporte (com ressalva que se você está em outro país, seu player não permite que você assista. Ainda!)
E agora também listam qual conteúdo do portal foi o mais acessado.
Na minha opnião foi um ótimo update e continua sendo referência para outros grandes portais brasileiros. E você o que achou?
[jwplayer file=”http://www.youtube.com/watch?v=qTg6Gl3gD8M”]
Quem acha que o Stefan Sagmeister tava só palestrando no Brasil, se enganou. O novo site dele tava sendo desenvolvido e foi instalado dia 10 de dezembro (vide o video).
Na minha opnião é uma ótima solução. Só a qualidade do vídeo que transmite é meio fraco ou a qualidade do upload.
via: creativereview
Os prazos regulares de inscrição para o iF Design Award 2010 se encerrarão nos dias 15 de novembro, para o prêmio Concept Award, e 30 de novembro, para o Comunnication Design Award.
Já os prêmios Material Award e Packaging Design Award estão em sua última chamada e receberão trabalhos até o dia 3 de dezembro.
Não há taxa de inscrição para o Concept Award, que se subdivide em quatro categorias e é voltado para estudantes e graduados nos últimos dois anos nas áreas de design, arquitetura, marketing e engenharia.
O Comunnication Design Award engloba todos os tipos de design de comunicação, como comerciais, publicações e websites. A participação é aberta a designers, arquitetos, designers de interiores e agências, entre outros, que podem submeter um ou mais trabalhos nas cinco categorias que compõem o prêmio.
Os projetos inscritos nas categorias digital media, product interfaces e print media devem ter sido concluídos há no máximo dois anos e deverão ser publicados próximo à cerimônia de premiação. As taxas de inscrição variam entre € 115,00 e € 305,00, dependendo da categoria.
O Material Award admite inscrições de materiais, produtos e processos, com taxa de € 300,00.
O custo da inscrição para o Packaging Design Award também é € 300,00 e os trabalhos concorrentes devem ter sido introduzidos no mercado nos últimos três anos, ou estar previstos para introdução no ano seguinte ao prazo de inscrição no prêmio.
Na categoria Packaging concepts são aceitos projetos ainda não lançados no mercado. Os trabalhos vencedores do iF serão expostos no site, além de receber certificado, troféu e publicação no anuário do iF, entre outros prêmios.
Regulamento, inscrições e mais informações no site: www.ifdesign.de.
Fonte: Sinal
Ah okay, imagino que vocês já sabe que o Google Chrome é passado atualizações de 6 em 6 semanas (ou não?). Então vou contar que hoje o Google anunciou o download da versão 7.0. Download aqui!
Depois da repercussão do #NewTwitter grande parte dos usuários do serviço já conseguem usufruir do novo design, que diga-se de passagem ficou lindo e com uma usabilidade incrível. O que ainda me pergunto é se as opções de alteração de design do perfil continuarão as mesmas do #OldTwitter ou se será adicionado mais alternativas para quem quiser personalizar o seu perfil. Ah e vale lembrar que quem ainda não consegue ver esse novo tema, deverá conseguir até o final de semana, já que o twitter está disponibilizando para todas as contas.
Ontem o Twitter criou uma página inicial nova, que baseia-se nas pesquisas feitas pela equipe nas tendências e temas mais visível e acessível a todos. Nesta nova versão as pessoas conseguem explorar o poder da ferramenta sem ter que criar uma conta previamente.
Página inicial antiga, lançada em Julho do ano passado (2009).
Segundo o blog oficial, as mudanças recentes no design do twitter visa mostrar que hoje a ferramenta não é somente para a mostra de status. Agora é uma rede onde a informação é trocada a cada segundo do dia, tendo em vista o numero de coisas que estão na web à ser partilhado.
Eu gostei, e você?
O Web Without Words, na tradução em português Web Sem Palavras, é um site que remonta sites conhecidos em blocos, substituindo todas as imagens e palavras visando trazer a forma mais semelhante a ao concepting que o site teve ao ser construido. O site já conta com wireframes de diversos sites como Apple, Facebook, CNN e Youtube.
Ontem (02/03) aconteceu o amistoso contra a Irlanda, vitória de 2 a 0 pro Brasil! Mas não vou falar de futebol em específico e sim para debater sobre qualidade do website da Confederação Brasileira de Futebol (CBF).
Não é a primeira vez que vejo comentários sobre este site ser horripilante e deixar de ter informação importantes para torcedores, apostadores de bolão. Prova disso são as imagens abaixo, que mostram o site nas versões dos anos de 2006 e o ano seguinte, 2007 que foi mantido até o começo deste ano (2010).
Site versão 2006/07
Site versão 2007/09
Site atual 2010 (uma merda)
Agora vamos pegar como exemplo o site da Football Association of Ireland (Associação de Futebol da Irlanda), país derrotado pela nossa seleção no amistoso de ontem, mas que sabe o valor que seu website tem.
Agora caso o CBF não ache um bom web designer, poderiamos pedir uma mãozinha ao Henry, que está em “alta” quando se trata de técnologia, principalmente lá pela Irlanda, e por aqui também (vide a Copa 2006). =)
(Fontes: Wikipedia, Archive.org, CBF.com.br, Football Association of Ireland)
Se você procura aprender todas as nomenclaturas e processo de desenvolvimento de um site, vai adorar conhecer o Internet Online Website. Porém concordo com o Felipe Tofani quando afirmo que nem tudo ali pode ser levado como verdade. E você o que achou?
Hoje o Felipe Tofani havia “comentado” no Pristina (seu blog) sobre como era horrível a cidade do Dollyinho, com infinitos erros tanto de usabilidade como na questão estética, e é claro a assinatura “Designer”. Mas uma vez comentado no twitter não parou por aí, o @camilo87 achou um excesso de referência.
O menu em questão pertence ao site de divulgação do Shrek Terceiro nos canais Telecine (GloboSat).
O layout como um todo não é igual, mas o menu dá pra notar que foi baixado o .swf (arquivo flash) e usado um decompilador, para voltar a sua forma editavel (.fla) e alterado apenas os itens do menu.
Agora a questão é, um elemento de um site pode ser usado completamente da mesma forma que é publicado? Será que os outros elementos não são de outros hotsites? você já viu estes em algum outro lugar? Deixe sua opnião.
*** Vale ressaltar que isso não é sensacionalismo, é aquele velho debate sobre referências ou plágios.
No Brasil todo dia surgem agências que trabalham com web, mas você conhece as que mais se destacam? Eu resolvi fazer a lista de 15 agências conhecidas e que mostram seu talento através do seu site. Vale a pena dar uma conferida.
Eram 2 produtoras na nossa lista, no entanto a Seagulls Fly fechou as portas e tivemos que atualizar o artigo.
Após ler um artigo da Smash Magazine listei 5 dicas de usabilidade e orientação que na minha opnião, são essenciais na criação de sites.
1 – Usuários mantém foco em pessoas
Pessoas usadas em folder, revista, web sites, são não só são ótimas jogadas de marketing, como também disparam a atenção de todos que o veêm.
Acima temos o Eye-Tracking de um bebe olhando para nós.
Note o aumento das pessoas olhando para o titulo e o texto, quando o bebe está olhando para o conteúdo.
Esse estudo de experiência do usuário foi feito pelo James Breeze e pode ser visto mais no artigo “You Look Where They Look” (em inglês).
2 – Design = Credibilidade
Em diversas pesquisas realizadas, os usuários dizem “julgar um livro pela capa”. No caso seu site é definido pelos elementos visuais, usabilidade, tipografia e também o contéudo oferecido e a taxa de atualização.
Principalmente nós, brasileiros não cansamos de ver empresas até mesmo da área de web com sites com diversos problemas neste quesito. E o pior os gerentes destas empresas não tem a mínima noção de que isso afeta as visitações e também a credibilidade da empresa.
Abaixo tem alguns estudos em pdf (Acrobat Reader) a cerca da percepção das pessoas sobre a credibilidade de um site podem ser baixados aqui (em inglês):
3 – A maioria dos usuários não faz scroll
Há um estudo feito por Jakob Nielsen ( no Prioritizing Web Usability) onde revelou que apenas 23% dos visitantes rolam a página em sua primeira visita ao site. Isto significa que 77% dos visitantes não irá rolar a página para visualizar o resto de seu conteúdo. Então mais uma vez entra a base da criação de um site onde o conteúdo deve ser organizado e posicionado em um espaço onde irá as informações que mais importam. (Isso varia de site para site).
Vale ressaltar, que os habitos dos usuários variam significatemente conforme o site acessado. Em alguns casos os usuários estão aptos a rolar a página para ver um conteúdo ou mais sobre algo.
Alguns estudos sobre Scroll e Paginação podem ser vistos abaixo (em inglês):
4 – Caixa de pesquisa ideal
O Jakob Nielsen mais uma vez tem um estudo que mostra qual é a largura ideal de uma caixa de pesquisa. Segundo ele a maioria das caixas de pesquisas são curtas de mais. Por mais que você consiga digitar uma pesquisa longa, apenas uma parte ficará visível para ver ou editar o que você digitou.
Atualmente a maioria dos blogs e sites mantém uma pesquisa com cerca de 18 caracteres e 27% das pesquisas são muito longas para caber dentro desta caixa. Se a caixa for de 27 caracteres ela pode acomodar cerca de 90% das consultas.
Outra boa forma para ajudar o usuário, mesmo com sua caixa curta é o auto preenchimento. Como usado no site da Apple abaixo.
5 – Espaço em branco melhora a compreensão
O espaço em branco é um grande recurso a ser usado nos layout, seja ele para ordenar um parágrafos, imagens ou outros elementos em uma página. Cerca de 20% da compreensão melhora em conteúdos com mais espaço.
Quer mais?
Mais dicas podem ser obtidas no “10 useful Usability Findings and guidelines” feito pela Smashing Magazine (em inglês), onde lista também alguns estudos do caso coletados a partir de outras postagens.
E você?
Acha que faltou algo? Aproveite e comente e contribua com este post.
