30 tutoriais simples de UX para Web Designers 2022
Publicados: 2022-03-17O design da experiência do usuário é um dos aspectos mais importantes do design profissional da web. O design não é necessariamente como algo se parece, é como algo funciona, como diria o falecido Steve Jobs. Aprender ótimas práticas de UX pode eventualmente render grandes dividendos no número de pessoas que usam seus aplicativos, software ou sites. Os designers de UX trabalham rigorosamente com wireframes, fazendo análises de testes de usuários e aprendendo sobre o desempenho de elementos individuais. Os designers de UX precisam aprender a criar personas e personalizar designs para cada persona. Há muito que um designer de UX precisa fazer.
Pense nisso em termos simples, a experiência do usuário de qualquer coisa que você construir será a melhor experiência que os usuários terão quando estiverem interagindo com sua criação. Você gostaria que essa experiência fosse desconfortável ou aperfeiçoada à perfeição absoluta? Claro, o último é sua escolha, mas para alcançar tais resultados, alguém deve se tornar um designer de UX, vai precisar da ajuda de livros, um mentor e muito tempo para praticar o processo de UX real. Talvez essa abordagem seja mais acolhedora para quem trabalha com plataformas como o WordPress. Para essas almas bondosas, recomendamos tutoriais de UX. Que melhor maneira de aprender sobre as últimas tendências e especificações se não diretamente dos próprios especialistas em UX?
Os seguintes tutoriais de UX são todos provenientes dos últimos 3-4 meses. Colocamos um esforço extra para tornar os tutoriais o mais versáteis e úteis possível. Não podemos deixar de ficar maravilhados ao saber que você está prestes a descobrir uma realidade totalmente nova para si mesmo, aprendendo com esses tutoriais especializados em UX. Por favor, entre em contato conosco para incluí-lo entre os melhores.
UX requer uma mentalidade de quebra-cabeça
Este é um pequeno trecho inspirador que fala sobre a abordagem de quebra-cabeça para o design de UX. Isso volta ao que falamos antes. É a necessidade de estabelecer uma UX de design que se assemelhe à UI. Ambos podem trabalhar juntos para alcançar o resultado de design desejado. Talvez um pouco exagerado, mas um conselho válido e algo para fixar na parede ao fazer o design de UX por conta própria.
Primeiros passos com wireframes
Wireframes são as plataformas criativas que permitem aos designers explorar sua ideia no papel/esboço antes que ela se concretize. Os wireframes também não são apenas para isso, eles são um aspecto importante da criação de projetos que precisariam ser estruturados por várias pessoas (equipes), porque todos sempre precisam saber quais são os recursos mais recentes e o que ainda está para ser implementado.
Da mesma forma que um arquiteto apresentará sua planta de uma casa que você deseja construir, um designer apresentará seus wireframes para qualquer pessoa preocupada com o resultado final. Embora muitos acreditem que os wireframes são uma total e completa perda de tempo, eles são conhecidos como algumas das partes mais produtivas da construção de um projeto. Não apenas você pode apresentar ideias claramente sem ter que escrever/projetar nenhum código de produção, mas também pode, no processo, aprender mais sobre seu design à medida que atinge um apelo mais visual.
Estamos muito satisfeitos com o resultado deste artigo, e você será rapidamente atualizado sobre wireframes e por que eles são importantes para designers de UX e UI.
Como repensar o aplicativo do Airbnb mudou a maneira como abordamos o design
Aprender práticas de UX realmente excepcionais leva muito, muito tempo. Isso acontece porque você está sempre lidando com novas demandas, novos clientes e novas mentes criativas que querem fazer parte do cenário maior. É por isso que os designers de UX recebem uma recompensa tão grande por seu trabalho nas principais startups de tecnologia, é porque esses caras dedicam suas vidas a criar algo tão único que nenhum outro designer será capaz de igualar sem sua própria equipe, e escusado será dizer – que deseja copiar o trabalho de outras pessoas de qualquer maneira, quando você está trabalhando na indústria em evolução mais rápida.
O AirBNB tem algum entendimento disso. Por causa de seu apelo às comunidades de programação e designers, eles compartilham regularmente seus códigos, designs e histórias de como alcançaram o sucesso em uma determinada área de negócios. Desta vez, eles compartilham a história do aplicativo AirBNB e como isso levou a novas ideias sobre design, usabilidade e experiência do usuário.
Projetando para a Internet das Coisas Emocionais
A Internet, a Web, é como o seu quarto pessoal. Você tem acesso a centenas de milhares de maneiras de personalizar sua própria experiência de navegação na web. Com a expansão das novas tecnologias e a integração da psicologia no web design, as solicitações de personalização estão se tornando muito mais frequentes. Hoje em dia, até as emoções estão se tornando grandes na ecosfera do design, e quem é o culpado? A psicologia e as emoções humanas são coisas tangíveis que podem ser direcionadas através do web design, mas sempre voltam a ser chamadas de personalização. Temos uma visão geral detalhada de como as emoções funcionam no design e como as empresas estão criando aplicativos com a emoção em mente. O futuro da internet olha no que diz respeito ao design psicológico. Ótima leitura, levará pelo menos 2 boas xícaras de café para ler e digerir!
UX da lista de produtos
Os negócios on-line, o setor de comércio eletrônico, podem ser duramente atingidos por erros de design. Um erro custa caro, especialmente quando se trata de desempenho e UX. Sites como Amazon e Bestbuy precisam trabalhar muito para garantir que o desempenho da plataforma online e a experiência do usuário possam se unir em uma única união para fornecer uma experiência de compra impecável. E embora concordemos que a maioria dos problemas foi resolvida com o pensamento moderno, ainda existem fatores que entram em jogo quando consideramos coisas como personalização ou simples senso comum.
Quantas das últimas 10 compras de comércio eletrônico que você fez em plataformas individuais forneceram informações sobre os produtos que você tinha no carrinho enquanto comprava mais itens? Podemos apenas adivinhar que o número não era maior que um, provavelmente zero. E faz sentido, é por isso que este artigo existe em primeiro lugar. Veja como dizer aos clientes o que eles já estão comprando pode aumentar o engajamento e a satisfação do cliente.
Praticando a empatia no design de produto
A empatia é uma emoção que você ouvirá dizer daqueles que dominam a arte da compaixão, controle emocional ou talvez qualquer pessoa com um diploma de psicologia. A empatia nos ajuda a sintonizar com outras pessoas e entender seus sentimentos sem a necessidade de julgar. Encontrar empatia no design é tão importante quanto na vida real. Você ainda está apresentando seu produto para uma pessoa real, e o que poderia ser melhor do que dar ao usuário uma experiência baseada em compreensão compassiva e empatia.
Essas abordagens exigem uma pesquisa um pouco mais completa, mas geralmente voltam aos mesmos princípios, de modo que os grandes tópicos você só precisará aprender uma vez. Dê uma olhada em como Amy faz isso e quais são suas opiniões sobre as experiências que ela teve com empatia pelo design enquanto trabalhava na Bay Area e além.
Jovens adultos/millennials como usuários da Web (18 a 25 anos)
É uma surpresa saber que os Millennials são adaptados à alta tecnologia e podem entender bem a funcionalidade básica da web? Não é nada novo. Os garotos dos anos 90 sabem o que está acontecendo quando se trata da web e, embora alguns não tenham escolhido caminhos diretos de tecnologia, a compreensão de como o design funciona no nível da superfície é compreendida por praticamente todos. A pesquisa aqui fornece alguns insights e pistas sobre onde procurar a seguir ao projetar o próximo grande aplicativo/produto/ideia para a geração anterior. Os millennials são frequentemente vistos como indivíduos que têm bolsos fundos, mas a perfeição é a única maneira de acessá-los.
Projetando produtos complexos
A complexidade sempre fará parte do design. Algo precisa ser criado, entendido e recriado para reduzir o nível de complexidade em que estava inicialmente. A complexidade do design aparece em muitas formas, mas em particular quando se trata de projetar produtos.
Ter uma ideia para um produto é dez vezes mais fácil do que realmente projetar um. Em uma equipe, você nunca é o único com a influência total do que está construindo, então você precisa confiar nas opiniões e experiências de outras pessoas para criar o resultado, claro, tudo isso faz bastante sentido, mas não tira o fato de que projetar é um processo muito complexo. Portanto, este tutorial é sobre designs complexos e como reduzir a complexidade por meio do bom senso e da prática comum de boa etiqueta. Algum material verdadeiramente inspirador, que vale a pena discutir em uma reunião de equipe.
Em busca da melhor experiência do usuário
Designers, desenvolvedores e criativos continuarão a explorar e falar sobre a experiência do usuário até o fim dos tempos. Todos nós o percebemos de maneira diferente, mas muitos dos fundamentos dos designs de UX tendem a ser os mesmos, é a funcionalidade única que queremos trazer para o usuário que requer um processo de pensamento mais aprofundado sobre o objetivo final no que diz respeito ao UX .
Na filosofia tradicional, é difícil descrever um produto perfeito – a perfeição não é algo que podemos alcançar, a menos que percebamos que é perfeito. Sempre haverá alguém que vai chamar nosso produto de 'lixo', mas em nossa opinião - parece perfeito. E essa é a ironia do web design. Espaço para melhorias, a porta para isso está sempre aberta. Esta extensa e maravilhosa peça da Typeform fala sobre os aspectos internos do design da experiência do usuário. Mesmo os mais inexperientes podem encontrar o caminho para criar recursos de experiência do usuário mais significativos para seus usuários.
Projetos difíceis são melhores (para a humanidade)
Os níveis que podemos compreender sobre o design são inúmeros, existem muitas dimensões que entram no processo de design e na maneira como ele afeta a comunidade global. Pense no Google, por exemplo, o site mais visitado do mundo, mas o design é totalmente simples, totalmente mínimo. Os usuários não precisam coçar a cabeça para encontrar um recurso ou realizar uma pesquisa, mas o que temos aqui neste tutorial/pesquisa é a prova de que tornar os projetos mais difíceis, mais complexos, pode ser benéfico para a humanidade para ajudar a aumentar o pensamento cognitivo habilidades. Uma abordagem interessante receberá mais pesquisas no futuro, à medida que o cenário da conectividade digital continua a se ampliar e prosperar.
5 segredos de design das crianças que irão substituí-lo
Não é loucura pensar que um dia você vai ficar velho demais para o seu trabalho? E adivinhe... aqueles que trabalham nas indústrias de design, esse dia pode chegar muito mais cedo do que você pensava. Os recém-chegados à indústria têm apenas 5 anos de idade, criando maneiras revolucionárias de abordar o design, o tipo de design que até as crianças entenderiam! Hmm... tudo está sendo rotulado como uma criança? Ou estamos apenas aprendendo a tornar o design mais acessível e disponível para todos? Este artigo do Medium descreverá a história em todos os detalhes.
Os diferentes papéis do UX Designer
Se você não tem experiência, ouvir as palavras UX designer pode significar para você que alguém é um designer de experiência do usuário, mas essa é uma abordagem muito limitada. O trabalho de um designer de UX é muito mais do que apenas ser um designer de experiência do usuário, o cara de UX tem muitas tarefas em suas mãos, que complementam o resultado final de sua magnífica criação.
Em primeiro lugar, os designers de UX precisam concluir sua própria pesquisa sobre os clientes/usuários para os quais estão construindo, depois devem seguir em frente com o processo de criação de um design real, o próximo passo seria começar a testar e comparar o design, e então, claro, a última parte, que é a parte em que o designer de UX trabalha em estreita colaboração com sua equipe de desenvolvedores para realmente implementar a maldita coisa! Uau… a vida de um designer de UX é realmente ocupada, mas este artigo lhe dirá mais. Sente-se e aproveite.
Encontrando seu próprio estilo como designer
O que diferencia os designers de moda? É o estilo deles! É simples assim, mas quando pensamos no que diferencia os designers de UX, o argumento de que é estilo pode ser bastante inválido. Isso ocorre porque os designers de UX geralmente trabalham com seus próprios conceitos e ideias, mas ainda produzem uma grande compreensão do básico de como a Internet funciona ou como qualquer aplicativo funciona. Mas, o caso também é forte para apoiar designers usando ativamente suas habilidades criativas para criar experiências de design mais significativas por meio da personalização e compreensão da inteligência emocional no design. O artigo aqui cobre uma pergunta que um designer fez a Tobias, sobre como encontrar seu próprio estilo de design, e Tobias fala sobre se isso é necessário.
Tópico interessante!
UX Design para dispositivos móveis: navegação inferior
Você tem lido os dados mais recentes sobre design móvel? Até sua avó está navegando em seu dispositivo móvel, quando você vai recuperar o atraso? Assim como no design de desktop, os designers de dispositivos móveis são superdesafiados com novas tarefas e ideias que precisam ser implementadas em um design. Os diferentes tipos de navegação desafiam a maneira como os usuários interagem e entendem como seus aplicativos funcionam. É por isso que aprender sobre UX móvel pode ser tão útil para seus projetos futuros. Você está aprendendo tudo sobre navegação inferior para aplicativos móveis neste. Por que, como, onde e quando! A navegação é geralmente o veículo que leva os usuários para onde eles querem ir. E a navegação inferior deve ser usada para os destinos de nível superior de importância semelhante. Esses destinos exigem acesso direto de qualquer lugar no aplicativo.
Lições não intuitivas sobre ser um designer
Quer saber como é um bom design de alguém que passou dez anos projetando para o Facebook? Não é sempre que essas pessoas altamente profissionais saem de suas conchas e compartilham o que aprenderam; mas Julie é diferente, porque esse foi seu primeiro emprego sério, e ela conseguiu ficar na empresa por mais de 10 anos. Que conquista incrível, e ela decidiu documentar algumas de suas experiências através da escrita no Medium. A primeira de muitas é sobre o design, e as lições que ela conseguiu levar consigo, lições que foram acumuladas ao longo de uma década!
Dez anos é muito tempo, mas é muito evidente que ela foi muito recompensada por seus esforços, e parece que seu zelo pelo design está sempre queimando, sempre inflamado e vivo. As dez coisas que ela fala vão discutir aspectos como a visão dos designers, a importância de montar uma equipe de designers e outros especialistas para ajudar a executar suas grandes ideias, e tantos outros tópicos sensíveis que você não aprenderia a menos que alguém colocasse está disponível na web para você ler, até mesmo os livros lutam para cobrir algumas dessas coisas em profundidade. Ainda assim, a experiência de Julie fala por si, alto e claro e com determinação!
Projetando com o contexto do usuário em mente
Design e contexto não são estranhos um para o outro, mas se você colocar esses caras em uma sala que fala sobre duas coisas diferentes e ambos tiverem que escolher uma, você meio que perde o contato com os dois elementos. E isso não é ótimo no que diz respeito ao design. É preciso haver contexto, é preciso haver contexto para o design e contexto para o conteúdo, e eles precisam ser iguais entre si para que ambos possam trabalhar juntos para fornecer aos usuários uma experiência perfeita. O número de maneiras que um usuário interage com seus designs, será difícil documentá-los todos... com o contexto e como o contexto afeta o design e a interação do usuário.
Como integrar o design de movimento no fluxo de trabalho de UX
O design é uma inspiração, mas a capacidade de inspirar seus usuários por meio do design é um uso magistral do seu ofício. E o design de movimento está rapidamente se tornando uma das tendências quentes para startups que querem se destacar em fazer com que os clientes se sintam valorizados e cuidados de maneira autêntica.
O design de movimento permite que você adicione uma camada extra de personalidade aos seus designs. Os usuários, sem dúvida, perceberão e entenderão que você está fazendo essas experiências para eles, não para mais ninguém. E esse é o grande momento em que o cérebro do usuário registra que você se importa tanto com ele que saiu para personalizar uma experiência de aplicativo com design de movimento. Parece um pequeno esboço aqui nesta descrição, mas deixe-me assegurar-lhe que quando você terminar de ler este tutorial de Mark Di Sciullo, você saberá exatamente do que estou falando e como essa abordagem pode ser incrível para expandir seus projetos e aumentar a avaliação da experiência do usuário de seus aplicativos. É profundo, técnico e cheio de insights de design!
Detalhes do design - Painel Stripe
O Stripe conseguiu mudar sua “cara” algumas vezes, mas como aconteceu, cada vez entregou uma experiência mais promissora do que a anterior. Stripe fornece um produto excepcional, e é definitivamente conhecido por isso, mas também é conhecido entre muitos designers especializados, como a empresa que realmente se esforça para criar designs autênticos, originais e definitivamente impressionantes! Aqui está a recapitulação de como o Stripe construiu seu painel móvel para seu aplicativo iOS. O aplicativo é uma culminação fenomenal do que o moderno campo de design UX pode fornecer, e há uma razão pela qual os designers ainda falam sobre os padrões de design do Stripe hoje. Esses caras encontraram um talento incrível, e não podemos deixar de pensar quanto custa manter esse talento!
Hierarquia de Confiança: Os 5 Níveis Experienciais de Compromisso
Outra grande parte do design UX é a confiabilidade. Como seu design convida a confiança nas mentes das pessoas? Especialmente se você estiver lidando com qualquer coisa relacionada a informações confidenciais: formulários, pagamentos, envios, etc. sobre suas páginas ou aplicativos. Tome o tutorial a seguir como um ponto de partida para entender de onde vem a confiança no design e como você pode começar a criar designs mais confiáveis, não que você já não esteja fazendo isso - apenas ajuda a conhecer o lado da história que vem do próprio cliente.
Pesquisa de UX: 7 razões pelas quais o site móvel da B&H Photo é o melhor da categoria
Temos que entregá-lo aos caras que têm vontade e paciência para concluir estudos em larga escala para ajudar a entender melhor o setor. E desta vez, estamos analisando e aprendendo mais sobre nada menos que sites de comércio eletrônico para dispositivos móveis. Este estudo conclui vários aspectos do design de sites para dispositivos móveis e seu desempenho em nossas vidas diárias, e quão bem os designers de UX se adaptaram às formas modernas de operar aplicativos de negócios de comércio eletrônico.
As sete dicas para melhorar o design para dispositivos móveis são exaustivamente exploradas e fornecidas com vários exemplos e pontos importantes que o colocarão entre os 10 melhores sites para dispositivos móveis, simplesmente porque a concorrência não pode se incomodar em melhorar seus próprios aplicativos para refletir esse desempenho e além do mais, esta pesquisa é muito recente, então você está recebendo muitas coisas interessantes para brincar antes de todo mundo. Experimente e aproveite ao máximo.
Projetando para a Série A
Está acontecendo o tempo todo, você entra em um café e um cara está sentado à mesa com seu Macbook. O que esse cara tem em comum com todas as outras pessoas ao seu redor? Ele está tentando construir seu próprio aplicativo para torná-lo grande no mundo dos aplicativos de tecnologia e tem uma chance muito pequena de sucesso, mas alguns conseguem, e aqueles que conseguem - eles ainda precisam aprender sobre a importância do financiamento e como alcançar o nível de aplicativo que seria capaz de atrair uma Série A para garantir um recurso estável para seu aplicativo.
Essa é a história que estamos usando aqui. Como passar de um designer de produto para alguém que ajudou a moldar o passado, o presente e o futuro de um aplicativo que obteve com sucesso o financiamento da Série A e agora está a caminho de alcançar grandes coisas na vida. Histórias pessoais de pessoas reais que trabalham para empresas reais sempre estarão cheias de informações interessantes, e esta não é exceção a essa regra.
Quatro coisas com as quais os grandes designers se preocupam
Os recursos para aprender UX são realmente diversificados, e colocar tudo em um só lugar vai ser muito difícil. É por isso que você vê outros designers incentivando colegas iniciantes a simplesmente chegar lá, no mundo real, e praticar suas habilidades de design. Essa é a melhor maneira de aprender, pelo menos quando você chegar a um certo ponto. E esse certo ponto, de fato, pode ser a compreensão do que um designer precisa se preocupar, ou com o que ele se importa ao criar um novo design. Já abordamos algumas dessas coisas em outros tutoriais deste post, como empatia, mas e a arte real do design e fazer perguntas para obter melhores respostas? Há algo mais para projetar do que aparenta, e neste post do pessoal da UX Mag, você aprenderá exatamente o que!
Cinco princípios para uma animação eficaz em UX
Adobe é o rei do design, a própria base do design gráfico. Embora seus compartilhamentos públicos de conselhos de design nem sempre sejam frequentes, eles geralmente parecem surpreender. Este relatório sobre princípios de design relacionados ao design de animação para a experiência do usuário é um deles. Adorável conjunto de princípios que contam uma história de como tornar as animações mais fáceis de usar e o design atraente. Você começou a implementar animações em seus projetos? Adoraríamos fazer algumas perguntas para você para uma possível peça futura. Nos informe!
8 hábitos de designers de UX incríveis
Os designers de UX inevitavelmente desenvolverão hábitos. Sério, todo mundo desenvolve hábitos mesmo que não funcionem! Essa é a beleza da vida bem ali. Como aspirante a designer de UX, você provavelmente quer saber o que os especialistas estão usando para tornar seu fluxo de trabalho mais suave. Você quer aprender sobre os hábitos desses designers profissionais de UX e, finalmente, uma resposta veio. Um artigo de Kaylan discute os hábitos mais proeminentes que muitos designers de UX especialistas do setor compartilham entre si. Agora você também pode se tornar como um deles, apenas mais um fantoche na caixa! Haha, estamos apenas brincando. As dicas são ótimas e devem lhe dar algum espaço para respirar se você estiver com dificuldades em áreas relacionadas à produtividade.
O futuro está próximo: 13 previsões de design para 2022
Graças à demanda, o design está sempre evoluindo. É o que acontece quando bilhões de usuários acreditam na ideia de design. O processo de evolução é muito acelerado e podemos experimentar grandes mudanças e mudanças em um ritmo mais rápido. Isso é o que temos acontecendo aqui. Existe uma série de previsões que podem se tornar realidade quando o ano de 2022 chegar. É uma abordagem interessante para saltar tão longe no futuro no início do ano. Está realmente acontecendo, e será lindo ver quantas previsões se tornarão verdadeiras. Achamos que o número pode estar em qualquer lugar de 1 a 13. É o melhor palpite de qualquer um sobre o que está acontecendo no design nos próximos anos.
Combinando UX Design e Psicologia para Mudar o Comportamento do Usuário
Esta última peça foi publicada no início do ano. É sobre design de UX e psicologia do usuário que pode afetar o comportamento do usuário. Este é outro exemplo magnífico de quão rapidamente a psicologia está entrando no design. Além disso, mostra o quanto mais crucial será para os designers entenderem a psicologia. Além disso, mostra como a psicologia afeta o cérebro de pessoas que pensam normalmente. Como designers, nossos cérebros podem funcionar mais rápido do que outros usuários que estão usando apenas nosso serviço. Encontrar o equilíbrio necessário entre ambos é um osso duro de roer, mas, eventualmente, você conseguirá.
A paisagem do design UX
Web designers com habilidades proficientes em design de experiência do usuário continuarão em alta demanda. É porque o processo de evolução do design não para. Novas estruturas e bibliotecas permitem que os designers obtenham resultados excelentes que não foram alcançados antes. As startups continuarão a investir muito dinheiro em designers criativos que possam trazer uma camada de autenticidade ao seu trabalho. Mesmo os tutoriais que listamos, todos elogiam as possibilidades do design de UX e o que o futuro reserva para essa área. Quanto mais você praticar, mais fácil será desenvolver maneiras novas e exclusivas de apresentar conteúdo.