O resumo coleciona novos artigos sobre design de interface, bem como ferramentas, padrões, casos 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 julho de 2018 .
Padrões e melhores práticas
Nathan Gitter ficou impressionado com a apresentação de "Designing Fluid Interfaces" na WWDC 2018 e criou uma série de soluções de interface experimental que mostram animações semelhantes durante o controle de gestos.
Therese Fessenden, do Nielsen / Norman Group, fala sobre a teoria da visibilidade e a interpretação dos elementos da interface. Sua combinação afeta a percepção do produto como um todo.
A Saadia Minhas analisa em detalhes as situações nas quais você precisa usar a caixa de seleção e a chave seletora - elas resolvem problemas semelhantes, mas não são intercambiáveis.
Outra biblioteca de padrões de aplicativos móveis.
O conceito chique de desenvolver notificações e multitarefa no iOS de Kévin Eugène. A notificação pode interagir com o aplicativo que está aberto agora, o que oferece muitos recursos interessantes.
Stéphanie Walter - Projeto Móvel Memorando. Desde a época do livro clássico Luke Wroblewski, pouco mudou, mas sua nova edição claramente não é suficiente, portanto o artigo é útil. A parte 2 fala sobre o
processamento de campos de entrada no celular .
Um guia visual inteligente de como visualizar dados.
A Amazon usa um padrão sombrio bastante difícil - em contraste com a abordagem padrão relativamente sã, "lançamos uma avaliação positiva na loja de aplicativos, um feedback negativo", eles simplesmente não nos permitem deixar críticas negativas (faz muito tempo).
Kim Flaherty, do Nielsen / Norman Group, identificou várias áreas nas quais a Amazon trabalha mal e dá a outras lojas on-line a oportunidade de se destacar.
Pesquisa do Instituto Baymard
Edward Scott escreve sobre a
importância de uma maneira explícita de retornar um item a uma loja offline.Sistemas e diretrizes de projeto
Equipe SteelKiwi Inc. compara a implementação de tarefas típicas da interface no Android e iOS. Um memorando adequado para quem está começando a aprender as especificidades das plataformas móveis.
Kyle Peatt conta a história do sistema de design do Shopify Polaris. Uma análise muito adequada dos recursos e problemas da implementação e popularização da plataforma. Por exemplo, muitas empresas vêem o sistema de design como uma maneira de aumentar o nível básico de design de produto, mas soluções padrão podem limitar os designers; portanto, eles constantemente fazem “carros-conceito” - experimentos com padrões de interface no espírito de um único design que move o Polaris para frente.
Matt Bond mudou-se recentemente para Asana, mas estava na vanguarda do sistema de design Atlassian. Ele fala sobre as principais descobertas que ele próprio fez ao trabalhar nisso.
As inscrições para a Conferência Especializada Clarity em Nova York (10 a 12 de dezembro) foram abertas. O primeiro foi o fogo, o segundo completamente em leite (
estava lá e partiu ). Ainda não existe um programa novo, mas você deve ter cuidado para não cair na apresentação que pouco tem a ver com o tópico novamente.
O Android P está fora da versão beta e já está disponível em alguns dispositivos.
EK Chung, gerente de design do Android, fala sobre os princípios estabelecidos na nova versão .
iOS 12
Procure gravações em vídeo de aparências de design com o Apple WWDC 2018 .
Compreensão do usuário
Daniel Stefanovic reúne os princípios da psicologia para designers de forma visual, com referências à teoria. Embora não haja muitos, mas a lista deve ser reabastecida.
Arquitetura da informação, projeto conceitual, estratégia de conteúdo
Novas pesquisas sobre os perigos da luz azul nas interfaces modernas são ainda mais tristes - eles dizem que levam a uma perda irreversível de tempo.
A New Riders publicou o livro de Carrie Hane, Designing Connected Content: Plan and Model Digital Products for Today and Tomorrow (Voices That Matter), em dezembro de 2017. Ele se dedica a trabalhar no conteúdo de sites e produtos de informação complexos, a interface e o conteúdo estão intimamente relacionados e, muitas vezes, não está claro o que exatamente precisa ser projetado primeiro e depois o que.
Webinar do autor .
Design e design de telas de interface
Framer x
Gradualmente, fale sobre os principais recursos do Framer X:
layouts e
desenhos . Trabalhar com layouts é extremamente interessante e promete simplificar bastante a vida dos designers. Antoine Plu compartilha suas
impressões sobre a versão beta do Framer X (ele gravou um screencast do trabalho).
As versões beta já estão chegando gradualmente a todos que esperam. E também há uma
descrição oficial de como os componentes funcionam . A capacidade de importar qualquer componente no React é mencionada.
Figma
Adicionadas
maneiras avançadas de interagir com o protótipo .
Um pequeno curso da Designlab .
Adobe xd
Atualização de agosto : trabalho aprimorado com especificações de emissão para desenvolvedores.
Atualização de julho : integração com ferramentas de terceiros.
A ferramenta ajuda a coletar e testar protótipos interativos de interfaces. Importe do Sketch e análises bastante abrangentes para execução de scripts.
Koos Looijesteijn comparou o Sketch, Figma, Adobe XD, UXPin e InVision Studio de várias maneiras.
Um pacote de modelos chiques para esboços de interfaces de realidade aumentada e virtual de Vladimir Kurbatov.
Pesquisa e teste de usuários, análises
Serviço para trabalhar com a base de informações. Ajuda a agregar dados de pesquisa do usuário para encontrar idéias úteis para o desenvolvimento de produtos entre eles. Por vários anos ele esteve na versão beta e agora a
primeira versão está sendo
preparada .
O diretor criativo do Mail.Ru, Dmitry Osadchuk, e o chefe do laboratório de UX Ksenia Sternina, disseram à equipe sobre uma série de testes de UX para vídeos do Beepcar. Isso ajudou a entender o quão bem eles trabalharão para diferentes grupos de público e a fazer uma lista de verificação para o futuro.
Jeff Sauro lista os tipos de escalas de classificação para pesquisas com usuários. Ótima referência.
Victor Kuptsov, da Usethics, compartilha sua experiência em testar interfaces com crianças e adolescentes acompanhados pelos pais. Esses pares têm uma dinâmica interessante, dependendo se a mãe / pai e a filha / filho vieram.
Programação visual e design no navegador
Novos scripts
Facundo Corradini mostra uma
maneira de definir a cor do texto em um controle, dependendo do plano de fundo usando CSS . Isso simplifica a descrição dos componentes nos sistemas de design.
O script mostra um exemplo de formas de transformação no SVG .
O script faz uma animação no espírito dos sinais de néon com o efeito de piscar .
Trabalhar com cores
Um gerador de variação de cores para uma cor específica é uma ótima ferramenta para trabalhar nas diretrizes.
Tipografia Web
Mathieu Triay fez
outra revisão das fontes variáveis . Em geral, é padrão, mas há uma figura útil sobre como salvar o tamanho do arquivo usando uma fonte como exemplo.
Modos de mesclagem
Bennett Feely mostra o que você pode fazer com os modos de mesclagem de CSS . Em alguns lugares, parece o filtro mais cond no Photoshop, mas esse é um passo importante para encontrar os limites do que é possível.
Trabalhar com SVG
Uma ferramenta online ajuda a experimentar os filtros SVG .
O plug-in para Chrome e Firefox permite que você obtenha rapidamente o código final do item selecionado na página, sem procurar por dependências.
Métricas e ROI
Aaron Powers e Scott Mackie, da Athena Health, discutem os recentes artigos provocativos de Alan Cooper e Jared Spool sobre o ROI do design. Essa é uma pergunta saudável para qualquer equipe de produtos - em quais atividades é melhor investir recursos. Os autores mostram vários exemplos de sua prática, o que simplificou a escolha das equipes.
Nota de Jeff Sauro para as principais métricas da interface.
Estratégia e Gerenciamento de UX
Angela Huenerfauth e David Teller oferecem um método extremamente interessante para avaliar a maturidade do design do produto. Eles concordaram com os gerentes de produto em rastrear esse indicador à medida que o desenvolvimento avança e tomar uma decisão conjunta sobre um nível suficiente de usabilidade para seu lançamento. Parece complicado, mas isso provavelmente ocorre porque a abordagem ainda é completamente desconhecida.
Dani Nordin, da Athena Health, descreve a abordagem da empresa para projetar dívidas. O método sistêmico sensato, como tudo o mais sobre o qual a equipe escreve.
Dave Malouf reflete sobre a aplicabilidade do modelo organizacional do Spotify e quaisquer outras metodologias e abordagens de trabalho. É importante entender que eles implicam uma certa cultura e disposição que podem funcionar em uma e não em outra empresa.
Como as famosas equipes de design trabalham
Andre Le Masurier de London London fala sobre como a equipe de design da marca funciona .
Interação da equipe
A Rosenfeld Media publicou
o Meeting Design de Kevin Hoffman: para gerentes, fabricantes e todos . O UXmatters publica o capítulo 5 sobre estilos de facilitação.
Estojos
Uma boa história sobre como trabalhar no design do aplicativo Screenlife para gravar vídeos do trabalho de um usuário em um celular de Elvis Obanya.
Antin Harasymiv, do Google, fala sobre como a animação e o trabalho técnico da interface do Google Maps funcionam no corpo. O texto é longo, mas útil para entender os princípios gerais.
Kathryn Whitenton e Sarah Gibbons, do Nielsen / Norman Group, mostram como a empresa usou suas melhores práticas para redesenhar a página inicial de seu próprio site.
A história
O ex-engenheiro da Apple,
Ken Kocienda, publica Creative Selection, um livro sobre o processo de design da empresa durante a era Steve Jobs. O Mac 9 a 5 publica um trecho dele sobre o trabalho no teclado na tela do primeiro iPhone.
Stephen Hackett compilou uma coleção de 1.500 capturas de tela do MacOS de gerações usando a interface aqua.
Tendências
Estatísticas do mercado (segundo trimestre e primeiro semestre de 2018)
-1,8%
vendas de smartphones caem no mundo16,8%
o crescimento das vendas de alto-falantes inteligentes no mundo898K
vendas de smartphones no mercado secundário na Rússia (Avito)Jeff Sauro atualizou sua revisão anual das estatísticas de uso de smartphones.
Projeto Algorítmico
A produtora de filmes 20th Century Fox aprendeu a determinar pelo trailer qual segmento da audiência gostaria mais do filme.
Uma solução experimental do Uizard transforma esboços de interfaces no papel em layouts de esboço bastante limpos.
Alibaba aprendeu a gerar automaticamente nomes de produtos. É hora de piadas "o que antes não aconteceu?".
Interfaces de voz
Page Laubheimer e Raluca Budiu continuam a história de Alexa, Google Assistant e Siri, um grande estudo fácil de usar de assistentes de voz. No segundo artigo, eles escrevem sobre as atitudes das pessoas em relação a esses dispositivos e expectativas sobre a qualidade das respostas e o formato dos diálogos.
A LoupVentures comparou a qualidade das respostas de Alexa, Cortana, Google Assistant e Siri em 800 consultas. Se não houve problemas em entender a frase em si, então, com a emissão de uma resposta adequada, tudo é muito pior.
Designer on-line de bots de bate-papo e habilidades para assistentes de voz Google Assistant e Yandex Alice.
Outras notícias sobre interface de voz
No último ano e meio, muitos dispositivos como "assistente de voz com tela" apareceram. De fato, essa tarefa pode ser resolvida por qualquer tablet ou smartphone com uma docking station.
Parece que o Google está preparando esse regime para telefones Android .
A Nuance está trabalhando em um assistente de voz para carros que
funcionarão sem a palavra inicial de um assistente .
Uma pequena história sobre a
equipe do Google, que trata do personagem do assistente de voz - piadas, respostas não padronizadas, manipulação de situações difíceis.
Conteúdo Hackathon do Google Assistant
A Just AI compartilha as conclusões tiradas da experiência de participar do hackathon .
Redmadrobot também fala sobre suas experiências .
Parte 2Heads and Hands fala sobre seu conceito .
Para desenvolvimento geral e profissional
Fabricio Teixeira e Caio Braga escrevem sobre a questão de artigos de design muito superficiais que dominam os mais profundos e úteis. Uma razão é clara - a necessidade de autopromoção. Eles conduziram uma análise interessante de artigos sobre os boletins e comunidades mais populares do ano passado e identificaram os tipos de publicações. Naturalmente, dicas práticas sobre habilidades básicas de design dominam, ou seja, coisas mais táticas.
E a Co estuda tendências e status atual do trabalho remoto para designers.
Tiantian Xu participou do desafio pessoal “100 layouts em 100 dias” e aprimorou suas habilidades de animação.
David Travis, da Userfocus, oferece um método de arquivamento de portfólio para pesquisadores personalizados. Ele usa a abreviação POWER (Projeto, Objetivo, Trabalho, Resultado final, Reflexão) para especificar a estrutura. Essa abordagem também é adequada para outros especialistas em UX, cujo resultado não se encaixa em uma série de fotos.
Trabalhar com estagiários
Vários designers-estagiários de empresas conhecidas escreveram sobre seu primeiro ano de trabalho e o que aprenderam durante esse período:
BuzzfeedIbmDeliverooFacebookGoogleJeoff Wilks, da IBM, descreve as principais habilidades de um designer líder da empresa. Lista de verificação útil para qualquer especialista forte.
Muriel Garreta-Domingo e Alberto González Mosquera estudaram as vagas de pesquisadores usuários e descreveram várias abordagens ao seu entendimento por diferentes empresas.
Pessoas e empresas do setor
Em 8 de agosto, uma das mais antigas empresas de UX Nielsen / Norman Group comemora seu 20º aniversário.
Jacob Nielsen coletou os artigos mais populares para cada ano em que a empresa opera - eles prestam um ótimo serviço à comunidade profissional, compartilhando conosco uma quantidade tão grande de utilidade. E, frequentemente, esses materiais são bastante profundos e relevantes que ainda definem tendências depois de tantos anos.
desde a primavera, o vc.ru lidera uma excelente série de histórias de estúdios de design e agências de criação russos. Já há uma dúzia de histórias com uma boa visão geral dos negócios e dos resultados.
Blog da equipe de design do Skyscanner. Em um artigo recente, David Hamill mostra
como os designers reforçam a descrição dos problemas de interface com os quadrinhos, para que a equipe do produto os conserte .
Blog da equipe de design da Asana. Ainda está vazio, mas os caras estão animados e devem balançar.
Blog da equipe de design da empresa de jogos Space Ape Games.
Compras para estúdios de design por grandes empresas
O serviço de troca de arquivos
WeTransfer comprou o FiftyThree , o criador do aplicativo Paper, para desenhar no iPa. Eles dizem que querem se tornar um dos principais produtos para designers e outros trabalhadores da indústria criativa.
Anais da conferência
Relatório sobre o curso, realizado de 13 a 17 de agosto em Londres. Resumos de performances de Stink Studios, Net-A-Porter, Design Nativo, Intuit, Modern Human, UX Study, Badoo, Fjord, Space Ape Games, Spov e R / GA.
Assine o resumo no Facebook , VKontakte , Telegram ou por e-mail - novos links aparecem toda semana. Obrigado a todos que compartilham os links do grupo, especialmente Gennady Dragun, Pavel Skripkin, Dmitry Podluzhny, Anton Artemov, Denis Efremov, Alexei Kopylov, Taras Brizitsky, Evgeny Sokolov e Anton Oleinik.