Yahoo! Blog YUIBlog User Interface ()

Reflexões sobre o Yahoo 2008! Cimeira Engenharia Frontend

É essa época do ano outra vez. Nós apenas tivemos a terceira edição anual do Yahoo front-end Engenharia (F2E) Summit, uma conferência interna que reúne Yahoo F2E talentos de todo o mundo. Nós vamos liberar alguns dos vídeos em breve ( 3 a YUI apresentação de Eric Miraglia e Matt Sweeney é até hoje ). Entretanto aqui estão algumas reflexões sobre o que falamos na semana passada.

Co-fundador do Yahoo David Filo abriu a cimeira com uma palestra sobre o papel da F2Es no Yahoo e porque são importantes. Acho que David fez algumas excelentes pontos realmente que seguir o trabalho de Nate Koechely da equipe YUI tem vindo a fazer em matéria de profissionalismo F2E. Keynote endereços por Bill Scott e Douglas Crockford maior profundidade e nuances a conversa também.

Embora muitas pessoas estejam envolvidas em fazer um site web é o trabalho do F2Es que toca diretamente os usuários. Nós traduzimos os desenhos dos designers e os dados dos engenheiros de back-end em uma experiência para nossos clientes. Isso é uma responsabilidade muito grande.

É por isso que optamos por criar a equipe YUI: Nós queremos fazer as coisas de uma vez, fazê-las bem ... e de fato fazê-las direito uma vez. YUI significa que a empresa tem toda uma interação rica e biblioteca de widgets para retirar, construído sobre as melhores práticas que seguimos.

Melhores práticas, como a segurança, performance, internacionalização, a acessibilidade e tratamento de erros são a medida da forma como estamos a ter êxito. F2E no Yahoo é muito bom já. Nosso objetivo é empurrar o envelope com o apoio que o 1% anterior. Quando estamos chegando a atingir um bilhão de pessoas, que passado 1% é um número grande. Se você acha da indústria da web como um todo, que passado 1% é um número incrível.

pensamentos de Davi realmente definir o cenário para uma conferência com a fala mais do que eu poderia até mesmo fisicamente presentes. O bar está ficando maior a cada ano, mas houve algumas conversas este ano que eu particularmente apreciado.

Nicole Sullivan apresentou em diretrizes de projeto para aumentar o desempenho site. Nicole tinha uma fonte infinita de excelentes conselhos sobre como trabalhar com seus designers para otimizar o desempenho. Estes resolvidas em 9 regras. Alguns destaques: Ela recomenda o uso das redes de CSS (como as redes de YUI ). Os componentes compartilhados, como grades são grandes porque você pode usá-los novamente e novamente, sem afetar seu desempenho. Nicole sugere que os componentes são como blocos de Lego. Você pode usar os mesmos blocos repetidamente e combinar-los, sem acrescentar peso página extra.

Também gostei do show e sessão de dizer na melhoria progressiva. Um número de propriedades do Yahoo mostrou alguns dos grande trabalho que estão fazendo na melhoria progressiva.

Fantasy Sports está repleto de bons exemplos. A simples que todos devem ser capazes de atingir os seus guias é o Ajax, que também funciona sem JavaScript. Você pode ver na imagem abaixo que, quando o JavaScript está desativado recarrega a página com uma variável na URL correspondente à guia a ser visualizada. Esta solução simples significa que os separadores funcionam bem sem JavaScript como fazem com.

Outro grande exemplo é o anúncio de TV européia. Aqui, a caixa de pesquisa é representado como um controle de abas, que permite ao usuário selecionar qual parte do Yahoo que deseja pesquisar. No entanto, ao invés de usar a abordagem tradicional da guia controles do formulário foi construído usando os botões de rádio. Quando nós removemos o estilo da forma torna-se evidente que, neste cenário de botões de rádio permitem que o usuário selecione o que deseja pesquisar. Essa abordagem é preferível para eles ter que navegar para outra página e procure.

Pensando em mais do que apenas a metáfora visual ou modelo mental dos usuários deficientes visuais é importante. Começar o modelo de interação básico correta também é importante eo melhor meio de fazer isso em HTML é sem estilo.

Finalmente, Todd Kloots da equipe YUI apresentou as características valorização progressiva do Menu de Controle YUI que ele está aqui no blog sobre anteriormente .

Jenny Han Donnelly (YUI engenheiro e autor do DataTable YUI, entre outras coisas) presidiu a conferência, e foi a nossa melhor cimeira ainda. Não posso esperar para a edição do próximo ano!

Tom Hughes-Croucher é um evangelista com o Yahoo! Developer Network .

Pesquisar conversas: bloglines | technorati

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!