Rede
Projetando sistemas modulares de interface do usuário por meio do desenvolvimento orientado por guia de estilo
Usar um guia de estilo para impulsionar o desenvolvimento é uma prática que está ganhando muita força no desenvolvimento de front-end – e por boas razões. **Os desenvolvedores começarão no guia de estilo** adicionando novo código ou atualizando o código existente, contribuindo assim para um sistema de interface do usuário modular que será posteriormente integrado ao aplicativo. Mas, para implementar um sistema de interface do usuário modular, devemos abordar o design de maneira modular. O design modular nos incentiva a pensar e projetar uma UI e UX em padrões. Por exemplo, em vez de projetar uma série de páginas ou visualizações para permitir que um usuário realize uma tarefa, iniciaríamos o processo de design entendendo como o sistema de interface do usuário é estruturado e como seus componentes podem ser usados para criar o fluxo do usuário.
consulte Mais informaçãoDesign do mapa: redesenhando o mapa do metrô de Ekaterinburg
Uma grande rede metropolitana de trens subterrâneos pode muito bem ser um dispositivo de teletransporte: as pessoas não se importam como ela os leva de A a B, apenas que isso aconteça. Em Londres, Paris e Moscou, o mapa do metrô não mostra a geografia da superfície, porque não há muito espaço vazio na folha. Projetar o mapa do metrô de uma cidade é uma tarefa bastante desafiadora, mesmo quando há apenas uma linha. No ano passado, meu colega Pasha Omelekhin e eu ficamos entusiasmados em trabalhar no redesenho do mapa do metrô de Ekaterinburg, na Rússia. Nós nos divertimos (ele desenhou, eu dirigi). Neste artigo, abordaremos nosso processo de design. Vai ser detalhado, então, dependendo de seus interesses, isso pode ser muito chato ou muito emocionante. Ainda assim, deixamos muito de fora. Esperamos que isso ajude caso você precise trabalhar em um projeto semelhante.
consulte Mais informaçãoUma estrutura para produtos de brainstorming
O brainstorming é notório por ser desestruturado e muitas vezes inacionável. As pessoas entram em uma sala com alguns Post-its e quadros brancos e esperam que as grandes ideias aconteçam. O problema é que, mesmo que haja grandes ideias na sala, muitas vezes não há uma maneira clara de decidir sobre quais ideias agir. Cerca de um ano atrás, eu e meu colega Michael (sócio fundador da AJ&Smart) estávamos sentados em uma masterclass ministrada pelo fantástico Adrian Howard sobre o tema priorização de recursos no desenvolvimento ágil. Mais especificamente, estávamos perguntando como poderíamos decidir qual recurso vem a seguir e quando deve ser lançado.
consulte Mais informaçãoComo lançar novos recursos sem prejudicar os usuários fiéis
_“Seja ágil; liberar cedo; solte com frequência.” _ Conhecemos a rotina. Mas é estrategicamente sábio continuar lançando recursos com frequência? Especialmente quando um produto que você está construindo atinge um determinado tamanho, você provavelmente não quer arriscar a integridade de seu aplicativo a cada nova versão secundária.
consulte Mais informaçãoLista de leitura de desenvolvimento Web nº 141: jQuery 3, Chillout.js e como a tecnologia molda a sociedade
Há semanas em que não encontro artigos para a seção “Indo além” da Lista de Leitura de Desenvolvimento Web. E há semanas como esta, em que aparecem duas peças brilhantes que revelam muito sobre **como convivemos com a nova tecnologia** e como isso molda nossa sociedade. Junto com um monte de bons artigos de tecnologia, uma ótima maneira de deixá-lo pelas próximas duas semanas. Por favor, note que estarei de férias na próxima semana, então não haverá um resumo na próxima sexta-feira.
consulte Mais informaçãoEncontre um amigo, aumente sua criatividade e realize seu sonho digital
Você é apaixonado por algo? Você tem um projeto secreto? Não é algo que vai mudar o mundo (mas quem sabe?), mas definitivamente vai _mudar você_? Você tem um amigo que complementa suas habilidades? Alguém recentemente lhe pediu ajuda com seu projeto? Você tem apenas um sonho digital ou também há um plano para torná-lo realidade? Todo profissional tem algo em comum. Chama-se zona de conforto. O primeiro sinal de que você está nisso é quando você não vê nenhum desafio no horizonte. Você sabe praticamente tudo o que precisa para ter um bom desempenho e, se algo desconhecido surgir no seu caminho, pode ser resolvido rapidamente. Pode demorar um pouco para perceber que você parou de se mexer, e trabalhar em projetos freelance parece ser a única maneira de manter seu cérebro ocupado.
consulte Mais informaçãoUma olhada na pilha de servidores WordPress moderna
**Nota do Editor**: _Hoje marca um dia especial para o WordPress. Alimentando muitos sites (e sim, a Smashing Magazine é um deles), ela comemora seu 13º aniversário hoje. Feliz aniversário, querido WordPress! Aqui está muito mais!_ Você se lembra de quando você podia executar um site WordPress “rápido” com apenas um servidor Apache e PHP? Sim, aqueles foram os dias! As coisas eram muito menos complicadas naquela época. Agora, tudo tem que carregar rápido como um raio! Os visitantes não têm as mesmas expectativas sobre os tempos de carregamento que costumavam ter. Um site lento pode ter sérias implicações para você ou seu cliente.
consulte Mais informaçãoConfronto de Desempenho de Efeitos de Imagem da Web
À medida que os navegadores melhoram constantemente suas habilidades de renderização gráfica, a capacidade de realmente projetar dentro deles está se tornando uma realidade. Algumas linhas de código agora podem ter um impacto visual rápido e dramático e **permitir consistência sem muito esforço**. E, como acontece com a maioria das coisas no desenvolvimento da Web, geralmente há muitas maneiras de obter o mesmo efeito. Neste post, vamos dar uma olhada em um dos efeitos de imagem mais populares, tons de cinza, e avaliar a facilidade de implementação e as implicações de desempenho da tela HTML, SVG, filtros CSS e modos de mesclagem CSS. _Qual deles vai ganhar?_
consulte Mais informação6 etapas fáceis para um melhor design de ícones
Cada conjunto de ícones enviado ao Iconfinder é revisado e avaliado quanto ao potencial apelo aos usuários do nosso site e ao potencial valor comercial como ícones premium. Ao revisar os conjuntos de ícones enviados ao site, temos a responsabilidade com nossos designers e clientes de garantir que todos os ícones premium no site sejam da mais alta qualidade possível.
consulte Mais informaçãoPrototipagem de conteúdo em primeiro lugar
O conteúdo é a principal mercadoria da economia digital. É o ouro que transformamos em experiência de luxo, o diamante que colocamos em programas de fidelidade e upsells. No entanto, como designers, geralmente o conectamos após o fato. Prototipamos nossa interação e design visual até a exaustão, mas aceitamos que as “palavras reais” podem ser usadas mais tarde. Há um caminho melhor. Cada vez mais, os bens digitais que criamos operam dentro de um sistema dinâmico de conteúdo, funcionalidade, código e intenção. Nossos produtos e serviços se espalham por sites de parceiros, feeds de mídia social e inúmeros agregadores eletrônicos, todos buscando moldar o comportamento e a compreensão dos visitantes. **Sistemas baseados em sistemas** e, em pouco tempo, montamos um colosso cuja amplitude deixa as mentes incompreensíveis.
consulte Mais informação