✨ 👨🏻‍🚒 ⛴️ Food Design Digest, fevereiro de 2020 🔆 👇🏽 🆔

O resumo coleciona novos artigos sobre design de interface, bem como ferramentas, padrões, casos, tendências e histórias históricas desde 2009. Filtro cuidadosamente um grande fluxo de assinaturas para que você possa atualizar suas habilidades profissionais e resolver melhor as tarefas de trabalho. Edições anteriores: abril de 2010 a janeiro de 2020 .

Food Design Digest, fevereiro de 2020

Padrões e melhores práticas

Como criar aplicativos móveis para uso com uma mão

Maitrik Kataria reuniu uma boa coleção de padrões de front-end para usar aplicativos móveis com uma mão. Ele gravou screencasts de bons exemplos e decifrou muitos deles.

Arrastar e soltar - Como projetar para facilitar o uso

Lembrete maravilhoso para projetar e projetar a interface de arrastar e soltar da Page Laubheimer do Nielsen / Norman Group. Como torná-lo bom na Web e no celular.

Vivendo no limite - como projetar para casos extremos no início do processo

O Tridip Thrizu oferece sua abordagem para determinar os estados da interface. Ele divide os métodos de exibição em permanente e temporário, chave e auxiliar.

10 tipos malignos de padrões UX escuros

Danny Sapio, do Skookum, compilou 10 padrões escuros comumente usados.

Executando animações UX: características de duração e movimento

Page Laubheimer do Nielsen / Norman Group fornece dicas sobre como otimizar animações em interfaces.

Como Filme e Fotografia para Usabilidade - Detalhes UX para Vídeos e Imagens

Aurora Harley, do Nielsen / Norman Group, fornece dicas sobre como tornar vídeos e fotos instrucionais mais compreensíveis para os usuários.

Torrey Podmajersky - Redação Estratégica para UX

O'Reilly lançou o livro Strategy Writing for UX, de Torrey Podmajersky, sobre textos de front-end. Revisão do UXmatters.

A propósito, UXmatters e A List Apart publicaram trechos de outro livro sobre o tema: Michael J. Metts e Andy Welfle, "Writing Is Designing".

Sistemas e diretrizes de projeto

Design de conteúdo abaixo da superfície

O Linette Voller da Atlassian oferece um modelo legal para descrição sistemática de textos em uma interface. Ela usa a idéia das camadas Jesse James Garrett e apresenta todas as ferramentas para a comunicação de texto.

Tema escuro

Modo escuro vs. Modo de luz - o que é melhor?

Raluca Budiu, do Nielsen / Norman Group, compilou cálculos a partir de estudos sobre a percepção de um tópico escuro e claro. Na maioria dos casos, um tópico claro facilita a leitura.

Favicon SVG com tema claro e escuro usando o recurso de mídia CSS prefere o esquema de cores

Catalin Red mostra como alterar o ícone favorito de um site para um tema sombrio.

Projetar subtarefas do sistema, passo a passo

A lista de verificação mais inteligente para trabalhar com componentes (e qualquer outra parte) do sistema de design de Nathan Curtis. Quais estágios vão de uma proposta a uma implementação com uma lista detalhada de etapas específicas.

A interface do usuário do sistema de design é mais cara que a interface do usuário de uma equipe de produtos

No próximo artigo, Nathan Curtis mostra a diferença nos custos de mão-de-obra para criar um componente do zero e dentro de um sistema de design. Inicialmente, não é a favor do sistema de design, mas é compensado posteriormente.

Como os sistemas de design usam o livro de histórias

Dominic Nguyen compilou exemplos de como grandes sistemas de design usam o Storybook.

Sistemas de Design, Ágil e Industrialização

Discussão por Brad Frost, Dave Rupert e Jeremy Keith sobre se os sistemas de design matam a criatividade e se eles são novos taylorismo. Como em outros lugares, é necessário equilíbrio e quaisquer excessos causam rejeição.

Navegação para sistemas de design e guias de estilo

Uma visão geral das diretrizes de navegação ao vivo de Danielle Romo.

Design Fluente da Microsoft

Uma nova abordagem para os ícones de aplicativos foi lançada .

Design material

Diretrizes de animação atualizadas . Em muitos exemplos, uma ferramenta visual com especificações apareceu ( código do GitHub ).

Compreensão do usuário

Perfume da informação - como os usuários decidem para onde ir

Raluca Budiu, do Nielsen / Norman Group, descreve uma teoria do "talento para obter informações" que ajuda os usuários a avaliar a utilidade potencial das informações nos sites.

Design Comportamental 2020 e Além

Uma série de entrevistas com especialistas no design do comportamento do usuário sobre o estado atual da disciplina e suas perspectivas.

Novas ferramentas de design de interface

Desenho 63

Aprimoramentos de interface sem foco explícito. E o desenvolvimento da nuvem .

Zeplin 3.0

Havia uma API e a capacidade de fornecer um link para um componente no código.

Resumo

Compramos a equipe impecável da Ucrânia .

Figma Config 2020

A primeira conferência oficial. Ele anunciou um layout automático aprimorado (você pode especificar o comportamento de elementos individuais), uma seleção aprimorada de cores e fontes, links para quaisquer objetos e páginas em um documento (ou externo em geral), suporte para novos métodos de controle em protótipos (teclados, joysticks de jogos, dispositivos para usuários Desativado). A propósito, se você compartilhar apenas o protótipo, o layout em si não será mais distribuído. Vídeo de performances .

Plugins

Dan Hollick descreveu instruções detalhadas para criar plugins usando o exemplo da análise de contraste de cores.
Labirinto : O serviço de teste de usabilidade também está disponível para o Figma.
Digite Hoje : você pode tentar a biblioteca de fontes da fundição doméstica.
Memorando Yuan Qing Lim na interface de plug-in competente . Como torná-lo útil e conveniente.
Idem : Facilita a colaboração em textos na interface.
JSON para Figma : Carregando dados do JSON.

Artigos

Entrevista com o co-fundador da Dylan Field , que ele deu durante sua chegada à Rússia no outono de 2019.
AMA com Noah Levin , chefe de design da Figma.

Campos de fluxo

A ferramenta permite criar linhas dinâmicas animadas. Experiências semelhantes de Tyler Hobbs .

Tinkersynth

Uma ferramenta simples para imagens abstratas generativas no modelo de sintetizador.

Peeps abertos - Biblioteca de ilustrações desenhadas à mão

Outra biblioteca de ilustrações grátis com designer de personagens do favorito da indústria, Pablo Stanley.

Iconset

A ferramenta permite armazenar um conjunto de ícones e distribuí-lo para ferramentas de design populares. Existe uma versão para Windows.

Anicons

Fonte de ícone com animação e suporte para cores diferentes.

Pesquisa e teste de usuários

Resumo do Monitoramento de Serviço para Testes Online

Usethics Olga Kryukova comparou os serviços para testes remotos de usabilidade com a avaliação de funcionalidade. É útil que o acesso ao banco de dados doméstico de entrevistados tenha sido observado.

Como maximizar insights no teste do usuário - Tarefas passo a passo do usuário

Kara Pernice, do Nielsen / Norman Group, descreve uma abordagem para dividir um cenário de teste de usabilidade em componentes que fornecem informações sugestivas diferentes. Isso permite que você verifique não apenas a conveniência de trabalhar com a funcionalidade, mas também sua detectabilidade.

Desmistificar a arte de dar feedback à pesquisa do usuário

Dalia El-Shimy, da Shopify, fez um excelente lembrete de pesquisa do usuário com uma lista de verificação detalhada para cada etapa. Isso é especialmente útil para equipes de produtos modernas, onde são cada vez mais realizadas por designers e gerentes de produto.

Três objetivos do teste de usabilidade

Jim Lewis e Jeff Sauro nos lembram os três principais objetivos dos testes de usabilidade: detectar problemas, comparar com uma métrica específica ou outra interface. A essência de cada um está bem descrita.

10 coisas a saber sobre o Microsoft Desirability Toolkit

Jim Lewis e Jeff Sauro discutem os recursos do Microsoft Desirability Toolkit.

Efeitos culturais nas escalas de classificação

Jeff Sauro estudou a influência de diferentes culturas na distribuição de respostas em pesquisas como o NPS. Sua hipótese: isso pode afetar o viés das respostas em direção a mais pronunciado ou neutro.

Sobrecarregar sua pesquisa de UX ágil com orientações cognitivas informais

Valentina Strachan, da Microsoft, fala sobre a análise passo a passo cognitiva baseada em ágil de uma interface. Isso permite que você detecte alguns dos problemas na interface habilmente.

O melhor modelo de noção para executar testes de usabilidade eficientes

Inês Duvergé publicou um memorando de teste de usabilidade no Notion. O próprio modelo .

Dez coisas que aprendi como pesquisador de UX no Uber

O pesquisador de UX Minal Jain do Uber conta várias histórias de vida da experiência da empresa e da compreensão do usuário.

O design é adequado ou não - como verificar apenas a aparência do produto e não a experiência do cliente em geral

Elena Borodina fala sobre o teste de design visual no Gazprombank. Usando um teste de 5 segundos, foram coletadas as principais reações - quanto correspondiam às expectativas iniciais da equipe.

Verificar trabalhos a serem executados sem falar com os clientes

Sergey Borisyuk da PandaDoc fala sobre como ele identificou as necessidades dos clientes para compilar uma promessa de marca a partir das palavras-chave nas análises de produtos.

5 coisas que os pesquisadores de UX podem fazer de maneira diferente - uma reflexão após as demissões do Uber

Elsa Ho está analisando a demissão do ano passado de metade dos pesquisadores usuários do Uber em conexão com a reorganização. Que conclusões para o processo e formato do trabalho podem ser tiradas disso (e se é necessário se isso puder ser uma característica de uma empresa em particular).

Programação visual e design no navegador

Novos scripts

Sarah Fossheim recriou a ilustração da câmera Polaroid CSS .
O efeito de partículas voando ao redor do objeto na foto .
Repartição da foto em uma colagem espetacular .
Gerador de padrões de fundo CSS puro .
Parece que a tendência mais vergonhosa dos últimos anos agora estará definitivamente em toda parte. Gerador de sombra para elementos não mórficos na web .
Animação com o movimento do texto ao longo do caminho .

Disponibilidade

Adam Silver mostra como criar um campo de entrada com prompts e preenchimento automático, levando em consideração os requisitos de acessibilidade para usuários com deficiências.

Métricas e ROI

8 Manipulações da Pontuação do Promotor Líquido - Quais São Importantes?

Jeff Sauro e Jim Lewis reuniram todas as suas mini-pesquisas sobre os recursos do uso do NPS.

Gerenciamento de Design e DesignOps

Vectorly - Aprendizado e desenvolvimento para equipes de produtos

O serviço permite que você mantenha mapas de competência para uma equipe de design. Avaliação, estabelecimento de metas, rastreamento de tarefas reais.

Calculando o ROI para projetos de design em 4 etapas

Um ótimo lembrete para Kate Moran, do Nielsen / Norman Group, sobre o cálculo do design do ROI. Como escolher métricas adequadas e convertê-las em dinheiro.

Desfragmente seu calendário para focar sua mente

Dicas para organizar um gerente de design de calendário de Mia Blume. Como organizar um fluxo interminável de reuniões.

Como contratamos designers de produtos

Zander Brade, de Monzo, descreve o processo de contratação de designers para uma empresa. Instruções passo a passo.

Nivelamento mensal para a vitória

Leslie Yang, da Open Table, fornece dicas sobre como trabalhar regularmente em um mapa de competências. Como e que tipo de reuniões realizar para avançar nele.

A arte de liderar equipes remotas

Alaine Mackenzie, da Shopify, fornece dicas sobre como gerenciar equipes de design remotas. Ela observa que a complexidade depende do grau de distribuição e, curiosamente, a maneira mais fácil é com pessoas completamente dispersas - então não há um grupo local que inevitavelmente se torne o centro de todas as atividades.

Organize, convoque, amplifique

Scott Strubberg fala sobre a base de conhecimento de design interno da IBM. Existem poucos detalhes e o acesso é fechado, mas um exemplo interessante da categorização das informações de referência.

Trabalho em equipe

Workshops UX vs. Reuniões - Qual a diferença?

Kate Kaplan, do Nielsen / Norman Group, fez um memorando das reuniões e sessões de trabalho que a equipe de design pode realizar. Também mostra a diferença entre formatos e recomendações para uso em situações típicas.

Gerenciamento e análise de produtos

Crescimento através da criação de novos produtos para o público atual da empresa

Oleg Yakubenkov analisa situações em que uma grande empresa pode crescer criando novos produtos para seu público atual.

Estojos

Como Waymo usa o design para criar confiança em carros autônomos

Casper Kessels analisa a interface autônoma do carro Waymo que um passageiro vê enquanto viaja. Tradução .

Como redesenhar, guia passo a passo

Taras Bakushevich, da Windmill Solutions, descreve sua abordagem para redesenhar a interface.

Como atualizamos a interface Yandex.Zen na área de trabalho: processo de design

Ulyana Salo fala sobre a atualização da interface Yandex.Zen. Como otimizar a navegação e o fluxo de informações.

Alterações invisíveis

Sarah Klearman, da Medium, fala sobre refatorar o design da página de um artigo e refinar o sistema de design para ele.

Uma biblioteca para chamar de seu

Raymonst fala sobre como redesenhar a funcionalidade de salvar como favorita no Medium.

Marca do produto digital

Skyeng

Renomeação de Skyeng por Shuki. Atualize, adicione caráter e apoie a crescente arquitetura da marca. O aplicativo para a própria interface, no entanto, não é mostrado. Caso no portfólio .

Mixcloud

Renomeando o serviço de música Mixcloud da British Output. Boa recepção com a penetração de uma onda sonora proprietária no logotipo, fonte, animação e outros detalhes. Caso no portfólio .

Eventbrite

Rebranding Eventbrite calendário de eventos de Moving Brands. Existem exemplos de touchdowns na web, embora não haja muito caráter. Caso no portfólio .

Tripadvisor

Rebranding Guia de Viagem do TripAdvisor da New York Mother Design. Um bom exemplo de simplificação e refresco simples, sem esforço. Caso no portfólio .

História

No design thinking

Uma boa análise da história do surgimento do design thinking e abordagens geralmente sistemáticas ao design de Maggie Gram. E, é claro, problemas com seu marketing, quando esse rótulo é aplicado fora do lugar.

O painel do Xbox, uma história visual

Cameron Faulkner desmontou a evolução da interface para todas as versões do Xbox.

Tendências

Tendências criativas para 2020 - Tendências de design orientado a dados

Tendências em fotografia da Shutterstock.

Projeto Algorítmico

Lingua Franca - uma linguagem de design para IA centrada no ser humano

Linguagem de Design Algorítmica da Notação Padrão. Princípios, padrões, processos.

Logo Maker Grátis - Crie seu logotipo em 5 minutos

Gerador de logotipo da Fiverr. É engraçado, porque esse é exatamente o tipo de freelancers baratos que devem sofrer com o design algorítmico.

O que realmente significa uma Web dobrável?

Frederick O'Brien analisa recursos de layout para dispositivos com telas flexíveis. Eles diferem do suporte usual à adaptabilidade e de quais padrões e desenvolvimentos já existem.

Para desenvolvimento geral e profissional

Trine Falbe, Martin Michael Frederiksen e Kim Andersen - Manual de Design Ético

A Smashing Magazine lançou um novo livro. Ele se concentra na ética moderna ao criar produtos digitais que evitam padrões escuros. Visão geral .

Seis exercícios para superar os platôs de habilidades como designer

Richard Yang dá dicas sobre como aprimorar as habilidades de designer de produtos. Exercícios, cursos, livros e a abordagem de desenvolvimento em si.

A habilidade de design negligenciada mais importante

Chris Lee aconselha os designers a aprender como analisar seu trabalho e seu papel no produto. Isso ajudará a crescer melhor e a tornar as entrevistas mais eficazes.

Pessoas e empresas do setor

Atitude em relação às equipes de design de produto: 2019

No outono, ele lançou um estudo de atitudes em relação às equipes de design de produtos na Rússia. Finalmente reunimos os resultados. 1260 pessoas participaram - o dobro do que em 2018 , embora para resultados qualitativos seja ainda melhor levar em conta (vou levar em consideração em 2020).

Na Rússia, existem empresas de alimentos fortes o suficiente e equipes com designers poderosos e produtos internacionais fortes. Muitos deles ajudam a comunidade de design em conferências, reuniões, concursos e outras coisas úteis.

Essa classificação será útil para o mercado. Os designers devem entender melhor onde existem bons desafios e um ambiente confortável para o crescimento profissional. Empresas e equipes de design - veja o que precisa ser baixado. Essa será uma ferramenta útil para avaliar investimentos em uma marca de RH.

Bônus coletadoUma lista de equipes proeminentes de design de produtos com links para seus sites, blogs e sistemas de design. Como você pode ver, isso repete quase completamente a classificação :) Até agora, a versão beta, mas eu a desenvolverei ativamente, será uma boa adição ao Design Systems Club .

Ao mesmo tempo, ele refez o site do próximo livro sobre gerenciamento de design . Até agora, provavelmente mudando para uma nova plataforma com uma base para o futuro.

PS Agradecimentos especiais às comunidades de design que ajudaram a reunir as respostas. Primeiro de tudo - Odi e PROCURANDO DESIGNER .

Design na Sberbank

O site da equipe de design do Sberbank.

Larry Tesler, pioneiro da interface do usuário responsável por cortar, copiar e colar, morre aos 74 anos

Larry Tesler, uma das pessoas-chave na história das interfaces modernas, morreu :(
Ele trabalhou no lendário laboratório Xerox PARC e, depois, nos primeiros anos dourados da Apple. Ele propôs o conceito de copiar e colar enquanto trabalhava em um editor de texto experimental , propagando a rejeição da modalidade nas interfaces. Ele é creditado com a autoria das frases-chave “user friendly” e “o que você vê é o que você obtém”. Ele foi um dos que mostrou as realizações da Xerox PARC a Steve Jobs (e ajudou a introduzi-las no Macintosh pela Apple). lendas permaneceu apenas Alan Kay.

Anais da conferência

Design Leadership Summit 2019

A Conferência de Design Management Summit 2019 Design Management Conference foi realizada de 4 a 5 de novembro em Toronto. Gravações de fala publicadas.

Facebook, , ― . , , , , , , , , , . .

Food Design Digest, fevereiro de 2020