Transcrições
1. Trailer: Muitas vezes eu tenho essa pergunta, como eu encontro clientes? Ou melhor ainda, como é que me encontram? Minha resposta é, crie um ótimo portfólio de UX mostrando seu trabalho e certifique-se de que o estudo de caso realmente se destaca. Oi. Meu nome é Patricia Reiners. Eu sou um designer de UX/UI com sede em Berlim. Estou trabalhando como designer de UX/UI freelance, criando experiências interativas para o futuro, online, mas também para aplicativos móveis. Consegui trabalhar com muitas empresas, como Google ou Adobe. Mas também com start-ups, agências e empresas corporativas em todo o mundo. Meu trabalho está em constante busca de novas formas de explorar, projetar e também resolver problemas para o futuro. Adoro compartilhar conhecimento através de palestras, workshops sobre o futuro do design de experiências. Também estou fazendo entrevistas para o meu podcast chamado Future of UX. O que realmente me empurrou para a frente na minha carreira foi criar grandes estudos de caso de UX que realmente se defendem e atraem os clientes com os quais quero trabalhar. Eu fui destaque no Behance várias vezes, o que realmente me ajudou a promover meu trabalho. Estou 100% confortável que você possa fazer exatamente o mesmo. Isto é o que você vai aprender nesta aula. Como projetar estudos de caso impressionantes que atraem os clientes com os quais você deseja trabalhar. Vou guiá-lo através de todas as etapas de criação de um estudo de caso UX impressionante, que estará pronto para carregar em seu site, ou Behance, ou qualquer outra rede social. Como material de bônus, vou compartilhar dicas sobre onde
promover seu trabalho e como promover seu trabalho nas redes sociais, e como ser visto. Eu também vou compartilhar alguns segredos sobre como conseguir clientes. Esta classe é ideal para designers de UX/UI que estão construindo seu portfólio e querem obter clientes ou obter um emprego na experiência do usuário. Este curso vem com um e-book digital, que é um PDF interativo, ou você pode imprimir e que orienta através do curso e através das diferentes tarefas. Há também modelos para você que ajudam você a criar seu estudo de caso de UX. Este curso também vem com duas maquetes que estão prontas para se acostumar com seu estudo de caso. Estou muito animada por estares a juntar-te a esta turma. Vamos começar.
2. O que você precisa?: Olá e bem-vindo a este curso: como criar estudos de caso de UX impressionantes. Estou super feliz que você se inscreva para este curso. Antes de começarmos, gostaria de compartilhar algumas informações que serão realmente úteis para você. Em primeiro lugar, o que você realmente precisa ter para criar esses estudos de caso, e a segunda coisa é o que você realmente obtém. Então, todos os recursos que eu já preparei para você seguir todos os passos. Integrei tarefas diferentes no curso para que seja fácil para você acompanhar e também criar seus estudos de caso no site deste curso. A primeira coisa que você precisa é de algum tipo de programa de design com o qual você pode projetar as diferentes etapas do seu estudo de caso UX. Use o programa que quiser. Posso recomendar Photoshop, Illustrator ou será XD. Eu também criei um modelo no Adobe XD que você pode baixar gratuitamente e usar. Isso ajudará você a começar. A segunda coisa que você vai precisar é de um projeto para mostrar e ativos, bem como, que você vai integrar no estudo de caso. Eu preparei uma planilha, uma pasta de estudo de caso para você, então será fácil para você seguir os passos. É também um eBook digital, então você não precisa imprimi-lo. Claro, fique à vontade para imprimi-lo se quiser, mas não precisa. Você pode simplesmente usar a versão interativa porque todos os campos de entrada são interativos. Use isso como um eBook. Baixe tudo o que você precisa; o software ou os recursos que você está recebendo do meu lado e então você está pronto para iniciar este curso.
3. Contorno: O que vamos fazer neste curso? Deixe-me compartilhar algumas coisas antes de começarmos. Primeiro, vamos falar sobre estudos de caso UX. O que são estudos de caso UX? O que é importante e como integrar a narrativa em seus estudos de caso? Então vamos falar sobre o esboço. Como podemos realmente criar contornos e procurou de todas as coisas que fizemos em um projeto UX. Depois disso, falaremos muito detalhadamente sobre os passos únicos e como apresentá-los em seu portfólio em seus estudos de caso. No final, vamos falar sobre o layout. Como realmente organizar isso, como criar visuais, como criar maquetes, poderia ser ainda tão um PNG ou também alguns modelos animados, animações e vídeos, então vamos falar sobre isso também. No final, eu vou compartilhar algumas informações bônus sobre como realmente
fornecer ou como integrar mídias sociais em seus estudos de caso UX. Como criar conteúdo para mídias sociais, como fazer seu trabalho, como conectar a rede e como obter clientes.
4. Introdução: Muitas vezes, pensamos que o trabalho de série é por si só. Mas pela minha experiência mostrando o processo que você passou, mostrando suas habilidades únicas, e criar um estudo de caso convincente realmente faz a diferença de ter sucesso e trabalhar com os clientes que você está sonhando agora. Ter um portfólio passou de um bom de ter para um must-have nos últimos dois anos. Seu portfólio on-line pode ser visto como sua marca pessoal. Os clientes vão encontrá-lo através do seu trabalho online e ele mostra o
seu estilo, os seus sucessos, e pode ajudá-lo a obter o trabalho que deseja fazer agora. Tudo o que você realmente precisa para esta classe é um projeto que você terminou, porque nós vamos usar este projeto para criar um estudo de caso. Passo a passo, vou guiá-lo através das diferentes etapas e, no final desta aula, estará pronto para colocar em seu portfólio. Se você não tem um projeto que terminou agora, não se preocupe. Esta aula ainda será muito benéfica para você, porque aprendendo a construir um estudo de caso, você saberá como construir no futuro e será mais fácil para você documentá-lo desde o início e reunir as informações certas no início quando você estiver fazendo seu próximo projeto. Eu também preparei uma planilha para você, que irá guiá-lo através da aula e ajudá-lo com os exercícios que criei nesta aula. O que são estudos de caso? Eles geralmente são muito essenciais para que você seja contratado, porque estudos de caso são uma janela para sua prática profissional, e mostrando como você pensa, adapta, coopera e, finalmente, resolve desafios. Um estudo de caso UX tem que contar uma história sobre você. Como todas as boas histórias, estudos de
caso se beneficiam muito de uma estrutura sólida que orienta o leitor através de seu pensamento e suas experiências, e seus problemas e coisas assim. Nesta classe, vamos explorar como criar a estrutura perfeita para um estudo de caso UX. Esta aula é geralmente para qualquer um, iniciante a avançado, todos que querem aprender a criar estudos de
caso que realmente se destacam da multidão e ajudam você a obter clientes. Esta classe é especialmente projetada para designers de UX/UI, mas pesquisadores de UX ou designers gráficos ainda acharão isso muito benéfico também. Colocar algum esforço em seu portfólio agora
fará uma enorme diferença ao longo de sua carreira. Aqui estão algumas citações que encontrei no site
do Grupo Nielsen Norman de recrutadores de grandes e pequenas empresas. Vamos ver bem rápido o que eles estão dizendo, porque isso é realmente interessante. A primeira citação é de Melissa Perri. Ela é gerente de produto e designer de UX na Produx Labs. “ Quero ver como você pensa estrategicamente, como conectou os pontos à terra na solução certa. Como é o seu processo? Que etapas você tomou para saber mais sobre seus usuários?” A segunda citação é de Rebecca Levi. Ela é designer de produtos UX/UI, gerente de
recrutamento no Joanne Weaver Group. “ Contar histórias é importante. O entrevistador quer entender seu processo, sua contribuição para a equipe e como sua mente funciona.” Eu realmente amo esta terceira citação de Tom Cotterill. Ele é recrutador de UX na Fonte FL. “ Ter um portfólio forte onde você pode falar durante todo o seu processo, não apenas mostrando pesquisas, fluxos de
usuários, wireframes, etc, mas transformá-lo em uma história, por exemplo, por que você mudou para cada parte do processo para um gerente de contratação pode realmente entrar em seu processo de pensamento.” Há definitivamente alguns padrões aqui. Recrutadores de grandes e pequenas empresas estão super interessados na mesma coisa; seu pensamento e seu processo pessoal. Eles querem que você conte uma história sobre como você enfrentou os desafios e problemas de UX
anteriores e como você realmente criou toda a solução. Estudos de caso de UX em seu portfólio são sua primeira oportunidade de
contar aos recrutadores suas histórias e explicar como você pensa e resolve problemas. Essas histórias têm que ser tangíveis para que os recrutadores queiram aprender mais sobre seu trabalho e você também. A segunda coisa realmente importante é o meio. Eu geralmente posso recomendar um site, para que as pessoas possam encontrá-lo online. Em qualquer situação que você esteja, você sempre terá isso com você e é muito fácil para as pessoas acharem isso. Você pode usar um site comum chamado você mesmo ou perguntar a um desenvolvedor. Você também pode carregar isso em redes sociais como o Behance, usar o Adobe Portfolio, por exemplo, e então temos alguns outros provedores como o Squarespace ou o Wixx, por exemplo, e não esquecer o Wordpress onde você tem alguns modelos para usar. Vamos falar um pouco mais sobre isso no final desta aula. Geralmente, os portfólios são muito diferentes, depende do tipo de designer que você é, quais são seus pontos fortes
e, o mais importante, quais são seus objetivos. Isso é muito importante ter em mente. Antes de começarmos, devemos ter 100% de certeza sobre nossos objetivos e o que nosso portfólio realmente deve realizar. Minha recomendação é, verifique as descrições atuais do trabalho que você deseja obter. O que eles querem? Que tipo de requisitos eles têm? Você pode encontrá-los facilmente no LinkedIn. Certifique-se de saber o que incluir em seu portfólio, para que seja mais fácil criar esses estudos de caso. É o mesmo se você está procurando um emprego em tempo integral ou procurando trabalho como freelancer em UX/UI designer. Aí vem a tarefa. Antes de começarmos com o estudo de caso, tente responder a essas perguntas. Qual é o seu trabalho ideal? Que tipo de trabalho lhe daria a experiência que você quer? O que você pode trazer para uma empresa? Que tipo de requisitos eles realmente têm no momento? Vamos começar.
5. O que é um estudo de caso?: O que é um estudo de caso? Geralmente, um portfólio consiste em vários projetos e você mostra esses projetos trabalhados através de estudos de caso, onde você explica um pouco mais sobre todo o processo que você passou. Um estudo de caso pode ser visto como algum tipo
de projeto ou algum tipo de história desse projeto. Ele mostra os detalhes do seu projeto do ponto A, que geralmente é o início, para o ponto B, que é na verdade o resultado final. Especialmente para projetos de UX, o processo é super, super importante. Um estudo de caso lhe dá a oportunidade de mostrar o processo, os requisitos que você tem, os objetivos, os desafios, mas também a pesquisa que você fez. Por que todos precisam disso? Se você quiser conseguir um emprego, pode ser uma posição em tempo integral ou até mesmo trabalhar como designer de UX freelance, gerentes de
contratação esperam que você tenha um portfólio de estudos de caso. Então, para clientes ou gerentes de contratação, é realmente importante entender como você resolve problemas, como você pensa, como você resolve desafios, e esse tipo de coisas. Especialmente hoje em dia, é muito importante se destacar como designer porque há tantos designers por aí em todas as redes sociais, em tantos sites. Estudos de caso também são muito úteis para entrevistas de emprego. Quando você precisa falar sobre projetos que você fez alguns anos atrás, você não precisa se lembrar todos os outros pequenos detalhes, mas você tem tudo já estruturado em um estudo de caso, que você
possa orientá-los apenas através de seu estudo de caso e Explique um pouco. O que você precisa para um estudo de caso agora? Primeiro, você precisa de um projeto, e segundo, você precisa de ativos. Verifique que tipo de recursos você já tem. Podem ser esboços ou imagens ou wireframes, tudo, também fotos, qualquer coisa que nos ajude a mostrar o processo que você passou. Claro, isso irá variar do projeto que você fez; as diferentes etapas que você passou. Geralmente, estudos de caso vêm em muitos formatos, portfólio vêm em muitos formatos e muitos tamanhos. Isso pode ser um PDF, isso pode ser uma página web ou um site ou outras redes sociais. Por isso, é muito útil ter uma ideia sobre o formato antecipadamente. É realmente diferente se você criar isso como um PDF ou um site, então certifique-se de que você já pensa sobre como deseja mostrar esses estudos de caso antecipadamente. Vamos resumir isso muito brevemente o que é importante destacar em um estudo de caso UX. Primeiro, pense no que os recrutadores realmente querem. Eles precisam de apoio para uma equipe para um problema específico, e assim eles estão procurando alguém que é
capaz de resolver problemas e será capaz de apoiar a equipe. Então pense na experiência que você tem. Você precisará contar uma história sobre suas próprias experiências, sua própria carreira profissional e onde você está agora em sua carreira também. ponto muito importante é resolver problemas. Mostre que você é capaz de resolver os problemas para a equipe. Vamos falar um pouco mais detalhadamente sobre como fazer isso nos próximos vídeos. Mas esse é um ponto muito importante a ter em mente. Outra coisa que eu realmente posso recomendar é que você pense sobre as outras redes sociais também, ou criar visuais para outras redes sociais também. Isto é o que vamos fazer nesta aula também. Nós vamos criar visuais para outras redes sociais, que você
possa espalhar a palavra em diferentes canais sociais e ser capaz de conectá-los todos ao seu portfólio.
6. Escolha do trabalho para exposição: Minha recomendação é mostrar apenas o trabalho que você realmente se orgulha, então não coloque tudo em seu portfólio. Se você quiser fazer mais de um estilo específico, certifique-se de realmente destacar esse estilo lá. É realmente importante ter em mente que os clientes ou recrutadores irão julgar suas habilidades com base no trabalho que você está mostrando em seu caso que está em seu portfólio. Eu realmente amo aquela citação de Anton e Irene, “Não coloque porcaria em seu portfólio, caso contrário os clientes vão contratá-lo por besteira.” Isso é 100% verdade, também pela minha experiência. Agora, quando você está escolhendo um projeto, você quer construir seu estudo de caso, escolher o que está mais próximo de seus clientes de sonho ou do qual você realmente se orgulha. No final, ter cerca de cinco projetos é uma quantidade realmente certa, então é melhor ter alguns grandes projetos do que uma dúzia de projetos apenas ok ou medíocres. Certifique-se de que você está colocando seu melhor trabalho em seu portfólio. Uma pergunta muito importante: o que você pode fazer se você não tem um projeto agora? Aqui estão algumas recomendações. Primeiro, você pode redesenhar um aplicativo ou serviço Web existente. Pode ser Spotify, pode ser um aplicativo de entrega de alimentos, qualquer aplicativo que você está tendo no momento, então basta redesenhar algo. Você poderia criar um novo produto, um novo projeto de um problema que você está tendo todos os dias, por exemplo, e pensar um pouco sobre o futuro, então resolvendo um problema para o futuro. Você também poderia usar um projeto escolar. Se você está fora da escola ou universidade, basta usar o projeto que você projetou lá ou você pode projetar algo de
graça para uma organização sem fins lucrativos, por exemplo, e apoiá-los com suas habilidades de design.
7. Exemplos: Vamos dar uma olhada em alguns exemplos. Eu acho que é super, super útil para verificar os portfólios que você gosta e obter alguma inspiração. Existem alguns sites que eu posso recomendar que você confira. Primeiro, Melhores fólios, depois Awwwards com três Ws, e Behance. Vamos dar uma olhada muito brevemente sobre o que eles estão oferecendo. Vamos ter os melhores fólios, e eles estão tendo um monte de carteiras diferentes. Você pode até procurar áreas específicas. Nós vamos procurar UX UI e diferentes portfólios, e verificar onde eles indicaram, talvez até como eles criaram visuais também. O que você pode ver aqui é que as pessoas estão compartilhando muita informação. Um monte de insights sobre a pesquisa que eles fizeram sobre os diferentes estágios e wireframes, mesmo alguns esboços iniciais que é interessante, e também algumas animações no meio. Além disso, um pouco de texto onde eles estão explicando as coisas um pouco mais em profundidade, então é mais fácil para o usuário entender o que está acontecendo. Além disso, alguns vídeos também com alguns primeiros wireframes, eu diria. Como você pode ver, há algumas conclusões no final, então realmente bom estudo de caso, embora o foco não seja tanto na área visual do lado de fora. Vamos dar uma olhada rápida no Behance. Este é um lado muito legal para todos os tipos de projetos. Você encontra uma inspiração incrível lá. Você pode simplesmente percorrer o site ou ir para Discover
e, em seguida, procurar por seus estudos de caso XI. No topo, você pode procurar áreas específicas. Adobe XD, por exemplo, ou vamos procurar interação porque lá você pode encontrar todos os projetos móveis, e esta área já são as áreas promovidas. Algumas pessoas são destaque lá, alguns projetos são destaque lá. Quanto melhor for seu projeto no Behance, estudos de caso, maior será sua chance de ser destaque. O que você pode ver no Behance é que todos esses estudos de caso são geralmente projetados muito visualmente com muitos detalhes, e é super atraente para os olhos apenas olhar para isso. Você pode ver que essa pessoa integrou todas as etapas do processo, mas todo o texto, é muito, muito visual, o que é útil. Você pode ver que há também algumas animações, vídeos integrados entre o estudo de caso, ou aqui no final para ver o produto final. Você pode ver a interação, e as sociais estão ligadas aqui também. Lá na parte inferior, você pode ver os outros projetos também. Vamos dar uma olhada em outro projeto. Aqui, você pode ver que ele está estruturado super bem sobre as responsabilidades ou o papel desta pessoa realmente tinha, o componente de design, o processo de design. Muito, muito visual e super bem estruturado sobre a pesquisa de mercado e o roteiro e wireframes. Outras etapas diferentes, também sistemas de design e experiências de interface. Um monte de aplicativos simulados. Você pode ver aqui um monte de texto que é super agradável e interessante. Ambos os projetos foram destacados lá. A grande coisa é que quando você aparece lá, você tem uma grande possibilidade de que os clientes vão te encontrar, e você recebe um monte de [inaudível] Essa é a coisa boa no estudo de caso Behance. É mais fácil para os clientes encontrarem você. Outra coisa é o site da Awwwards. Isso é muito legal que você pode encontrar sites incríveis para obter alguma inspiração, mas também alguns sites de portfólio. Eu realmente gostei de verificar isso de vez em quando. Normalmente, você encontra carteiras super chiques lá. Mas nós vamos nos concentrar um pouco mais no estudo de caso, então não tanto em todas as animações JavaScript legais que você está vendo lá, mas realmente nos diferentes projetos, e lá estão eles. Vamos começar com o primeiro. Você pode ver super legal. Eles estão começando com um visual realmente grande, explicando tudo, tendo uma área de introdução realmente agradável lá. Mais visuais, compartilhando o breve também, e também integrando diferentes visuais, e mantendo-o super,
super conciso, o que eu acho que é realmente incrível também. Então, no final, você vê o resultado, os resultados do negócio. Aqui está outro estudo de caso, é muito parecido. Você pode ver aqui nós escolhemos imagens que é bom. Alguns vídeos também para apoiar as interações. É muito bom ver isso também. Algumas dicas sobre o desafio e mais visuais também. Alguns misturam entre texto e vídeo. Nós também temos que verificar isso. Posso recomendar que você vá on-line, confira alguns portfólios, sites feitos de pessoas que você gosta, e obtenha alguma inspiração antes de começarmos.
8. Poder da narrativa: O poder da narrativa. Você pode se perguntar o que é tão interessante sobre contar histórias, e o que é realmente sobre, o estudo de caso UX. Mas a coisa interessante sobre contar histórias é que, se você olhar para trás em nossa história de nossa espécie, histórias sempre desempenharam um papel realmente importante em nossa sociedade. Escolher a qualquer hora e qualquer lugar povoado no planeta e fazer alguma pesquisa sobre essa cultura durante essa era, vai suportar isso como um fato. O interessante é que as pessoas entendem e lembram informações muito melhor se estiverem organizadas em algum tipo de história. Isso é algo que nossos
grandes antepassados realmente fizeram. Estavam sentados ao redor de uma fogueira, contavam histórias para se lembrar de certos fatos ou para contar histórias. Então, para nós, através da narrativa, passamos informações e lições de geração em geração. Algumas dessas histórias são fictícias, outras são algum tipo de eventos verdadeiros. Nós não usamos apenas histórias apenas para aprender, elas também são para exercer na especulação e na exploração de possibilidades. Eles são uma ótima maneira de perguntar-lhe e se questionar a vida e encontrar possíveis respostas para estes. Na verdade, se olharmos para alguns métodos UX, temos histórias de usuários ou storyboarding, que é bem conhecido e também é algum tipo de métodos de narração de histórias. Vamos olhar bem rápido como as histórias são estruturadas em geral. A maioria das histórias são estruturadas assim. Eles têm algum tipo de apresentação. Então, na verdade, o problema ocorre. Você tem uma ação crescente. Você tem algum tipo de clímax e então você tem a resolução. Então a solução realmente vem após a ação e depois o fim. Nós podemos integrar esse tipo de padrão, na verdade, em nossos estudos de caso de UX,
bem como em quase tudo o que estamos fazendo para clientes ou onde queremos integrar histórias também. Eu acho que o que é realmente importante para entender da história é que eles sempre têm algum tipo de começo, eles têm uma parte do meio, e eles também têm algum tipo de final. De um modo geral, as histórias têm a capacidade de provocar fortes respostas emocionais. Eles são uma ferramenta imersivamente poderosa que pode conectar as pessoas umas às outras e também explicar certas coisas sobre métodos, sobre a maneira como você pensa, sobre a resolução de problemas, e esse tipo de coisas. Se você está procurando um emprego de UX em um futuro próximo, vamos dar uma olhada em quem vai contratar você provavelmente. Provavelmente uma empresa ou um cliente, e ambos têm uma necessidade muito específica e imediata em mente. Para encontrar um novo membro para se juntar à sua equipe de UX, eles estão procurando
alguém inteligente, alguém que traga inspiração e talento, e que seja capaz de trabalhar duro e que se encaixe muito bem na equipe, e que ajude a equipe a produzir um trabalho melhor. O que é realmente importante para eles é especialmente tudo em torno da resolução de problemas. Muito simplesmente, ao passar pelos portfólios dos requerentes, os recrutadores estão subconscientemente a fazer-se algum tipo de pergunta. E se essa pessoa se juntasse à equipe? Como seria trabalhar com essa equipe? Será que vai realmente ajudar a equipe? Para você, contar uma ótima história sobre sua própria experiência como um
profissional de UX dá-lhes algum tipo de crença ou destaques ter algo que os ajuda a realmente entender a maneira que você pensa e se você seria um ótimo ajuste para isso Equipa UX. Ele também os ajuda a ver a maneira como você trabalha através de seus olhos, então o processo. Eles vão reconhecer alguém que foi realmente inteligente e capaz lutar desafios difíceis e ser capaz de se integrar muito bem na equipe. Então, um grande designer que é capaz de resolver problemas malvados. Isso é muito importante para mostrar isso em seu portfólio e destacar que ao longo da história que você está contando com seus estudos de caso de UX.
9. Transforme em uma história: Agora, nós falamos sobre contar histórias e o que é tão interessante para integrar isso em seus estudos de caso. A questão agora é, na verdade, como podemos transformar nossos estudos de caso de UX em alguma história? Lá, fica muito interessante. Eu achei essa citação realmente incrível de Orson Scott Card. Ele é um escritor americano de ficção científica. “ Histórias de ideias são sobre o processo de busca e descoberta de novas informações através dos olhos de personagens que são levados a fazer as descobertas. A estrutura é muito simples. A história da idéia começa levantando uma pergunta; ela termina quando a pergunta é respondida.” Vamos manter isso como uma inspiração e olhar para a estrutura de uma narrativa. Já falamos sobre essa estrutura, então como
podemos integrar isso agora em um estudo de caso de UX? Começando com um começo, um processo e um fim. No começo, vamos falar um pouco sobre o contexto, os objetivos, e essas coisas e a parte do meio seriam sobre o processo, os diferentes métodos, esboços, wireframes para tudo. O que precisávamos para chegar ao fim, e vamos falar sobre o produto final e as lições aprendidas em nossos resultados também. Geralmente, agora estamos tentando combinar essas coisas, narrativa
no estudo de caso UX e estudo de caso UX [inaudível]. Nós também temos um início de um estudo de caso UX que explica o contexto, e o que está acontecendo, e todas as informações básicas. Todas as coisas que um recrutador basicamente quer saber quais são os objetivos, visões
e desafios desde o início e também talvez algumas informações de fundo. Então também temos que processar, tem
sido a parte principal do estudo de caso UX. A parte do processo explica as etapas que você tomou para chegar das perguntas do início até a solução no final. Ele destaca todas as atividades que você tomou e ilustra essas atividades, prova de todos os ativos que você tem. Poderia ser esboços, poderia ser fotografias, poderia ser diagramas ou qualquer outro artefato de design ou entregar regras que você produziu. Tenha em mente para realmente mostrar o processo. Porque isso é o que realmente faz a diferença e vai realmente ajudá-lo a se destacar. Porque muitos designers não estão indo muito bem. Enfatize as interações, os desafios, as alternativas, as iterações, o ponto de decisão e talvez alguns conflitos que você talvez tenha. Você deve sempre começar com alguns, é claro, fazer a pesquisa que [inaudível] um problema, por exemplo. Um ponto realmente bom para começar é, você poderia mostrar persona e usar um mapa de viagem aqui para ilustrar, coisas assim, e que você descobre lá fora. Claro, todas essas etapas dependem muito do projeto
que você fez e da parte que você tomou e do papel que você assumiu. Vamos falar em profundidade sobre todos os diferentes passos e como explicar isso. O que você deve integrar e também como explicar isso de uma forma muito condensada. Mas eu acho que o que é realmente útil para os recrutadores também é destacar e garantir que você destaque as lições que você aprendeu sobre sua experiência, algumas coisas, que é algo que eu pessoalmente acho super útil também. No final, um estudo de caso UX é algum relato de evento que
o levou à descoberta de algum novo conhecimento para que a resposta para o problema UX. Tenha em mente que os recrutadores precisam responder a sua pergunta “e se”. E se essa pessoa te colocar na equipe? Seria útil? O que essa pessoa traria para nossa equipe? Geralmente, estruturar seu estudo de caso UX. Você raspa algum começo, a idéia, e depois expande o processo e, em seguida, no final. Não se esqueça de lembrar que é importante para o recrutador ver o processo através seus olhos e que você realmente enfatiza suas habilidades únicas e o que você sabe e o que realmente torna você único como designer. Seu estudo de caso mostra como você resolve problemas, como pensamos, é um demonstrador do processo e reflexão crítica, em
vez de mostrar apenas o produto final e visuais perfeitos, por exemplo. Vamos falar muito brevemente sobre o
conteúdo que é realmente apropriado para cada parte e como você pode estruturar isso na próxima semana ou assim. Será fácil para você produzir o conteúdo você mesmo no site. Vamos resumir isso muito brevemente. Tenha em mente que os recrutadores precisam responder a sua pergunta “e se”. E se essa pessoa se juntasse à equipe? Como seria trabalhar com essa pessoa? Essas são as perguntas que os recrutadores ou pessoas que estão contratando você realmente têm em mente. Ponto número 2 é a estruturação. Certifique-se de que o foco está realmente na idéia para que seja fácil para os recrutadores realmente entender a maneira como você pensa e vê o mundo através de seus olhos. Em seguida, a resolução de problemas. UX é muito sobre resolução de problemas. Seu estudo de caso deve mostrar como você resolve problemas, como você pensa. Você pode demonstrar isso mostrando seu processo e como você realmente veio com sua solução. Depois a estrutura. Há três partes de cada estudo de caso. É o início do processo, e a conclusão, e o fim. É muito importante saber quais coisas integrar lá e vamos
falar muito em profundidade sobre isso nos próximos vídeos. Faça anotações, anote todas as coisas para seu estudo de caso, e use uma planilha que eu preparei para você.
10. Contorno: Criar um esboço é um primeiro passo realmente importante, que irá ajudá-lo a estruturar o estudo de caso e construí-lo
estrategicamente sem muito estresse, porque você sabe exatamente o que você quer integrar e o que você realmente precisa. Então o animal age como uma estrela norte criando esses estudos de caso. No final, vai levar muito trabalho, então às vezes é muito importante dar um passo atrás e ter certeza de que você não está perdido em detalhes, mas você sabe realmente o que você quer criar. Um esboço bastante básico se parece com isso. Primeiro, você começa com o começo, então a introdução, o resumo. Você diz o resumo do projeto, o que foi que você realmente trabalhou. Você inclui algumas informações sobre o papel que você desempenha e também a declaração do problema. Qual foi realmente o problema que você tenta resolver lá e o que foi que você realmente tentou realizar. O que é realmente importante lá para integrar também é o desafio, então o que foi desafiador, o que era um problema ou desafio muito bom que você estava enfrentando. Algumas informações de fundo também; pode
ser o escopo ou o grupo-alvo. Então você sempre começa com a parte do processo, que é a parte mais importante. Lá você pode pensar que tipo de coisas você fez. Poderia ser primeiro, pesquisa, então fale sobre a pesquisa que você fez, quais métodos, quais foram os principais resultados. Também sobre os conceitos ou incluir alguns esboços iniciais, alguns wireframes de baixa fidelidade, alguns wireframes de alta fidelidade, e também outros conceitos que você fez lá. Também algumas iterações de design que você fez, os testes. Inclua seus testes lá, talvez até várias rodadas de testes
e, claro, os resultados ou o produto final. A tarefa para você agora é pegar alguns Post-its e anotar todos os elementos que você deseja integrar em seu estudo de caso, e também encomendá-los já e que temos alguma história. Em seguida, no próximo vídeo, eu vou mostrar como eu estou estruturando um esboço para um dos meus projetos você
possa assistir e ver como eu estruturei isso e isso provavelmente é útil para você. Depois disso, vamos falar sobre os passos únicos realmente em profundidade para que seja fácil para você entender o que realmente integrar lá e chegar com a entrada certa em cada uma dessas áreas.
11. Contorno: observe-me trabalhando: Me pediram para criar um aplicativo para um lugar de convivência na Finlândia. Estive envolvido em várias etapas do processo; no conceito da fase de pesquisa e também na fase de design. Vou mostrar-lhe como eu fiz o esboço para este processo, para o processo
deste estudo de caso UX que eu carrego nas mãos e no meu site também. Normalmente, quando estou desenhando meu contorno, faço post-its, cores
diferentes, uma cor para a manchete. Já falamos sobre o esboço. Esta é a introdução. Então, começando com a primeira coisa, contorno e todos os diferentes passos. Claro, o resumo do projeto, meu papel, cronograma, clientes e também os desafios. Todas as coisas que você geralmente precisa integrar na introdução. Em seguida, o segundo ponto será toda a informação de fundo que será interessante para as pessoas entenderem o tema e outras coisas que descobri ao longo da pesquisa que fiz. - Sim. Algumas coisas interessantes como a pirâmide de necessidade de Maslow, que é uma coisa muito importante a considerar sobre todo esse projeto. Agora o processo, é claro, eu dividi isso nas quatro partes. Comecei com pesquisa do que conceito, design e no teste final. O que você pode ver aqui é que eu escolhi as mesmas cores novamente, então é um pouco mais fácil obter uma visão geral. Então a pesquisa, eu fiz entrevistas com usuários, então eu quero mostrar isso. Além disso, as perguntas
que preparei para essas sessões de entrevista e os insights após a pesquisa. Para a fase de conceito, quero mostrar a arquitetura de informação que criei. Quero mostrar meus primeiros esboços. Realmente o processo, especialmente sobre a área do evento. Eu também quero compartilhar meus wire-frames porque eu comecei com wire-frames e fiz alguns testes alcançar os wire-frames no estágio inicial. Então, em termos de design, eu gostaria, é
claro, de mostrar a marca, tão cor, topografia, imagens e essas coisas. Mostre também algumas coisas para o design do aplicativo, especialmente a área do evento. Então, as coisas de design de aplicativos, a comunidade, e talvez também a área de mensagens. Para o teste no final, eu quero mostrar como o teste foi bastante do teste e sobre os resultados. No final, eu também quero compartilhar insights sobre o resultado, o que realmente aconteceu depois disso e lições aprendidas. Para o resultado, quero integrar o meu produto final. Vamos obter os modelos finais, como eles se parecem,
como eles são interativos, como eles estão funcionando, e então enfatizar na verdade os diferentes pontos sobre os projetos que eu criei. As próximas coisas são, naturalmente, as aprendizagens dos testes e as lições aprendidas depois que eu terminei o projeto. Os próximos passos talvez, e também muito importantes, as idéias que estão além disso. Então outra recomendação e dica é obter todos os post-its, colocá-los na parede, para que você tenha alguma visão geral. Vamos usar isso no próximo processo. Você tem uma visão geral e sabe o que você realmente
quer integrar quais textos você precisa escrever, e quais imagens, maquetes e coisas assim você precisa preparar.
12. Introdução: Espero que todos tenham criado um esboço com as diferentes fases do projeto UX que passamos. Depois que terminamos o esboço, agora é um bom momento para falar sobre as diferentes fases como realmente projetá-las para seus estudos de caso. O que vai ser realmente útil é usar a sua planilha que eu preparei para você que irá guiá-lo através das diferentes fases e você pode escrever o texto e os passos únicos em suas planilhas para começar realmente com o texto. Depois de
criarmos o texto para todas as diferentes fases e o que queremos colocar lá, vamos falar sobre os visuais e o layout também. Vamos começar com o primeiro passo. Já falamos sobre as diferentes fases
do estudo de caso UX e o processo até o início. Isso é realmente importante para integrar a introdução. Comece com seu título, seu papel, e também o resumo que você recebeu e a declaração do problema. Aqui está um exemplo de introdução. Eu estava trabalhando para um espaço de coliving na Finlândia e aqui está o exemplo de introdução para o projeto. Você pode encontrar todo o projeto em [inaudível], você pode verificar isso. A introdução, eu integrou o título que é o aplicativo da comunidade para um espaço coliving, meu papel era pesquisa e design UX/UI. O tempo foi de setembro a novembro de 2019. O cliente, aqui você integraria o nome do cliente também. O resumo da declaração do problema foi. Durante meu tempo como residente criativo na Adobe, me pediram para redesenhar um aplicativo para a comunidade em um espaço Coliving na Finlândia, que informa as pessoas naquele espaço sobre todas as informações que você precisa, eventos, salas de aluguel, Conhecendo pessoas. A comunidade é uma das coisas mais importantes em um espaço Coliving, então nos propusemos a projetar uma experiência que ajude as pessoas a se conectarem umas
com as outras e ainda seria super fácil de usar. Se você fosse parte de uma equipe de UX maior, você também deve declarar seu papel no projeto, por exemplo, você escreve algo como, “Meu papel neste projeto foi realizar como uma pesquisa e avaliação de protótipos.” Ou, “Minha função era projetar a interface do usuário e a prototipagem.” Esse tipo de coisas. Também certifique-se de que o ponto número 2 é definir o problema, então articular o problema bem ajudará a contar a história do estudo de caso. Certifique-se de que você realmente indique o problema e identifique as metas do projeto. O que o projeto pretendia alcançar? Seja o mais detalhado possível. Alguns exemplos, especialmente as metas de negócios estão ganhando assinante de e-mail específico, podem ser ganhar 5.000 assinantes de e-mail ou aumentar a conversão em
10 por cento para uma coisa específica ou diminuir retiradas em 50 por cento, coisas assim. Isso é realmente interessante, especialmente para as pessoas que estão contratando você e para as pessoas. Aqui estão alguns exemplos que serão interessantes para olhar realmente brevemente. O primeiro exemplo é do estudo de caso Bluewave. O que é realmente bom aqui é que os objetivos do projeto estão alinhados muito bem. Faça com que os usuários escrevam mais avaliações e faça com que os usuários vejam o valor em suas contribuições com um texto realmente curto, para
que seja fácil de entender. Você pode ver a exploração e o conceito de foco estreitamento e testes,
bem como algumas soluções de design, como a criação de um sistema sistemático de cartões, bem
como os resultados finais dos entregadores, e também alguns aprendizados. Neste segundo exemplo, o problema é definido super bem também. Você vê nossa abordagem, bem como a combinação de muitos visuais e muito foco na estratégia de conteúdo combinada com os wireframes, e informações adicionais sobre a interatividade e também você pode ver muitas informações sobre o escopo, tantas informações de fundo.
13. Informações: A introdução é realmente um ótimo lugar para compartilhar todas as coisas que você já sabe quando você inicia o projeto. Este pode ser o escopo, ou o público-alvo, e também algumas pesquisas de fundo que você provavelmente fez. Você pode compartilhar mais sobre o público-alvo quando já sabe mais, quem são eles? Como o problema realmente os afeta? Quais as principais informações que você tem sobre eles? Esse tipo de informação, bem
como o escopo e responder às perguntas sobre o que o projeto deve realmente alcançar para o negócio? Qual era o prazo? Que tipo de subprojetos você precisa que eu projete? Que conteúdo será usado para o projeto? Talvez alguma análise sobre produtos similares também. Aqui, você vê um exemplo sobre um projeto que eu fiz para o espaço Coliving onde eu comecei realmente com um monte de informações sobre o que é realmente sobre, o que é tão interessante sobre isso? Eu realmente tinha que entender um pouco sobre o objetivo dos espaços Coliving, os problemas. Muitas coisas eram algum tipo de razões psicológicas. Isso foi realmente interessante de integrar no início.
14. PROCESSO: Vamos falar sobre o processo. Na verdade, é a parte mais importante do seu estudo de caso. Depois de explicarmos as informações de fundo,
os objetivos, os desafios e todas as coisas que sabíamos antes de
começarmos o projeto, vamos compartilhar todos os passos que passamos ao longo de nosso processo que é, como eu já disse, a parte mais importante. Certifique-se de que você realmente enfatiza as habilidades e todas as aprendizagens que você teve. Nós vamos identificar os diferentes passos que você tomou no projeto, por que você os fez e, claro, o valor dessas ações, e os resultados do projeto. Vamos olhar muito rápido para o processo de design centrado no homem. Geralmente começa com alguma coisa de empatia, que geralmente é pesquisa. Você define isso sintetizando a pesquisa, você idealiza, vem com um conceito e um design, você protótipo isso e então você testa isso. Pela minha experiência, é muito útil, especialmente para clientes e recrutadores entenderem seu processo, se você usar todas essas etapas, integrando-as em seu estudo de caso de UX. Uma fase de pesquisa indo para conceito, design e teste. Claro, isso depende muito do projeto que você fez, quais métodos você usou e quando você estava realmente envolvido no processo também. Aqui é realmente importante que você mostre suas habilidades fantásticas de UX e o objetivo é mostrar uma abordagem e contribuição específicas. Além disso, compartilhe algumas das decisões que você tomou, as compensações ou ideias, o que é realmente importante. Cada projeto é muito diferente, claro, por isso descrevendo o processo que você tomou da melhor forma possível, mas é claro que isso vai parecer muito diferente de projeto para projeto. Algumas coisas que você pode incluir estão listadas aqui no lado, rever a pesquisa, diferentes métodos de pesquisa do usuário,
alguns métodos de ideação, é claro, depois quadros biológicos, maquetes, protótipos. Claro, o usuário testando a escrita X, talvez, design de
interface do usuário, também diferentes tipos de teste e prototipagem. Em seguida, passar por esses diferentes passos e explicar realmente por que você fez isso, o que você aprendeu e também compartilhar um monte de visuais. Se você tiver visuais para qualquer uma dessas etapas, compartilhe-os, isso é muito importante. Também compartilhe algum pequeno texto onde você fala super conciso sobre o aprendizado e as coisas que você realmente conseguiu fora deste passo específico. A seção de processos também é um ótimo lugar para mencionar quaisquer colaborações que você possa ter feito também. Mostrar que você pode colaborar com uma equipe é muito importante para contratar gerentes, então indique seu papel e o que outros fizeram também. Se outra pessoa foi responsável pela pesquisa, isso não é um problema, basta mencionar isso. Você pode, naturalmente, mostrar isso porque ele pertence a todo o projeto, mas apenas dizer que outra pessoa fez isso. Talvez você tenha trabalhado como redator, novamente, como você colaborou? Como você lidou com a entrega para desenvolvedores, para crossovers, os testes e esse tipo de coisas, o que é realmente importante. O que vamos fazer agora é passar por diferentes etapas do processo e falar um pouco sobre como mostrar isso, como integrar e então é mais fácil
para você integrar isso em seu portfólio também.
15. Pesquisa de usuários: A primeira coisa que você provavelmente vai
começar é algum tipo de pesquisa adicional se você fez pesquisa. Minha recomendação pessoal é, é claro, compartilhar os diferentes métodos que você fez lá, poderia ser teste A/B ou mapeamento de viagem do usuário ou técnicas de entrevista, poderia ser pesquisa quantitativamente usuário. Técnicas como pesquisas ou análises ou pesquisa de mercado
também são métodos qualitativos de pesquisa do usuário que são mais sobre a qualidade. Então, sobre o porquê, podem
ser entrevistas ou grupos focais ou pesquisa de carreira ou o que quer que você tenha feito. Compartilhe-os, compartilhe suas principais aprendizagens também. É muito bom entender isso no começo. Em seguida, também compartilhe um pequeno pedaço de texto onde você fala sobre os aprendizados e as coisas que você realmente obteve nas entrevistas ou nas pesquisas de usuários, todos esses tipos de insights e o que você realmente começou a fazer depois disso. Certifique-se de mantê-lo conciso, que você mostra fotos também se você tem permissão para fazê-lo, e não compartilhe muitos detalhes. Se você tiver, certifique-se de integrar alguns esboços iniciais ou em notas que você fez na sessão de pesquisa, por exemplo. Claro, só se você tiver permissão para compartilhar isso. Certifique-se de que você está sempre resumindo os aprendizados. Aqui está um exemplo. Analisamos os eventos que as pessoas participaram de 40 pessoas que vivem em um espaço de colicina com idades entre 18-40 por um período de duas semanas e descobrimos que cerca de 30 por cento de seu evento são iniciados por causa de recomendações de amigos. A partir dessa análise, criamos quatro personas de usuários e definimos suas experiências no mapeamento de listas de tarefas com um mapa de jornada do usuário. Outro exemplo aqui, deixei algumas partes de fora. Talvez seja útil para você preenchê-lo. Para iniciar o projeto, começamos com uma oficina de partes interessadas do cliente. Queríamos ter certeza de que x. Como um segundo passo, realizamos entrevistas com, e aprendemos isso. Começamos a usar essa informação para construir um mapa de empatia ou outra coisa e melhor do que. Temos esse tipo de percepções. Estruturar como essa geralmente é muito útil. Uma ferramenta que eu posso recomendar, especialmente se as coisas que você fez anteriormente não parecem tão grandes, e se você precisa projetar um pouco melhor, você pode usar o plug-in do quadro branco para o Adobe XD. Isto é algo que é super útil. Eles têm um monte de predefinições realmente legais que você pode usar para diferentes métodos que você tem, eles têm maquetes para coisas diferentes, mapeamentos de
afinidade, ou qualquer tipo de coisas que você deseja integrar. Eles têm algum tipo de layout que você pode reutilizar. A coisa toda é de graça, então eu posso absolutamente recomendar isso. Você pode integrar a postagem, você pode mudar as cores para as cores da sua marca ou cores
corporativas e ajustar a coisa toda às suas necessidades para que
fique realmente agradável quando você está postando isso em seu portfólio também. Eu posso ver que você tem outras predefinições aqui no lado, então basta escolher o que quiser ou ir para as seções Elementos e escolher os elementos individuais, e construir você mesmo. Isso economiza muito tempo e você está 100% certo de que ficará realmente ótimo no final. Com isso, algumas outras ferramentas que eu posso recomendar, é claro, eu já falei sobre o Adobe XD, que é gratuito, o plugin do quadro branco, que é gratuito e fácil para você baixar. Outra ferramenta que é super agradável é Miro, eles têm um monte de ativos realmente legal, bem como que você pode usar para seus estudos de caso. Pode ser qualquer fluxo de usuário ou qualquer tipo de elementos de design que você deseja integrar também. Aqui está um exemplo para a pesquisa do usuário que fiz para o espaço de colicina, você pode ver um monte de
imagens, imagens são das sessões e também da fase de síntese. Você pode obter alguns insights sobre as entrevistas, as perguntas que eu faço, e também as personas ou as pessoas que eu fui entrevistado, e os principais problemas ou as percepções que eu realmente obtive da pesquisa que eu fiz lá. Aqui estão algumas dicas gerais
e, no final, certifique-se de mantê-lo conciso. Não mostre muito, apenas as informações mais importantes, e nos aprendizados que você tem, integre alguns gráficos e imagens, bem como para manter isso realmente agradável e um pouco atraente, e não compartilhe Muitos detalhes. Certifique-se do que você tem permissão para compartilhar em estudos de caso,
então, por favor, esteja ciente de todas as coisas também.
16. conceito: Rodadas de iterações, você começou a pré-visualização para a fase de conceito, e é realmente importante que você estruturar isso muito bem. Claro, comece com alguns insights que você tem e depois de algumas rodadas de interações, você provavelmente começou com testes AB, você começou com wireframes, então certifique-se de que você realmente mostra que eles são visuais e espaço para texto minúsculo e todas as aprendizagens que você teve. Além disso, coisas como fora da rodada final de testes de usuários, nós aprendemos que, por exemplo, os usuários têm problemas para encontrar a função de evento em nosso aplicativo, ou que você precisava reprojetar essas áreas e, por exemplo, nós aprendemos que, por exemplo,
os usuários têm problemas para encontrar a função de evento em nosso aplicativo,
ou que você precisava reprojetar essas áreas e, por exemplo,
que a área do evento é mais útil para as pessoas. Poderia ser algo, e este é um exemplo que eu fiz para o espaço Coliving. Você pode falar sobre as diferentes séries de iterações, por exemplo, você pode falar sobre o feedback que você tem, e também é realmente um ótimo lugar para conversar ou para mostrar as maquetes que você fez, alguns esboços iniciais de baixa fidelidade a alta - fidelidade, mais detalhado, e compartilhar os desafios que você teve, as aprendizagens que você teve, e também certifique-se de integrar algum texto com visuais também. O que também é interessante para as pessoas é, se você compartilhar desafios já na fase de conceito, porque isso vai ajudar clientes e gestores de contratação que, você é capaz de lidar com situações difíceis. Se você não teve nenhuma situação difícil, isso é ótimo. Isso é realmente incrível. Mas outra coisa que você pode integrar lá também é também algumas aprendizagens para ter, então compartilhar progressão, um desafio notável que você enfrentou, compartilhar algumas aprendizagens chave também, e como realmente você surgiu com as idéias e o conceito. Preencha todas essas coisas na planilha, e procure os wireframes e maquetes que você tem, e outras maneiras de integrá-lo em sua fase de conceito.
17. Projeto: Agora podemos falar sobre o design. Especialmente se você foi integrado na área de design ou na interface de design, então é importante que você também mostre muito em seu estudo de caso e coloque todos os diferentes elementos que realmente pertencem a um design. Isso pode ser, por exemplo, a topografia, as cores que você escolheu, também explicando por que você escolheu uma topografia tão específica, talvez você também tenha duas, as cores diferentes que você escolheu, o primário, secundário, e talvez até outras cores, o ícone definido que você projetou para elementos específicos. Isso poderia ser um elemento específico para um cartão, para um pop-up, elementos
específicos que você desenha e também as idéias por trás disso. Se houve alguma razão por trás de projetar esses elementos, isso é realmente útil para já anotar isso e pensar sobre os diferentes elementos que você quer mostrar lá. Obtenha sua planilha, diretamente em todas as diferentes coisas que você deseja integrar, já pense em visuais que você pode integrar lá também. Especialmente para design digital, é realmente útil criar maquetes ou animações onde você pode integrar seu design de interface e mostrar isso de uma forma muito atraente, visual e agradável. Como você pode fazer isso é algo sobre o qual falaremos no próximo vídeo. Fique ligado para isso. Agora, comece com um elemento de design diferente também. Vou mostrar-vos um exemplo que acho que foi muito bem feito, especialmente do lado do design. O que eu realmente amo sobre este estudo de caso da Netguru para ResumeLab é que eles integraram todos esses elementos visuais em todo o estudo de caso. Parece muito bonito. Mas eles também colocam um grande foco no guia de estilo e na documentação de entrega verdadeiramente, que é super interessante, especialmente para os clientes porque esta é uma área onde a maioria dos problemas realmente ocorrem. Eles também mostraram a capacidade de resposta. Os diferentes elementos para todos os tamanhos diferentes, para o laptop, smartphone e iPad, o que é muito legal. Outra coisa que eu acho realmente incrível
nesses estudos de caso é como eles apresentaram as ilustrações. Eles realmente mostraram o processo de as ilustrações se juntarem. Aqui, por exemplo, com o software de design e como eles integraram todos os diferentes elementos, que é super incrível. O que você pode ver aqui são as coisas que você pode integrar. Apenas alguns, então primeiro, é claro, integrar todas as coisas que pertencem a alguma interface adicional de marca. Além de topografia e todos os diferentes elementos de design que você integrou, isso pode ser uma visualização de carrinho,
ou uma barra de guias , ou elementos específicos que você veio com também; ícones, etc Você também pode integrar cores e as diferentes interações. Em animado, porque elementos de interface.
18. Teste: teste é o último passo
do processo de design centrado no homem ou do processo de pensamento de design, embora seja um processo iterativo e você comece do início novamente com as lições que aprendemos. É realmente importante colocar muito foco na fase de teste em seu estudo de caso de UX. Os testes são frequentemente realizados simultaneamente com a prototipagem e executados bem, podem fornecer muitas oportunidades de aprendizagem para ajudá-lo a aprender mais sobre o usuário e oportunidades para refinar seu protótipo e até mesmo a declaração do problema. É muito importante que você compartilhe os conhecimentos que teve durante os testes. Aqui estão algumas dicas. Primeiro, em seu estudo de caso UX, explique o processo. Onde você fez os testes? Como foi? Essas coisas poderiam estar em um laboratório e no escritório, também explicaram os métodos. Então também o que você testou? Testou uma área específica? Um cenário específico de caso de uso? Que tipo de tarefa você realmente deu ao usuário? O que você aprendeu no final? Certifique-se de falar sobre os métodos porque isso é realmente importante. Aqui estão alguns métodos que você provavelmente usa. Pode ser teste de guerrilha, teste de usabilidade de laboratório. Pode ser também alguns testes de usabilidade remota sem moderação através do Zoom, por exemplo. Poderia fazer consulta contextual, entrevista telefônica, classificação de cartões, gravação de sessão ou também teste A/B. Há mais métodos de teste de UX também. Mas esses são os conceitos básicos, quase comuns. Portanto, certifique-se de que você realmente compartilha isso, e compartilhe as aprendizagens até onde você teve fazendo isso.
19. Resultado: Então, já chegamos à última etapa do processo do esboço
que é o resultado ou o que realmente acontece depois que você terminar o projeto. Isso é super interessante para clientes ou partes interessadas para realmente entender o que você alcançou referência ou projeto com seus projetos, que tipo de metas você tinha e como você realmente alcançá-los ou se você realmente alcançar alguns. Este é realmente um grande momento para também compartilhar um pouco sobre, claro, os objetivos que você alcança, mas também sobre as lições que você aprendeu que é super, super, super importante e por isso, se você não enfrentou problemas difíceis, desafios ou algo assim, as lições aprendidas são uma coisa realmente boa para integrar no final de cada estudo de caso de UX. Um exemplo sobre um possível resultado poderia ser algo assim. Descobrimos que 15% dos eventos que as pessoas participaram começaram porque outra pessoa no grupo de saída os convidou para participar. Não tínhamos orçamento ou tempo para enfrentar o desafio dos convites personalizados, mas no futuro poderíamos revisitar o projeto e focá-lo. Vamos resumir isso muito brevemente. Quais são os resultados e qual é o resultado? Você acertou, errou ou superou o gol? Isso é realmente importante para apontar aqui, que resultado este projeto realmente teve. Você pode compartilhar outros resultados de negócios, algum tipo de insights de negócios que você obteve durante todo o processo? Você reduziu as taxas de retirada em 50% ou reclamações de atendimento
ao cliente em 30% se esse fosse seu objetivo no início? O mesmo acontece com a taxa de conversão, se você tinha um objetivo sobre a taxa de conversão, pitch digital de aprendizagem, chegar a essa fantástica taxa de conversão que você estava buscando, ou talvez você melhorou o valor de vida dos clientes ou coisas como Isso? Isso remonta aos objetivos que você definiu no início. Quais são alguns aspectos sobre como projetar um esboço, criar um esboço e projetar as etapas únicas. Geralmente, certifique-se de que você sempre inclua visuais e documente todo o processo durante os estudos de caso, conte histórias o que realmente acontece para que seja mais fácil para as pessoas entenderem, respeitar os NDAs que você assinou, então certifique-se de que você só mostra as coisas que você tem permissão para, se você tem cem por cento de certeza,
certifique-se de perguntar ao seu cliente e não se esqueça de tratar o estudo de caso e
o processo de candidatura de emprego como qualquer outro UX desafio de design, então realmente tipo de esboços, pense sobre o conceito e pesquisa, integre visuais também.
20. Visual: Uma das coisas mais importantes em cada estudo de caso de UX é definitivamente a parte visual. Mesmo que você seja apenas um designer de UX ou pesquisador de UX, certifique-se de integrar sempre os visuais. Isso é super importante para realmente orientar a visão da pessoa que vê seu portfólio, pode ser um recrutador ou um cliente, então certifique-se de integrar sempre os visuais. Começamos escrevendo o texto para as diferentes etapas do processo. O que você pode fazer agora é pensar em todos os visuais que você já tem para apoiar as coisas que você está dizendo no texto em diferentes estágios. Você as anotou na sua planilha. O que você pode fazer agora é integrar o texto ou os visuais que você já está tendo ou que você quer criar, porque nós vamos criar visuais nos próximos vídeos também. Percorra as diferentes etapas do processo e anote os visuais que deseja integrar. O que é realmente útil é já reunir todos os visuais que estamos tendo. Isso pode ser fotografias, wireframes, ou talvez maquete que você já criou para o cliente ou para o seu trabalho, em
seguida, colocá-los todos em uma pasta, que seja mais fácil para você encontrá-los. Então é um bom momento para também fazer uma lista das maquetes que você ainda deseja criar, os visuais que você ainda deseja criar. O que é realmente, muito útil para mim é
anotar todos os visuais que eu quero integrar em Post-its, cores
diferentes para diferentes tipos de visuais. Azul são para qualquer gráfico, rosa são para qualquer imagem ou visual, e o realmente rosa neon é para maquetes animados. Depois de anotá-los todos, todos os visuais que quero integrar, eu os fixo ao lado dos Post-its. Nós escrevemos e criamos nossos contornos. Ao lado do tópico, eu estou fixando o Post-it, então eu sei que tipo de visuais eu ainda quero integrar. Então eles terminam, parece algo assim. Vendo outros visuais, eu ainda preciso criar os diferentes tipos, e depois fazer uma lista, e preparar tudo o que preciso para isso antes de realmente começar. Mas você também pode usar seu livro, o e-book. Às vezes eu estou fazendo ambos começando com os Post-its, e depois escrevendo todas as coisas começando com o texto, então depende muito de como você realmente gosta de preparar isso, e que tipo de pessoa você é, e como Você realmente faz [inaudível] Agora, vamos dar um passo atrás, falar geralmente sobre o tipo de visual que podemos integrar, e também, sobre alguns exemplos. Eu quero mostrar alguns estudos de caso com visuais realmente bonitos, onde os visuais são integrados super, super bem. Que tipo de visuais você pode realmente criar lá? Já falamos de esboços, podem ser também algumas fotografias que você tirou ao longo do processo, o processo de pesquisa ou oficinas, por exemplo. Mas também há imagens que você pode integrar, criar suas próprias maquetes, por exemplo, ou criá-las em seu estudo de caso de alguma forma. Há dois lados que eu posso recomendar que é Pexels, e o segundo é Unsplash. Eles fornecem gratuitamente para usar fotografias de alta qualidade. Se você quiser integrar algumas maquetes, o que eu posso recomendar são alguns sites de maquete, embora eu geralmente sou apenas associado no Google com forma específica maquete. Estou procurando por ele. Isto pode ser muito útil para o início. Agora, vamos dar uma olhada em alguns exemplos que são realmente bonitos. A primeira é mostrada Alice Lee. Ela desenhou as ilustrações para o Slack. O que você pode ver aqui é como ela integrou seus visuais com o texto. Parece super, super visual e muito bonito, especialmente vendo o processo e as diferentes possibilidades de como usar isso. O que ela faz super bem é que ela combina o texto para seus visuais, embora seu foco seja mais na ilustração e menos no processo de UX. Mas ela coloca muito esforço e enfatiza os diferentes passos onde ela orienta o usuário através. É super atraente e interessante de assistir. Há poucas coisas que podemos inspirar mesmo como um UX/UI projetos com as manchetes realmente grandes com os grandes visuais, com os textos nas laterais e apresentando os diferentes elementos de design passo a passo. O segundo exemplo é do Moment Brew, é um aplicativo de realidade aumentada. O que você pode ver aqui é todo o processo. Novamente, muitas ilustrações e desenhos são criados para este estudo de caso, especialmente todos os diferentes fluxos de usuários e os diferentes visuais são criados para esta apresentação. O que eu realmente gosto aqui é que ele também integrou Post-its e apresentando o processo, ou como ele realmente passou dos primeiros esboços, os primeiros wireframes para o cartão final, e especialmente a enorme ênfase na prototipagem é super importante aqui e interessante de assistir também. Integrar animações e vídeos geralmente é realmente útil para diferentes estágios para entender um pouco melhor como as coisas estão funcionando na interação. Como você pode ver aqui, especialmente a pesquisa é apresentada muito, muito bem. Vamos dar uma olhada no exemplo número 3, que é do Good Club, onde o designer realmente colocou um foco
enorme nos visuais também. Ele integrou um monte de fotos, que é integrado no site também. Um monte de maquetes realmente bonitas e um layout de design muito bom ajuste também. Espero que esses exemplos o ajudem a obter alguma inspiração, porque agora, é um bom momento para integrar todos os visuais em seu esboço também. Então, pegue sua planilha e anote todos os visuais que você deseja integrar porque você já os tem, ou eu quero integrá-los, e então faça uma lista de todos os visuais que deseja integrar no próximo lições juntos.
21. Layout: Vamos falar sobre o layout realmente brevemente. Seu estudo de caso X ou seu portfólio X como uma peça de design também, então certifique-se de pensar realmente sobre o layout e como você organiza todos os diferentes tipos de informações que reunimos nos últimos vídeos. É muito importante criar um ótimo layout que realmente apoie seu processo. Talvez você não seja 100% flexível porque já está usando algum tipo de templates se estiver usando o Squarespace ou o WordPress, por exemplo. Mas geralmente, eles são sempre alguns layouts básicos que você pode integrar lá também. Minha recomendação é começar projetando ou viaframando seu esboço. Você pode pegar um lápis e algumas folhas de papel e anotar. Imagine que isso seria algo como um Viaframe onde você integra todos os tipos diferentes de informações que você acabou de coletar, e então classifique visualmente e integre os visuais que reunimos, o texto que temos, e em seguida, resolver isso antes de entrar realmente em seu programa de design. Em seguida, na próxima etapa, você pode mover tudo isso em uma plataforma digital, isso pode ser o Adobe XD, e você pode usar os modelos que eu criei para você, para que seja mais fácil para você começar. Mas sim, fique à vontade para me ver fazendo o layout do próximo vídeo. Isso provavelmente é útil para você começar a usar seu layout.
22. Layout: observe-me trabalhando: Antes de começarmos a criar enquadrando nosso layout, vamos dar uma olhada rápida em nosso esboço que podemos aprovar. Aqui está uma foto dos Post-its
que fizemos com nossos contornos e os diferentes visuais para os passos simples. Eu acho que é realmente importante ter isso em mente para ter que em algum lugar perto de você, também
pode estar em sua pasta de trabalho porque você precisa usar esses passos únicos e todos os elementos que você tem lá para criar algum layout. O que você precisa para isso são realmente algumas folhas de papel, quanto maior melhor. Eu uso um A3 e um pedaço Sharp de lápis preto. Vamos começar. Você viu meu esboço, eu quero começar com algum grande maquete, grande imagem do produto final para evitar mostrar, qual foi o nosso produto final. Isso provavelmente já será muito útil. Depois disso, vou anotar tudo o que pertence à introdução da minha linha, minha tarefa, é claro que o cliente também e a linha do tempo também. Em seguida, o breve projeto com alguma imagem. Então eu estou percebendo que eu quero integrar mais uma imagem no esboço então eu
vou colocar isso no esboço Post-it,
anotando os passos únicos nessas folhas e, em seguida, colocá-los de lado. O próximo passo será a informação de fundo lá. Quero integrar coisas diferentes. O que é colorir, os Maslow você precisa pirâmide, tipografia, também o grupo-alvo e as escultas, então eu estou pensando em como realmente organizar isso. O que você pode ver aqui é, eu estou fazendo isso mais ou menos como você faria pelo normal via frames. Para mim, é importante que eu tenha em mente onde colocar essas coisas, onde há algum espaço amplo e esse tipo de coisas. Você pode fazer exatamente o mesmo. Agora eu estou começando com o processo, com a pesquisa do usuário primeira coisa, eu quero enfatizar as entrevistas de usuários que eu fiz com algumas imagens ou especialmente uma imagem sobre a entrevista, o processo. Então compartilhe as informações mais importantes, a iteração de estilo, as entrevistas, as perguntas. Em seguida, compartilhar os insights que são claros três insights que eu pensei. Ponha isso de lado. A próxima coisa é a parte do conceito. Tudo em torno do conceito lá, passei por diferentes estágios, fui procurar a arquitetura da informação e mostrar algum grande gráfico lá. A próxima coisa são alguns esboços que eu fiz no início, para um pouco de texto e um pouco de explicação também. Eu também quero mostrar os wireframes porque eu projetei wireframes para todo
o aplicativo e fiz alguns primeiros testes. Quero compartilhar alguns textos sobre o teste e o resultado também, em algum lugar abaixo dos wireframes também. Sem retiradas porque eu realmente não criei nenhum saque para testes. Depois o desenho. Claro, eu quero compartilhar outras coisas que são importantes para a marca,
as cores, cores primárias, cores secundárias com pouco texto. Tipografia levou a tipo de tipografia que eu integrou, também a imagem e com um pouco de textos também. Então eu quero mostrar alguns elementos interativos em modelos animados. Isso é muito importante para integrar aqui. Então eu quero destacar as peças de design também. Para o teste, eu quero mostrar os resultados, principalmente baseado em texto, então eu só penso em como organizar isso. O resultado que lhe dará mais visual também. Eu quero mostrar a maquete final sob o texto sobre as coisas que eu aprendi lá, eu quero integrar alguns elementos interativos. A área final do evento, a maquete desfeita, e também a configuração final do apartamento, maquete de integração. Também as lições aprendidas a partir da perspectiva empresarial são também os próximos passos que será lamentável integrar aqui também. No final, é claro, também as coisas que eu aprendi testando algumas idéias mais que eu estou tendo além da tela, que são abolidos e unhas juntos etc Depois de ter terminado o esboço no papel, você pode começar para aprender isso em sua ferramenta. Aqui estão os modelos do Adobe XD, que você pode usar e ajustar tudo às suas necessidades. Você não precisa fazer isso agora, você pode fazer isso mesmo depois de criar os visuais. Mas o que eu realmente gosto é apenas pegar os quadros de arte, classificá-los já, integrar o texto que eu escrevi ao longo da criação do esboço, então pensar onde os visuais estão faltando, e se eu deveria precisar criar alguns visuais também, e como tudo parece. Já posso inserir todas as coisas que sei que quero integrar, talvez a tipografia que quero integrar, os visuais que quero integrar, e especialmente todos os textos. Eu também posso integrar minhas próprias placas de arte. Basta copiar e colar isso e integrar minha própria tipografia lá se eu não quiser integrar nenhum visual aqui. Tudo exatamente para minhas necessidades aqui.
23. Imagens: Verifique quais fotos você tirou durante todo o processo. Isso pode ser imagens que você tirou fazendo um workshop ou uma sessão de ideação ou outra coisa. Na verdade, é super ótimo integrar isso em seu estudo de caso, então certifique-se de realmente verificar todas as imagens que você tirou. Esta imagem que você está vendo aqui é uma imagem fazendo pesquisa ou sessão de teste com uma visita de nós testando. Esses visuais e imagens realmente ajudam a entender como você trabalha e que você estava realmente envolvido no processo, ele mostra todos os detalhes que são interessantes para os clientes. Se você não tem imagens ou não tem permissão para mostrá-las, uma dica profissional é realmente usar algum material de estoque e integrar isso em seu estudo de caso. Claro, não refletem slots de oficina ou sessões de pesquisa, mas se você quiser mostrar algo em torno de um tópico específico, este é um exemplo que eu criei para o espaço de vida legal onde eu infelizmente não estava autorizado a mostrar muitos dos espaços Lá. Eu encontrei espaços muito semelhantes na verdade online e os integrou em meus estudos de caso como alguns divisores entre diferentes seções. Isso já apoiou todo o projeto e deu uma impressão sobre como as coisas realmente parecem lá. Existem dois sites que eu posso recomendar que você confira, um é Pexels eo outro é Unsplash. Eu realmente prefiro Unsplash, eles têm um monte de imagens incríveis para todos os casos que você pode imaginar, você pode baixar e usá-los de graça e você pode usá-los para quase todas as situações que você pode imaginar. Você também pode criar seus próprios modelos ou usá-los para mídias
sociais e ajustá-los e realmente grandes resultados. Definitivamente verifique isso e certifique-se de que você está integrando imagens em seu estudo de caso.
24. Ícones: Usar ícones em seu estudo de caso UX realmente ajuda a, sim, tornar especialmente a parte escrita mais visual. Se olharmos para o layout que criamos em nossas folhas de papel, é realmente útil pensar sobre os diferentes tipos de áreas de texto que você deseja integrar e pensar se ícones apoiariam seu ponto lá. Isto é o que eu fiz aqui. Na verdade, ao longo do processo ,
eu criei, sim, três insights, e eu quero apoiar esses três insights com três ícones que eu preciso criar depois. Eu realmente não os criei para o projeto ou algo assim, então eu só vou projetá-los para o estudo de caso. No final, você pode ver o resultado final, e eu acho que vale a pena colocar alguns esforços na concepção de ícones. Porque imagine que o cenário sem os ícones, seria completamente diferente. Aqui, especialmente a combinação entre os textos, então escolher uma cor de destaque para os ícones, realmente torna a coisa toda muito mais visual e muito mais interessante para ver e ler na verdade. Se você não quiser projetar os ícones você mesmo, aqui estão alguns sites que eu posso recomendá-lo. Embora o meu favorito são definitivamente Material Design e Font Awesome, mas também plug-ins que você pode baixar para um Sketch, ou Figma, ou Adobe XD, qualquer software que você está usando,
e, em seguida, integrá-los diretamente do plug-in em seu em sua ferramenta de design. Definitivamente certifique-se de integrar alguns ícones em seu estudo de caso UX.
25. tipografia: A primeira coisa a fazer é que
você salve o nome. Na verdade,
o endereço do site. Para mim, eu realmente usei
patriciareiners.de ou.net. Eu usei meu primeiro e
meu sobrenome porque minha ideia era que, na verdade, se os clientes me procurarem, eles me acham. O que posso recomendar a você
é fazer exatamente o mesmo. Isso realmente faz sentido, se as pessoas quiserem
encontrá-lo, elas o encontrarão. Então, basta usar seu
nome e sobrenome. Depende um pouco se
você tiver arcos ou outros nomes pelos
quais você é conhecido, ou se você está
construindo uma agência, use esse nome. Mas considere isso muito
bem no começo antes de decidir
onde deseja hospedar isso. Onde hospedar seus estudos de caso de
UX e todo o seu portfólio de design? Essa é uma pergunta muito boa. Acho que para isso, é muito importante que
você tenha respondido ao seu objetivo. O que você realmente
quer alcançar com seus estudos de caso,
com seu portfólio? Você realmente
quer obter o cliente como designer freelance de UX/UI
ou quer
se apresentar online para obter slots de
oficina ou ser
convidado como palestrante, ou
talvez você esteja planejando fazer uma loja ou vender seus
próprios serviços online? Considere isso
no início, porque se você quiser se
concentrar em conseguir clientes
e ser visto on-line, posso recomendar algumas redes
sociais como o Behance, por exemplo, que é totalmente gratuito e ajuda você a
ser visto pelos clientes. Se você está planejando integrar coisas
diferentes, como elementos
diferentes, como uma
loja ou coisas assim, a melhor coisa provavelmente seria escolher algo
onde você possa integrar uma loja do
começando ou mesmo se você tiver a opção como o
WordPress, por exemplo. Vamos falar sobre as diferentes opções
neste vídeo, e também sobre os preços
e o que posso recomendar. Então você encontrará a ferramenta
certa para você. Vamos começar com o
primeiro, que é o WordPress. WordPress é uma função que cria todo o
site para você, então você não
precisa realmente como codificar. Embora se você
souber codificar, você pode ajustar tudo. Porque vem em temas, então sim, você pode ajustar
esses temas diferentes. Você também pode baixar plugins
e aplicativos diferentes. O que é realmente legal e útil
é que você pode baixar modelos
específicos e
usá-los apenas para carregar
seu conteúdo. Eu criei meu próprio site
nos dias, acho que há seis
anos com o WordPress. É muito fácil e super bom porque
você pode ajustar tudo e obter todos os complementos
baixando plugins. Você também tem uma boa
visão geral da análise para todos os diferentes
sites e é super fácil ajustar isso. Na verdade, é assim que meu
site fica no back-end. Quando eu quero ajustar ou
fazer algumas alterações de design, ele realmente se parece com isso. Muito facilmente
para eu mudar as coisas, ajustar meu portfólio
ou fazer upload de seus estudos de caso de experiência do usuário. Os modelos
geralmente são muito baratos. Eu paguei, acho que cerca de
50 dólares pelo meu, e já seis anos, já há
algum tempo. Mas eu acho que
ainda parece muito bom e você pode
ajustar tudo. Um provedor que resolve programas
muito legais é o Envato. Então você pode definitivamente
verificar isso. A coisa boa com o WordPress
é que você também pode integrar diferentes funções,
como uma loja, por exemplo, e você pode ajustar todo
o design e
personalizar quase tudo. Outra opção realmente boa é, na verdade, Squarespace,
squarespace.com, onde você pode escolher modelos
diferentes, designs
diferentes para o seu estudo de caso,
para o seu portfólio. Eles têm muitos
modelos em seu site. Você pode até começar encontrando o design perfeito ou o modelo perfeito para
o que quiser mostrar. Eles têm muita área de design
muito legal. É super fácil para
você encontrar isso. Basta conferir o site. O que é super útil, eu acho, é que você tem uma pesquisa, para que você possa realmente verificar
o que é seu site,
quais são seus objetivos,
o que você quer
fazer e essas coisas? É super útil
para você encontrar os modelos certos para você. Seu design é super bom. Então, no final, depois de escolher um modelo, você pode ajustar a
coisa toda de cores, fotografias, texto,
quase tudo. O bom com todos os modelos
do Squarespace, é que eles já estão
super bonitos. Do ponto de vista da experiência do usuário, eles são super bem feitos, o que eu acho que é útil porque você não precisa
de muito tempo e esforço para criar qualquer codificação ou
design que eles mesmos. O único ponto negativo é
que ele é muito caro, depende do plano que você
deseja obter mensalmente, anualmente ou qualquer
opção que você queira. São cerca de 10 dólares por mês, o que você precisa
considerar antes de conseguir isso porque é
um pagamento mensal. É um pagamento que
retorna todos os meses. Outra
opção muito semelhante é o Wix. Na verdade, existem mais
do que Squarespace e Wix, mas esses são realmente
os grandes. Wix é mais ou menos
como o Squarespace. O design é um pouco
diferente e é claro, um pouco mais barato. Você tem diferentes opções de
pagamento, que você pode ver aqui. Apenas certifique-se de que uma
das opções de pagamento realmente com anúncios para Wix. Pela minha recomendação, só
posso dizer que não integre nenhum anúncio para outra
coisa além do seu trabalho. Isso parece muito pouco profissional, então você pega o combo ou a opção ilimitada se quiser trabalhar
com o Wix aqui. Outra opção muito boa
é Behance, behance.com. É uma rede social para criativos, todos os
tipos de criativos. Fotografias, animadores,
cinegrafistas, quase todos também
UI/UX em design gráfico. É uma plataforma muito grande que funciona como uma
rede social também. É muito fácil
conectar-se uns com os outros e ser visto como um criativo. Além disso, é
totalmente gratuito, então tenha isso em mente. O que é realmente bom é
que é fácil para você encontrar inspiração também. Eles também têm histórias,
como histórias do Instagram de diferentes hashtags, onde
você pode vincular seu trabalho. Eles têm diferentes transmissões
ao vivo. Se você quiser aprender alguma coisa, você pode integrar seu próprio
perfil lá onde você pode fazer upload de seus estudos de
caso de UX e , em seguida, ele se parece com
isso. Você carrega seus
estudos de caso ali e você pode integrar os
diferentes elementos que projetamos em nosso layout. O que é realmente bom
aqui é que você tem essa opção de descoberta onde é claro,
você pode
descobrir outro trabalho. Mas aqui na área no topo, durante o grupo de interação, você pode encontrar todo
o trabalho que foi apresentado na seção de
interação. Muitos olhos realmente conseguem ver o trabalho
que foi apresentado lá. Para você, ser criativo, ser destaque no Behance é como a melhor coisa
que pode acontecer com você, porque muitos
clientes, o encontrarão. Muitos clientes também de empresas
maiores
estão procurando pelo Behance para encontrar criadores
para seu trabalho. Behance é a opção de regrade, especialmente se você quiser
se concentrar em seu trabalho, quer conseguir clientes,
quer ser visto , quer ficar conhecido
por estilos específicos e talvez até não
queira colocar muitos concentre-se ou trabalhe na criação de
seu próprio site, mas comece
com algumas coisas. Behance é uma ótima opção não só para o início, mas algo que está em andamento, e até mesmo além do seu site. Como você pode ver, eu
tenho um perfil do Behance, mas também tenho meu site, e honestamente
comecei com Behance, carregando meu trabalho lá para ter
algo lá fora, e guiar tudo as pessoas
através da minha página Behance, que é de graça. Também fiz muita
conexão através do Behance. Então, definitivamente, confira isso. Outra opção muito boa, especialmente se você tiver a
associação à Adobe Creative Cloud, é o Adobe Portfolio. É totalmente
gratuito e você pode facilmente vincular seu estudo de caso do
Behance, e assim todo o seu portfólio
Behance é um PDFs diferentes ou até mesmo fazer upload seus próprios estudos
de caso de UX completamente para grátis. Você tem modelos diferentes, você tem diferentes
opções de design para ajustar tudo. Então, esta é uma
ótima opção também. Você pode ver aqui
que eu
integroi automaticamente todo o meu
trabalho no Behance. Agora posso ajustar o que
realmente quero mostrar lá. Por exemplo, se eu
quiser apresentar algo para um trabalho específico, e só quero mostrar três estudos de caso
diferentes, posso fazer isso aqui com um link
especializado também, então isso funciona muito bem. Posso fazer todos os ajustes do
lado, desde opções de design, espaçamento, diferentes elementos de
navegação, até alguns modelos, que você pode ver aqui também. Como você pode ver muitos
modelos diferentes ou
simplesmente escolher o que realmente se encaixa melhor para você e especialmente, levar à
sua especialidade. Pode ser UI/UX. Como você pode ver, há um milhão de opções por aí onde você pode hospedar
seu portfólio. Depende muito de seus objetivos e do que você realmente quer alcançar com isso. Minha recomendação é realmente perguntar,
perguntar
a outros
criativos diferentes, amigos
ou colegas onde eles estão
hospedando seu portfólio, seus estudos de caso de UX e também perguntar por quê? Talvez você tenha alguns insights
interessantes sobre motivos específicos. Se você conseguir
codificar, você é livre para codificar seu próprio site e
realmente personalizar tudo. Mas certifique-se de que
isso é muito tempo, e especialmente se
você não é o programador profissional, é muito tempo e
esforço para
ajustar os estudos de caso. Porque pela minha experiência, estou ajustando meus estudos
de caso de tempos em tempos um pouco, ou quero adicionar algo, ou mesmo se eu quiser fazer
upload de um novo estudo de caso, é muito mais fácil se
você tem algum host, pode ser WordPress,
Squarespace, ou mesmo Behance. Outra coisa a
considerar é que, se você usar uma dessas
ferramentas que eu acabei de recomendar, você sempre terá alguns modelos. Você não é 100% livre para fazer o design
que realmente deseja. Se você tem algo
muito especial em mente e se não quiser
usar nenhum modelo, a única opção para você
é provavelmente apenas codificar mesmo ou pagar
alguém para codificá-lo. Embora isso seja
definitivamente mais caro e não tão prático
no uso diário. Vamos falar
sobre como fazer upload seus estudos de caso do Behance
no próximo vídeo.
26. Modelos: Vamos falar muito brevemente sobre maquetas. O que é realmente útil é se você estiver usando maquetes para seus visuais ou para realmente apresentar as telas, seus designs, as animações, ou as interações que você criou em maquetes reais. O bom é que há um milhão de recursos gratuitos lá fora on-line, que você pode apenas baixar, escolher,
e integrar o seu design e, em seguida, enviá-la tentou para o seu estudo de caso ex. Uma maquete realmente espera mostrar o seu design em ação. Isso pode ser uma imagem do dispositivo para o qual você
projetou ou alguém segurando um telefone e navegando pelo aplicativo, por exemplo. O que você pode fazer é você pode projetar dois, então maquetes PNG, mas também mock-up animado. Vamos falar sobre isso no próximo vídeo. Eu realmente integrou dois tipos de maquetes neste curso para que você possa baixá-los gratuitamente. Eles estão vindo com o curso. Um deles é para o Photoshop, onde você pode simplesmente integrar
seu design, suas telas que você projetou, é um modelo para iPhone. Sinta-se livre para baixar isso e deixe-me mostrar como eu realmente integrou a maquete do meu design. Onde você pode encontrar boas maquetes? Normalmente só procuro no Google o tipo de maquete que procuro. Este é um site muito, muito útil. Um monte de mock-ups gratuitos onde você pode procurar áreas específicas. Agora selecionamos o iPhone. Podemos ver todas as maquetes que estão disponíveis para algum plano de fundo do iPhone. Segundo site, ainda mais um monte de coisas diferentes, então você pode simplesmente escolher o que quiser. A maioria deles são realmente gratuitos, então você pode simplesmente baixá-los e não precisa pagar nada. Mesmo aquele que são versões pagas não são realmente caros. partir das minhas experiências é que realmente vale
a pena pagar alguma quantia de dinheiro, porque vamos olhar muito bom no final. Apenas certifique-se de que você está baixando um arquivo PSD, e não um JPEG, porque no arquivo PSD que será realmente fácil de integrar para o design. Vamos começar com a maquete que eu projetei para você, que realmente vem com o curso. Vou guiá-lo através deste único passo para criar sua própria simulação com seu próprio design. O primeiro passo é, na verdade, abrir o seu software de design, o que quer que você esteja usando, e você está indo para exportar a tela que será colocada em sua maquete. Super fácil. Você só vai selecionar a saída, clique em Exportar e, em seguida, exportar a tela. Em seguida,
você muda para o Photoshop e abre o arquivo de maquete. Em seguida, você pode ver os diferentes layouts utilizados, a iluminação e, em seguida, abaixo você tem as diferentes telas. Aqui você vai colocar seu design, o quadro, as sombras, eles são todos colocados em uma única camada. Você pode ajustar isso, ou vamos fazer isso depois que colocamos nosso projeto. Clique duas vezes no objeto Smart, e aqui você pode colocar seu design. Basta inserir seu design que acabamos de exportar do software de design. E você faz isso com arrastar e soltar. Basta escolher o arquivo e colocá-lo lá e , em seguida, ajustar o tamanho para que ele realmente se encaixa no quadro. Então o que é realmente importante é seguro. Comando S para salvar esses objetos inteligentes realmente importantes, coloque isso no lugar certo. Você também pode excluir os outros arquivos lá. Certifique-se de salvá-lo. Em seguida, volte para o seu modelo original PSD. Aqui você pode ver que ele foi colocado no arquivo de tela. Agora vamos fazer alguns ajustes aqui. Você pode ver o fundo e você pode escolher a colagem de fundo basta clicar duas vezes sobre ele e, em seguida, mudar a cor para qualquer cor que você quiser. Às vezes, o que eu realmente gosto é escolher uma cor que realmente se encaixa no design e apresentação na tela. Aqui, eu estou jogando um pouco ao redor procurando por cores diferentes que seria um bom ajuste, procurando algo laranja, mas não muito. Você pode brincar por aí, confira isso. O que você também pode fazer é mudar a cor do quadro, o quadro do iPhone, clique duas vezes sobre isso, você obtém todas as configurações e, em seguida, você tem a cor para a opção aqui e apenas mudar isso para qualquer cor que você preferir. Poderia ser preto, poderia ser prata, poderia ser algo colorido se você realmente quer promover as cores lá também. Use algum tipo de cor vermelha laranja também, que pode parecer realmente muito, muito legal. Basta brincar um pouco e escolher a cor perfeita para o seu design. Isto parece bom. Outra coisa que eu acho que é realmente útil ou bom saber é que você pode simplesmente copiar. Copie o desenho aqui. Apenas copie e cole. Em seguida, comande T e mova isso para o lado. Então você pode colocar suas telas diferentes. Você já terá duas telas. Apenas certifique-se de renomear o objeto inteligente. Se for o mesmo objeto, então você terá a mesma imagem, lá também. Mas se você renomear isso, você pode apenas mudar o design aqui também. Vamos voltar ao nosso arquivo de design ou design de outras semanas, exportar na tela pode ser este. Depois disso, vamos empregar TS1. Como eu disse, costumo fazer essa prova de arrastar e soltar. Apenas coloque aqui. Exatamente, e depois salve. Já está lá. Você pode fazer isso com quantas telas quiser. Basta copiar e colar toda a pasta do iPhone. Você tem opções diferentes agora para ajustar o design. Por exemplo, você pode remover o plano de fundo, salvá-lo no seu computador. Você já guardou isso como um PNG. Isso é muito útil, especialmente se você não tem um passado. Depois disso, você pode voltar para o arquivo do Adobe XD ou qualquer design que você esteja tendo. Apresentei todos esses modelos para você. Você pode simplesmente colocar seu design do PNG que você acabou de criar nessas etapas de layout único. Ajustar um pouco o tamanho. Quero um pouco maior. Então já está terminado. Vamos resumir isso bem brevemente. Quais são as conclusões através da criação de modelos de estudantes ou PNGs? Primeiro, exporte seus designs em PNG para que a tela projetada abra a maquete no Photoshop. Coloque seu design no objeto inteligente com o nome colocado sinal aqui, salve o objeto inteligente e faça outros ajustes desejados. Remova o plano de fundo, altere as cores do plano ou faça os ajustes desejados. Em seguida, exporte o modelo como um PNG e insira-o em seu layout, que você pode exportá-los e integrar em seu site.
27. Animações: Neste vídeo, vamos falar sobre animação, então como criar animações impressionantes para o seu estudo de caso de UX que estão prontos para fazer upload em seu estudo de caso do Behance ou mesmo em seu site. Aqui estão alguns exemplos e algumas maneiras de como você pode realmente fazer isso usando o modelo que eu criei para você. Este é o modelo, espero que você tenha baixado isso porque vamos usar isso para os diferentes GIFs e os vídeos que vamos criar agora. Vamos começar com o GIF e assim criar uma maquete animada. Primeiro, crie um vídeo com a animação. Vá para o modo de visualização em sua ferramenta de design Adobe XD, por exemplo ,
grave
isso, reproduza sua animação , pode ser um pequeno ou longo, realmente não importa, termine a gravação e salve onde quiser. Perfeito. Agora, vamos mudar para os nossos modelos. Abra o modelo que criei para você. Aqui podemos ver todas as pastas, todos os diferentes arquivos que estão integrados e também a composição que é chamada colocar o seu design aqui, abrir isso e depois colocar o seu vídeo dentro. Você pode ajustar o tamanho pelo Command S e ajustar a escala, ou fazer isso manualmente, clicando nos pequenos seletores nas bordas. Certifique-se de que ele está perfeitamente alinhado com as bordas. Perfeito, isso parece bom. Em seguida, volte para sua composição, e o que você pode ver aqui é que ela é automaticamente colocada
na perspectiva certa nessa área. Se você clicar na “Barra de espaço”, a animação é reproduzida, para que você possa ver toda a animação. Mas outra coisa que você precisa para ajustar o comprimento da composição. Usando esse pequeno seletor na parte superior, mova-o para o comprimento perfeito que você só exporta o tamanho necessário. Perfeito. Temos cerca de cinco segundos para a nossa animação, o que é perfeito. Na próxima etapa, vamos exportar isso. Também podemos fazer alguns ajustes, por exemplo, remover o fundo, alterar o plano de fundo em elementos gráficos específicos. Agora vamos clicar em “Exportar” e, em seguida, clicar no renderizador codificador. Eu realmente gosto de usar o Encoder Renderer, ele vem do seu Adobe Suite. Se você não tem isso, não se preocupe, você pode apenas renderizá-lo com seu sistema normal de renderização After Effects. Isso realmente importa para esse sistema. Mas o legal é com o codificador que você pode mover isso para MP4, então isso é realmente útil. Agora, precisamos esperar alguns segundos até que ele seja adicionado à linha aqui para o sinal de renderização e então nós podemos apenas renderizar clicando
no botão verde no lado superior esquerdo. Lá está ele. Agora podemos clicar em “Render” e, em seguida, ele renderiza automaticamente. Então temos um vídeo desta composição, criamos um After Effects. Isto parece bom. Apenas certifique-se de que temos H264 em nossas configurações aqui, e então podemos apenas começar por renderização. Você pode ver na parte inferior que ele está renderizando, É realmente muito, muito rápido e a qualidade é boa, então isso está funcionando bem. Ele economiza no lugar que você mostrou no início. - Sim. Quase terminado, então vamos exportar isso para o After Effects também. Vamos pegar essa animação quando a renderização estiver concluída e colocar isso no Photoshop. Vamos abrir o Photoshop novamente e colocar o vídeo lá dentro. Você pode ver que há uma linha do tempo na parte inferior, o que é realmente ótimo. A próxima etapa é que estamos usando isso para [inaudível] um GIF porque você pode fazer isso no Photoshop,
mas não no After Effects ou Premier. Então você precisa usar o Photoshop também. Você pode encontrar a função de exportação GIF e no topo vamos fazer isso em um segundo. Apenas certifique-se de que seu GIF não é muito longo, tudo menos de seis segundos é ótimo. Você pode clicar em “Exportar” e então você pode encontrá-lo aqui, basta clicar sobre isso. Você também pode usar o atalho se quiser, o que preferir. Na verdade, está um pouco escondido para exportar a função GIF. Mas se você sabe como, então é realmente muito fácil. Então, clique nisso, e depois disso, você também pode ajustar o tamanho. O nosso é realmente grande porque eu comecei com um tamanho muito grande. Então vamos fazer isso um pouco menor como 800-800 e certificar-nos de que é repetido. Agora, certifique-se de onde você quer salvar isso, o nome, e então clique em “Salvar”, e então ele será salvo automaticamente
no lugar onde você colocá-lo na verdade, então muito fácil. Então, no final, ficará assim. Então você clica e vê que é repetido o tempo todo. O segundo GIF é uma prancheta animada de sua plataforma de design. Poderia ser algo assim no estudo de caso Behance, onde você vê áreas animadas. Se você mover isso para sua área de trabalho, você verá que é um GIF, no tamanho perfeito do layout. Você o ajusta, você pode fazer o upload no seu site, mas também no Behance. Parece muito legal, certo? Vou te mostrar como você pode fazer isso no tamanho perfeito. Então, volte para o Adobe XD ou qualquer plataforma de design que você estiver usando. Para o Adobe XD, você pode clicar na prancheta e clicar em “Exportar”
e, em seguida, você pode exportá-la para o After Effects imediatamente. Então isso é realmente coisa muito legal. Ele abre no After Effects. Não se preocupe, parece que exportou o retângulo azul, mas na verdade exportou tudo. Então o que você pode fazer agora é criar um fundo sólido um branco, e exportá-lo aqui. Agora você vai integrar o design que fizemos antes. Pode colocar isso na área que quiser. Você também pode remover o retângulo azul. Isto era apenas um espaço reservado. Sinta-se livre para remover isso. Você pode ajustar o texto do lado, fazer o que quiser, ele ainda está no vetor, então você não pode ajustar o que quiser. Certifique-se de ajustar o tempo das composições, então cerca de cinco segundos e então faremos exatamente o mesmo novamente. Vamos renderizar isso no codificador de mídia e criar um vídeo primeiro. Depois disso, vamos colocar isso no After Effect também. Perfeito. Está feito agora, podemos clicar nele e depois colocar isso no After Effects como da última vez. Aí está, perfeito, parece ótimo. Agora vamos exportar exatamente como da última vez,
como o último GIF exportar essa pasta e, em seguida, criar um GIF também. Aqui está o GIF final exatamente pronto para carregar em seu estudo de caso do Behance. Se você tem vídeos mais longos, então confira os próximos vídeos porque lá vamos falar sobre como você pode criar vídeos mais longos, como você pode enviá-los e como você pode integrá-los em seu estudo de caso UX.
28. Vídeos: Onde você pode realmente integrar vídeos em seu estudo de caso de UX e onde isso realmente faz sentido? Vou mostrar-vos um exemplo do meu estudo de caso UX, onde integro um vídeo super curto dentro do estudo de caso. Este vídeo é sobre algum tipo de fluxo de usuário, algum tipo de conversa de usuário como uma conversa de Alexa, assistente
inteligente com o sistema. Porque é mais do que alguns segundos e a voz está integrada, eu não poderia simplesmente fazer upload de um GIF porque a voz de um GIF não está integrada, então eu precisava formar um vídeo, realmente animado que no After Effects e depois colocar isso no Vimeo, como você pode ver aqui e, em seguida, incorporou isso no meu estudo de caso UX. Como você pode ver aqui, ele é hospedado no Vimeo e incorporado super facilmente. Este é o estudo de caso que eu realmente gosto, eu acho que é super bonito, na verdade montado como uma história inteira. Adoro especialmente os vídeos que são integrados aqui. Especialmente este vídeo onde você pode ver o fluxo do usuário, então tudo o que já está animado, que já está integrado em seu design, foi apenas filmado, colocado em uma maquete, joga com fundo realmente agradável e, em seguida, carregado para o seu estudo de caso. Isso é realmente hospedado no YouTube, mas no final, é absolutamente sua decisão onde você hospeda seu trabalho e onde você faz o upload. Eu acho que isso é super útil para os clientes verem como as coisas estão realmente interagindo uns com os outros, como as transições estão funcionando. É muito mais visual do que apenas mostrar o fluxo do usuário. Especialmente no Behance ou em todos os seus estudos de caso, tudo o que é animado e realmente faz sentido, por isso fornece algum valor, é útil para o cliente entender isso, especialmente como no design de interação. Aqui você pode ver um filme de caso. Alguém desenhou um belo estojo explicando todo o produto. Isso é um pouco mais complicado, não só filmar a interação, mas animar as coisas no After Effects. Se você é um After Effects profissional, isso é provavelmente uma coisa boa, mas não é realmente
necessário, é mais agradável add-on. Como você pode ver aqui, eles adicionaram com algum drift e há onde a diferença entre esses dois. Os vídeos são para designs mais longos, vídeos mais longos. Agora, vou mostrar a vocês como estou projetando meus vídeos para meus estudos de caso com o After Effects e o Adobe XD. Animações ou gravações mais longas são perfeitas para vídeos e eu vou guiá-lo através desse passo a passo. A primeira coisa é realmente um projeto, então você abre o projeto que
deseja gravar e onde você realmente deseja mostrar o protótipo. Pode ser quase todos os softwares, estou usando o Adobe XD e aqui você pode ver
no modo protótipo que eu conectei coisas diferentes, por isso é interativo. Quando eu estou selecionando uma prancheta e clicando no pequeno ícone de reprodução aqui, eu recebo esta janela de visualização que eu posso gravar. Na verdade, a gravação funciona clicando nisso e ela grava automaticamente. Então agora tudo o que estou clicando é gravado. O que eu quero fazer agora é clicar no aplicativo e mostrar o fluxo básico de integração. A minha consulta, está bem. Então vamos voltar para a vista inicial, eu posso rolar um pouco e, em seguida, selecionar apenas um desses links aqui. Acho que vou voltar para a tela inicial. Perfeito, isso parece bom. Vou chamar esse fluxo de usuário coliving e salvar isso na minha área de trabalho. Eu posso fechar isso agora e, em seguida, ir para a minha ferramenta de software de vídeos. Eu realmente gosto do After Effect, então eu estou fazendo quase tudo com After Effects. Você também pode usar o Premiere ou o outro tipo de ferramenta de edição de vídeo que preferir. Como eu disse, eu realmente gosto do After Effects, mas você pode usar o que quiser. Agora, crie uma nova composição com os 1920, 1080 e cerca de 33 segundos. Clique em “Ok”, aqui está. Isso parece bom. Então a próxima coisa é realmente integrar todos os ativos que eu preciso. Eu já preparei o vídeo, mas isso não é suficiente. Eu também quero projetar um fundo muito agradável. Isto é o que eu já preparei. Eu criei uma prancheta, certifique-se de que é exatamente igual ao mesmo tamanho ou eu mudo de volta para o modo de design, certifique-se de que é exatamente o tamanho de design que você precisa. Em seguida, você pode apenas exportar isso, você nomeá-lo e, em seguida, exportar, selecioná-lo e, em seguida, você pode exportar isso. Então temos um bom passado para a maquete. No próximo passo, vou inserir todas as coisas que precisamos e então podemos começar com o design. Isto parece bom e depois vou inserir a maquete. Você tem a maquete em sua pasta também, então você pode usar isso se quiser. Eu vou mudar o tamanho um pouco para
que seja exatamente como eu quero que ele fique no final. Então deixe-me ver. Aqui está o vídeo, eu preciso ajustar o tamanho também. Isso já parece bom. Outra coisa que eu realmente gosto de fazer é, aqui, eu tenho a maquete, então é realmente acima. Aqui, você tem o pequeno símbolo de gelo para que você possa apenas torná-lo invisível, e isso é o que eu vou fazer agora muito rápido porque eu quero ter algumas bordas arredondadas,
e, portanto, que nós só precisamos mascarar isso. Certifique-se de que no topo você tem a maquete, então você tem o vídeo, e então você tem o fundo. Estamos passando por isso passo a passo. O que eu vou fazer é tornar a maquete visível, e depois selecionar o vídeo, basta inseri-lo. Eu vou escolher uma ferramenta de retângulo arredondado, e vou colocar isso acima do vídeo. Em seguida, com as pequenas setas que você tem no teclado, as setas para cima e para baixo, você pode ajustar os ângulos um pouco. Agora, fica maior. Perfeito. Sabemos que mascaramos isso. Se vemos agora a maquete acima, vemos que ela se encaixa perfeitamente nesse quadro. Isso parece bom. Perfeito. Outra coisa, então se jogarmos aqui, vamos ver que a coisa toda é interativa, e que toda a animação é realmente mostrada lá. Parece bem legal. Outra coisa que eu quero integrar aqui é que eu quero integrar algumas sombras. Parece que a maquete está um pouco flutuante. Eu vou selecionar o fluxo de usuário vivendo MP4, e então eu vou clicar na sombra, e então nós temos a sombra. Aqui, você tem o efeito e o painel de predefinições. Se você não tiver isso, clique em “Janela” e adicione o painel Efeito, e você pode usar a sombra suspensa, coloque isso no vídeo [inaudível]. Então, deste lado, você tem todos esses ajustes, e lá você pode jogar um pouco em torno de como você gosta disso. Isso já é muito, então essa é a distância que eu acabei de mudar. Então eu também quero mudar um pouco a suavidade, e então nós temos a opacidade. Eu reconheci a renderização. Isto parece bom. Perfeito. Primeiro quadro. Legal. O que podemos fazer agora é que temos realmente o corredor já está terminado, então podemos clicar em Arquivo, Exportar
e, em seguida, exportar para o Adobe Media Encoder Query. Você também pode ir para a consulta de renderização, mas eu realmente gosto do software codificador. Isso está incluído na sua Adobe Creative Suite, então você pode simplesmente usar isso. É super ótimo. Na verdade, se você quiser explorar algo para suas redes sociais, etc Eu posso altamente recomendar realmente verificar isso. Lá está ele. Eles já podem ver nossa animação. Podemos apenas verificar. Precisamos ter certeza de que é H264, e lá está. Depois que o vídeo é renderizado, você pode simplesmente carregá-lo no Vimeo ou no YouTube, o que você preferir. Eu honestamente prefiro o Vimeo, por isso é super fácil de carregá-lo, basta clicar no novo item de vídeo aqui e ele é carregado automaticamente e então você pode fazer alguns ajustes depois que ele é carregado. Primeiro, você pode alterar o título. Vamos usar esse fluxo de usuário co-viver. Perfeito. Em seguida, podemos adicionar uma descrição, podemos adicionar alguma outra tela de impressão, e ter algumas outras configurações aqui também. Vou guardar isso. Perfeito. Isso leva algum tempo até que tudo esteja pronto. Se quisermos incorporar que agora em nossa história Behance, estamos em consultas Hance, vamos clicar no “Modo de Compartilhamento” aqui. Na verdade, é em alemão, mas geralmente não. Agora, vamos clicar em “Compartilhar”, copiar o modo incorporado, e agora vamos voltar ao Behance. Aqui, clicamos em e “Incorporar mídia”. Vamos colar o código copiado lá. Clique em “Incorporar”. Então isso irá adicioná-lo automaticamente ao nosso estudo de caso. Aqui, você tem o vídeo. Aqui estão todos os “takeaways”. Certifique-se de fazer upload de seus vídeos em outra plataforma de vídeo, como poderia ser YouTube ou Vimeo. Certifique-se de que você tem espaço suficiente depende do tipo de configurações
que você realmente tem ou do tipo de perfil que você tem. Para o perfil gratuito, você pode fazer upload de 500MB por semana. Isso é absolutamente suficiente em um estudo de caso, pode ser até mesmo para você também. Certifique-se de que você está selecionando o tamanho certo, que é 1.920x1.080. Abra-o e pressione “Compartilhar”, selecione o tamanho fixo e digite 1920x1080. Selecione reprodução automática e loop. Desmarque todas as caixas de seleção de introdução, retratos, etc. Ele irá ocultar todos os elementos da miniatura de vídeo. No seu caso, isso é muito útil. Se você quiser incorporá-lo em seu estudo de caso do Behance, copie o código incorporado e cole-o usando Incorporar mídia no Behance, e você está pronto para ir.
29. Onde hospedar seu estudo de caso: A primeira coisa a fazer é que você
salva seu nome de domínio,
então, na verdade, seja o endereço
do site. Para mim, eu realmente usei
patriciarainas.de ou.net. Eu usei meu primeiro e meu sobrenome porque minha ideia era que,
na verdade, se os clientes
me procurarem, eles me acham. O que posso recomendar a você
é fazer exatamente o mesmo. Isso realmente faz sentido. Se as pessoas quiserem
encontrá-lo, elas o encontrarão, então use seu
primeiro e sobrenome. Depende como um
pouco se você tiver algum tipo de arco ou algum outro nome
onde você é conhecido por ele ou se você está
construindo uma agência, então use esse nome, mas
considere que evoluir no
começo antes decidir onde
deseja hospedar isso. Onde hospedar seus estudos de caso de
UX e todo o seu portfólio de design? Essa é uma pergunta muito boa. Acho que para isso, é muito importante que você tenha
respondido aos seus objetivos. O que você realmente
quer alcançar com seus estudos de caso,
com seu portfólio? Você realmente
quer obter o cliente como designer
de UI de UX freelancer
ou quer
se apresentar on-line para obter slots de
oficina ou ser
convidado como palestrante, ou talvez até mesmo planejando faça uma loja ou venda
seus serviços on-line. Considere isso
no início, porque se você quiser se
concentrar em conseguir clientes
e ser visto on-line, posso recomendar
alguma rede social como Behance, por exemplo, que é completamente grátis e ajuda você a
ser visto pelos clientes. Se você está planejando integrar coisas
diferentes, como elementos
diferentes, como uma
loja ou se coisas assim, a melhor coisa provavelmente seria escolher algo
onde você possa integrar uma loja do
começando ou mesmo se você tiver a opção como o
WordPress, por exemplo. Vamos falar sobre
as diferentes opções
neste vídeo e também sobre
os preços e o que
posso recomendar, que você encontre a ferramenta
certa para você. Vamos começar com o primeiro
idioma que é o WordPress. WordPress é alguma função que cria todo o
site para você. Você realmente não
precisa como codificar. Embora se você
souber codificar, você pode ajustar tudo
porque ele vem em temas. Você pode ajustar esses temas
diferentes. Você também pode baixar plugins
e aplicativos diferentes. O que é realmente legal e útil
é que você pode baixar modelos
específicos e
usá-los apenas para carregar
seu conteúdo. Eu criei meu próprio site
nos dias, acho que há seis
anos com o WordPress. É muito fácil e super
bom porque você pode ajustar tudo e obter
todos os complementos baixando plugins. Você também tem uma boa
visão geral da análise para todos os diferentes
sites e é super fácil ajustar isso. Na verdade, é assim que meu
site fica no back-end. Quando eu quero ajustar ou
fazer algumas alterações de design, ele realmente se parece com isso. Muito facilmente para
eu mudar as coisas ou
apenas meu portfólio ou fazer upload de
seus estudos de caso de UX. Os modelos
geralmente são muito baratos. Eu paguei, acho que cerca de
50 dólares pelo meu. Eles já têm seis
anos já há algum tempo, mas acho que
ainda parece muito bom e você pode
ajustar tudo. Um provedor que vende programas muito
legais é o Envato, então você pode definitivamente
verificar isso. A coisa boa com o WordPress
é que você também pode integrar diferentes funções,
como uma loja, por exemplo, e você pode ajustar todo
o design e
personalizar quase tudo. Outra
opção realmente boa é, na verdade , Squarespace.com, onde você pode escolher modelos
diferentes, designs
diferentes
para o seu estudo de caso, para o seu portfólio que para o seu portfólio que
muitos modelos
em seu site. Você pode até começar encontrando o design perfeito ou o modelo perfeito para
o que quiser mostrar. Eles têm muita área de design
muito legal. É super fácil para
você encontrar isso. Basta conferir o site. O que é super útil,
acho que você
tem alguma pesquisa. Você pode verificar novamente o que
é o seu lado,
quais são seus objetivos,
o que você quer fazer e essas coisas. Super útil para você encontrar os modelos certos para você. Seu design é super bom
e, no final, depois de escolher um modelo, você pode ajustar a coisa toda. De cores
a fotografias , texto, quase tudo. O bom com todos os modelos
do Squarespace, é que todos eles já
parecem super bonitos. Do ponto de vista da experiência do usuário,
eles estão super bem feitos, que eu acho que é útil porque você não precisa
de muito tempo e esforço para realmente
criar qualquer codificação ou
design, mas eles mesmos. O único ponto negativo é
que ele é muito caro, depende do plano que você
deseja obter mensalmente, anualmente ou qualquer
opção que você queira. É redondo como 10
dólares por mês, o que você precisa
considerar antes de conseguir isso porque é
um pagamento mensal. É um pagamento que
retorna todos os meses. Outra
opção muito semelhante é o Wix. Na verdade, existem mais
do que Squarespace e Wix, mas esses são realmente
os grandes. Wix é mais ou menos
como o Squarespace. O design é um pouco
diferente e é claro, um pouco mais barato. Você tem diferentes opções de
pagamento, que você pode ver aqui. Apenas certifique-se de que uma
das opções de pagamento realmente com anúncios por semanas. Pela minha recomendação, só
posso dizer que não integre nenhum anúncio para outra
coisa além do seu trabalho. Isso parece muito pouco profissional. Ou pega uma opção combinada ou ilimitada se você
quiser trabalhar com o Wix aqui. Outra boa opção é
Behance, Behance.com. É uma rede social
para todos os criativos. Fotografias, animadores,
cinegrafistas, quase todos também UI
UX em design gráfico. É uma plataforma muito grande que funciona como
rede social também. É muito fácil
conectar-se uns com os outros e ser visto como um criativo. Além disso, é
totalmente gratuito. Tenha isso em mente. O que é realmente bom é que é
fácil para você encontrar inspiração também. Eles também têm histórias. Como histórias do Instagram de diferentes hashtags, onde
você pode vincular seu trabalho. Eles têm transmissões ao vivo diferentes. Se você quiser aprender alguma coisa, você pode integrar seu próprio
perfil lá onde você pode fazer upload de seus estudos de
caso de UX e , em seguida, ele se parece com
isso. Você carrega seus estudos de caso
lá e você pode integrar os diferentes
elementos que
projetamos em nosso layout. O que é realmente bom
aqui é que você tem essa opção de descoberta onde é claro,
você pode
descobrir outro trabalho. Mas aqui na área no topo, durante o grupo de interação, você pode encontrar todo
o trabalho que foi apresentado na seção de
interação. Muitos olhos realmente conseguem ver o trabalho
que foi apresentado lá. Para você, ser criativo, ser destaque no Behance é como a melhor coisa,
o que pode acontecer com você. Porque muitos clientes
realmente o encontram. Muitos clientes também de empresas
maiores
estão procurando pelo Behance para encontrar criadores
para seu trabalho. Behance é uma
ótima opção, especialmente se você quiser se
concentrar em seu trabalho, quer conseguir clientes,
quer ser visto, um para ficar conhecido por estilos
específicos, e talvez até não
queira colocar um foco ou trabalho na criação de
seu próprio site, mas começar
com algo. Behance é uma ótima opção não só para o início, mas algo que está em andamento, e até mesmo além do seu site. Como você pode ver, eu
tenho um perfil do Behance, mas também tenho meu site e honestamente, comecei
com o Behance carregando meu trabalho
lá para ter algo lá
fora e guiar todos os pessoas através da
minha página Behance, que é de graça. Também fiz muita
conexão através do Behance. Definitivamente confira isso. Outra opção muito boa, especialmente se você tiver a
associação à Adobe Creative Cloud é o AdobePortfolio. É totalmente
gratuito e você pode
facilmente vincular seu estudo de caso
Behance. Todo o seu portfólio Behance
ou PDFs diferentes ou até mesmo carregue seus próprios estudos de
caso de UX lá
completamente gratuitamente. Você tem modelos diferentes, você tem diferentes
opções de design para ajustar tudo. Essa é uma
ótima opção também. Você pode ver aqui
que ele
integrou automaticamente todo o meu
trabalho no Behance, para que agora eu possa ajustar o que eu
realmente queria mostrar lá. Por exemplo, se eu quiser
apresentar algo para um trabalho específico e
só quero mostrar três estudos de caso
diferentes, posso fazer isso aqui, mas para
link especializado também. Isso funciona muito bem. Posso fazer todos os ajustes
do lado , desde
opções de design até espaçamento, para diferentes elementos de
navegação, até alguns modelos que
você pode ver aqui também. Você pode ver muitos modelos
diferentes ou simplesmente
escolher o que realmente se encaixa melhor para você e, especialmente,
levar à sua especialidade, pode ser como UI/UX [inaudível]. Como você pode ver, existem um milhão de opções por aí onde você pode hospedar
seu portfólio. Depende muito de seus objetivos e do que você realmente quer alcançar com isso. Minha recomendação é
realmente perguntar ao redor, perguntar a outros
criativos ou amigos ou colegas onde eles estão
hospedando seu portfólio, seus estudos de caso de UX
e também perguntar por que talvez você obtenha alguns insights
interessantes sobre motivos específicos. Se você conseguir
codificar, você é livre para codificar seu próprio site e
realmente personalizar tudo. Mas certifique-se de que
isso seja muito tempo. Especialmente se você
não é o programador profissional, é muito tempo e esforço para
ajustar estudos de caso. Porque pela minha experiência, estou ajustando meus estudos
de caso de tempos em tempos um pouco, ou quero adicionar algo, ou mesmo se eu quiser fazer
upload de um novo estudo de caso, é muito mais fácil se
você tem algum host, seria WordPress ou
Squarespace ou mesmo Behance. Outra coisa a
considerar é que, se você usar uma dessas
ferramentas que eu acabei de recomendar, você sempre terá alguns modelos. Você não é 100% livre para fazer o design
que realmente deseja. Se você tem algo
muito especial em mente e se não quiser
usar nenhum modelo, a única opção para você
é provavelmente apenas codificar mesmo ou pagar
alguém para codificá-lo. Embora isso seja
definitivamente mais caro e não tão prático
no uso diário. Vamos falar
sobre como fazer upload seus estudos de caso do Behance
no próximo vídeo.
30. Behance: Já falei sobre o Behance, que é uma ótima plataforma para os criativos fazerem upload de seu trabalho e serem vistos pelos clientes. A coisa boa a considerar sempre se você carregar em algum tipo
de rede social como o Behance é que você seria visto por muitas, muitas pessoas; não apenas criativos, mas também clientes ou pessoas que podem recrutá-lo para uma posição de tempo integral. O que é importante, se você carregar seu trabalho no Behance, todas essas redes sociais para criativos, é que você compartilhe seu trabalho de uma maneira específica. A melhor coisa que pode realmente acontecer com você se você estiver carregando seu trabalho no Behance é obter destaque. Você pode ser destaque em diferentes categorias, pode ser Interaction ou Adobe XD, se estiver usando o Adobe XD como sua plataforma de design. Vou falar com você sobre o que é realmente importante se você quiser se destacar, porque existem algumas dicas e truques para se destacar um pouco mais facilmente, e isso lhe dá um monte de uso e ajuda você a obter o seu trabalho visto por muitos, muitos criadores. Minha primeira dica é, na verdade, não carregar um PNG semelhante com todas as etapas diferentes do processo de design, mas carregar diferentes etapas, ou PNGs diferentes, ou animações diferentes. O que funciona muito bem geralmente é na verdade uma combinação de animação, então GIFs e visuais também, e colocar algumas animações. Os visuais podem ser GIFs ou algo que é animado nas interações entre os outros slides. Isso realmente ajuda você a se destacar e ser visto por mais pessoas. Aqui está um exemplo e o que você pode ver aqui é que eu fiz upload de várias pranchetas individuais. Alguns são animados, então GIFs, especialmente para a tipografia ou animações minúsculas e outros ainda estão com apenas informações. Eu também integrou alguns vídeos para animações mais longas. Pela minha experiência pessoal, isso é realmente o melhor que você pode fazer para ser destaque também. Falamos sobre os diferentes médiuns. Certifique-se de que você sempre mistura entre animação e imagens e integre isso onde você está em sua estrutura. Dê uma olhada na estrutura também. Na verdade, foi assim que eu desenhei isso. Eu realmente fiz isso no Adobe XD, e o que você pode ver aqui são tantas pranchetas individuais. Projetei todos em pranchetas individuais e os enviei separadamente. Claro, eu animei todos os GIFs, todas as animações no After Effects ou Premiere, e depois carreguei-os através do Vimeo, ou GIFs normais. Como você pode integrar vídeos agora? Na verdade, é bem simples. Depois de carregá-los no Vimeo, clique neste pequeno sinal de incorporação aqui, então você clica em “Copiar”. Copia todo o código e volta para Behance. Quando você estiver criando seus estudos de caso do Behance, você pode clicar em mídia incorporada
e, em seguida, basta colar as coisas que você copiou e salvar isso. Então isso, é carregado automaticamente para o seu estudo de caso. Se você clicar no botão Play, poderá ver o vídeo
que acabamos de criar com o After Effects e o Adobe XD. Isso funciona muito bem, tem o tamanho perfeito,
e já está integrado no seu estudo de caso. Algumas outras coisas que são importantes para saber, você também precisa de uma imagem de capa que realmente se destaca. Você pode carregá-lo aqui muito facilmente. Se você carregar todas as etapas individuais, clique em “Capa” e, em seguida, verá que tipo de capa você pode carregar. Aqui estão alguns exemplos, que você pode ver que eles são realmente coloridos. Eles estão realmente tentando chamar a atenção, e eles parecem muito diferentes. Muitos se parecem com alguma simulação onde você pode ver o que o produto é sobre. Alguns são um pouco mais simples. Certifique-se de que essas imagens de capa estão realmente estourando, porque caso contrário você não se destacaria. Aqui estão mais alguns exemplos, então por favor verifique isso também. Você também pode encontrar um exemplo de prancheta para a imagem da capa, ou você pode simplesmente usá-lo com o tamanho perfeito. Em seguida, crie um design, carregue-o no seu estudo de caso do Behance. A próxima coisa muito importante são as configurações. Certifique-se de selecionar a área. Para mim, é UX/UI. A interação também pode ser realidade virtual, então certifique-se de selecionar o caminho certo, é realmente importante. Selecione um software. Se você escolher o Adobe XD aqui, você tem a possibilidade de aparecer duas vezes: Interaction e Adobe XD. Certifique-se de integrar um texto realmente bom que é realmente otimizado para isso. Integre hashtags para que seja mais fácil para as pessoas encontrarem seu trabalho também. Quais são os “takeaways “aqui? Se você quiser criar um Behance [inaudível], aqui estão minhas dicas. Primeiro, escolha o tamanho perfeito embora pareça realmente nítido, mas não é muito grande e não precisa de idade para carregar. Perfeito é 1.400, e então o tamanho é, é claro, o que você precisa. Em seguida, divida-o em prancheta diferente. Certifique-se de que você está dividindo a prancheta em diferentes pranchetas menores e carregue-as separadamente. Então, minha dica número três é integrar um monte de animações, animações
menores como um GIFs e animação mais longa como vídeos através do Vimeo. Além disso, integrar hashtags e uma descrição
muito, muito boa para o projeto, isso ajuda a ser encontrado. Além disso, certifique-se de nomear as ferramentas da Adobe que você usa, pois isso ajudará você a se destacar na plataforma de ferramentas também, portanto, para UX, por exemplo ,
não apenas Interaction, mas também na plataforma Adobe XD.
31. Sobre: A área sobre é algo que você deve incluir em cada portfólio ou em seu site também. Isso ajuda você a falar um pouco sobre si mesmo e o que o torna único como designer. Lá você pode ver minha área sobre onde eu estou falando super brevemente sobre minha personalidade e o que me torna único e lá você pode ver meus canais sociais e um pouco sobre imprensa e mídia. O que é realmente importante é mostrar o que faz você único e mostrar sua personalidade, não tenha medo de realmente mostrar quem você é. Também fale sobre passatempos ou histórias ou algo que realmente tenha em mente. Também não se esqueça de integrar suas redes sociais, mas somente se elas forem profissionais, então não suas pessoais, isso é muito importante. O que você deve integrar? Primeiro, escreva o texto em seu estilo, isso ajuda a criar simpatia e confiança e atrair os clientes que você está procurando. Em segundo lugar, inclua um apelo à ação. Se seus clientes querem saber mais sobre você, eles realmente querem trabalhar com você, então poderia ser uma chamada à ação como, por favor, ligue para mim, ou por favor me escreva um e-mail, ou deixe-me saber se você precisa de suporte com que, então definitivamente integrar uma chamada à ação se você sabe o que esta chamada à ação é. Explique aos seus clientes por que você é interessante para eles. Mantenha a perspectiva do seu cliente e não anote nenhum fato não-informante. Tenha em mente que a página sobre mim foi projetada para que seus clientes possam conhecê-lo melhor e desenvolver um relacionamento com você, isso cria confiança e espero alguma cooperação. Na sua worksheet, você pode encontrar uma área com algumas informações úteis sobre o que integrar e o que é realmente útil. Claro, seu nome e uma fotografia se você se sentir confortável com isso, seu papel e também as escolas que você está tendo e abaixo você pode ver alguns no exemplo. Mas certifique-se de que isso é muito original e não copie algo de outros designers, essa é a razão pela qual eu não mostro nenhum exemplo aqui. Certifique-se de que você realmente mostrar sua personalidade e torná-lo um texto muito único sobre isso.
32. Mídias sociais: Vivemos num mundo onde tudo acontece online. A maioria de nós já está representada em redes
sociais como Dribbble ou Behance ou Instagram ou Twitter. O que é realmente útil é pensar estrategicamente sobre a forma como você se apresenta nas redes sociais. Se você está postando algo em uma rede social ou fazendo upload de um novo estudo de caso, a única coisa que é realmente importante considerar é que você espalha a palavra em diferentes canais sociais e orienta todos através de seu novo estudo de caso de UX, Pode estar em todos os lugares. Certifique-se de que você cria conteúdo para todas as redes sociais, bem como para realmente espalhar palavra sobre
o seu estudo de caso UX. Vamos falar neste vídeo sobre como realmente fazer isso. Vamos passar pelas diferentes redes sociais, e falar um pouco sobre minhas lições aprendidas ou coisas que posso recomendar para você. Vamos começar com o primeiro que é Dribbble. Dribbble é uma plataforma para projetos de trabalho e processo, que você
possa fazer upload de partes específicas do seu estudo de caso de UX, pode ser uma maquete, pode ser visual ou coisas assim. O que é importante saber aqui? Você pode ver que aqui está um grande foco na parte visual. Se você é um designer
visual, designer de interface visual, esta é a plataforma certa para você. Como você pode ver aqui, maioria dos desenhos são realmente animados. Você os carrega como um GIF e você realmente apresenta a animação, a interação que você criou. Isso é realmente importante de entender antes de você realmente publicar seu projeto lá. Aqui está também uma barra de pesquisa na parte superior. Você pode apenas procurar por elementos específicos. Isso pode ser site em uma página ou o que você está procurando, e então você vê todos esses projetos. É uma plataforma realmente boa para inspiração de muitos designers. Eles estão constantemente fazendo especialmente o trabalho de coisas de inspiração para um elementos de design específicos. É provável que você também encontre seus projetos lá,
e verificando essas linhas e seja guiado por todo o seu estudo de caso. Aqui está realmente o meu lado, como você pode ver, eu enviei muitos projetos para diferentes estudos de caso UX. Este é um que eu adicionei um design. O que você pode ver aqui é que eu incluí o link para meus estudos de caso Behance lá na parte inferior. As pessoas podem verificar isso e ser guiadas por aquela área. Você também pode fazer upload de seus designs M realmente facilmente através do Dribbble. O que é realmente importante ter em mente é que você precisa de uma proporção específica que é de três a quatro. A melhor coisa é fazer upload disso como um GIF. Porque isso é animado, você tem muito mais visualizações. Na verdade, se você animar isso e carregar isso como um GIF. Se você tem uma conta pro, você também pode fazer upload de vídeos, então MP4s e qualidades superiores, mas da minha experiência você realmente não precisa disso. Como podemos criar conteúdo do nosso estudo de caso UX para Dribbble? A melhor coisa que você pode fazer é reutilizar as coisas que você já criou para seu estudo de caso para redes sociais, especialmente tudo o que é animado e em movimento. Se olharmos nos vídeos que criamos para o estudo de caso UX, e podemos usar essas coisas para redes sociais também. Vamos dar uma olhada no vídeo que criamos. Vamos criar um para Dribbble agora. Vamos apenas clicar aqui neste pequeno sinal para adicionar uma nova composição. A largura deve ser 1.600 e a altura é 1.200, perfeito para Dribbble. A taxa de quadros em 25 está bem e depois 32, perfeito. Agora vamos renomear que chamado Dribbble_userFlow. Agora vamos inserir o fluxo de usuário de vídeo na nova composição para Dribbble. Mas você pode ver aqui que ele realmente não se encaixa perfeitamente, mas que não é um problema, nós vamos ajustar isso um pouquinho para que ele se encaixe. Como é que parece? - Legal. A única coisa que precisamos ter em mente é que vamos criar um GIF e isso deve demorar mais de seis segundos. A melhor coisa em que podemos fazer é focar em uma área e só mostrar essa em ação. O que eu acho realmente interessante é especialmente esta parte em que estamos na tela inicial, e então clique na pequena área de eventos e então podemos ver o [inaudível] em ação. Acho que isto é muito fixe. Com essa coisinha dessa coisa de quadro eu
vou selecionar essas coisas que serão renderizadas. Esta será a última parte aqui e como você pode ver, é um pouco demais, então assim. Agora vou clicar em Arquivo Exportar e, em seguida, adicionar à Fila de Encoder de Mídia. Vamos exportar isso agora. Aqui está, e então vamos arrastar e soltar isso no Photoshop e abri-lo no Photoshop, perfeitamente. Isso parece bom e vemos que a linha do tempo aqui apareceu o que é realmente bom. Agora podemos clicar em Arquivo Exportar e, em seguida, Salvar para Web. É disso que precisaremos. Precisamos guardar isso para a web como um GIF. Esta é, na verdade, a única possibilidade de salvar GIFs de efeitos secundários, então você sempre precisa passar pelo Photoshop. Um pouco complicado, isso é verdade, mas se você sabe como isso funciona, então não é um grande negócio. Às vezes leva algum tempo e lá está. O tamanho parece bom, para sempre perfeito, vamos clicar em Salvar. Agora ele é carregado no Dribbble, como você pode ver aqui. Você pode ajustar a descrição poderia ser como coliving
aplicativo e, em seguida, você também pode adicionar ajustes, oops, aplicativo. O que realmente se encaixa poderia ser também design mínimo, conceito de
aplicativo, o que você pode adicionar descrição eo que eu realmente
posso recomendar é sempre incluir o link. Confira o estudo de caso do Behance. Isto é o que eu costumo fazer e depois vou publicá-lo aqui. Lá vai você. Descrições, vamos ao Instagram. É uma plataforma muito boa para as pessoas porque muitos designers estão lá fora. Eles querem aprender, eles querem alguma inspiração. É realmente um bom lugar para postar seus projetos lá também, especialmente estudos de caso. Um super interessante para as pessoas se você apresentar o processo. Isto é várias vezes de alguns do meu projeto que eu desenho para clientes, mas também para alguns projetos pessoais e eu vou mostrar-lhe como eu realmente fiz isso. Este é o projeto coliving que eu comecei com uma citação e então eu passei por todo
o conceito muito rápido com todos os diferentes estágios nos processos. Também integrou alguns vídeos e também um movimento de chamada à ação. Por favor, confira todo o estudo de caso no Behance, que é realmente importante para orientar as pessoas do artista, a cultura realmente verificar todo o estudo de caso em Behance. Eu fiz isso para outro projeto também, muito semelhante, esboços e wireframes um pouco sobre os testes. Mas como você pode ver, não
é tanto em profundidade. É muito sobre explicar os estágios que passei, mas não em profundidade. Em profundidade é tudo o que podemos encontrar sobre Behance. O que você pode fazer sempre é verificar e orientar as pessoas através da página Behance, provar suas histórias. Por exemplo, como você pode realmente carregar ou deslizar uma postagem que é super fácil. Basta fazer elementos únicos, exportá-los. Em seguida, você pode clicar naquela pequena coisa lá
no topo e selecionar todos os elementos que você deseja integrar. Você pode ver os números 1, 2, 3 e essa é na verdade a ordem. Como você pode ver, eu estou selecionando todos os diferentes elementos que eu quero integrar no meu post aqui. Posso enviar mais até 10 e aqui você já pode deslizar, você pode fazer algumas alterações, e agora fazer upload disso. Certifique-se de adicionar uma boa descrição e certifique-se de adicionar
algumas realmente boas hashtags pendentes alguns maior, alguns menores, talvez UX. Isto era sobre mobilidade. Coisas como estudo de caso, UX e essas áreas específicas dependem muito do seu projeto. Certifique-se de verificar isso, e também pode adicionar pessoas, por exemplo. Se você enviar isso no Behance, e sim, e isso é realmente útil, eu também acho. Uma dica profissional é escrever um artigo médio sobre o tema. Normalmente, para cada estudo de caso que estou fazendo, eu também estou escrevendo um pequeno artigo médio que é super importante para os clientes, especialmente se você colocar um monte de formulários na parte visual. Você fez muita pesquisa e teve alguns insights realmente interessantes. Você terá alguns problemas realmente mostrando isso em um estudo de caso porque as pessoas não lêem um monte de texto. Mas colocar isso em um estudo de caso é super útil para as pessoas realmente entenderem que você está pensando muito sobre isso, que você teve um monte de lições aprendidas. Certifique-se de vincular seu estudo de caso abaixo para que as pessoas possam conferir o estudo de caso abaixo do seu artigo médio. Não precisa ser longo, todo
o artigo, mas, sim. Há um símbolo para o LinkedIn porque muitos de seus clientes estarão no LinkedIn. O LinkedIn é uma plataforma muito boa para redes. Certifique-se de integrar o seu trabalho na parte superior do seu perfil e você pode ver o meu. O que eu fiz foi integrar todas as coisas mais importantes sobre mim, alguns vídeos que estou fazendo, alguns estudos de caso UX que eu estava trabalhando em
alguns artigos na parte superior do meu perfil do LinkedIn. Você pode simplesmente integrá-lo lá, catalisar o sinal de suplemento e incorporar com o link. Também certifique-se de escrever um pequeno post sobre isso,
compartilhar o que é tudo sobre e para orientar as pessoas
do LinkedIn através de seu estudo de caso do Behance ou para o seu site também. Eu acho que isso é realmente importante para fazer isso como muitas pessoas vêem isso e são capazes de compartilhar isso, porque há outras pessoas no LinkedIn principalmente clientes que provavelmente irão contratar você. Twitter é um pouco diferente. Da minha experiência, o que funciona bem é apresentar um realmente legal em ação, algo um pouco mais sobre tecnologia, colocar também alguns testes de aprendizagem, algo que é um pouco controverso
vai ser retweetado e fica um monte de olhos nisso. Certifique-se de vincular o estudo de caso Behance também. Poderia ser quase tudo apenas certifique-se de que é um pouco controverso e interessante para as pessoas para verificar
para fora para ver e que ele começa algumas conversas legais sobre o tema. Espero que isso tenha sido útil.
33. Últimas palavras: Estamos quase no fim desta aula. Mas aqui estão algumas últimas dicas e truques para mim, que me ajudou a conseguir tantos clientes e ser visto por tantas pessoas. Minha dica e recomendação número 1 é, além de realmente se apresentar nas redes sociais, é fazer networking. Rede na vida real onde você conhece pessoas na vida real. Construa relacionamentos valiosos entre você, diferentes povos e clientes. Porque o que o ajudará no final é se as pessoas realmente o recomendarem para trabalhos ou saberem o que você está fazendo e conseguirem quando precisarem de ajuda e apoio em sua equipe. Como pode fazer isso agora? Minha recomendação é conferir encontros e eventos em sua cidade. Há um ótimo site chamado meetup.com. Lá você pode encontrar todos os encontros. Tenho sede em Berlim, e em Berlim geralmente
temos cerca de um ou dois encontros de design todos os dias. Você pode ir lá, você pode fazer perguntas, você pode conversar com as pessoas, falar sobre o que você está fazendo, o que você está procurando, o que você está procurando, e então nós recomeçamos a construir relacionamentos porque Essas pessoas vão voltar para você se precisarem da sua ajuda, se precisarem do seu apoio. Sempre certifique-se de adicionar essas pessoas no LinkedIn e acompanhar com algum tipo de uma boa mensagem ou conversa de acompanhamento, também pode ser uma pergunta. A segunda coisa é, se você está interessado em algo, uma área específica, um ponto de vista específico onde você quer aprender mais, não tenha medo de chegar a pessoas que já são muito profissionais ou que são melhor nessas áreas. Não tenha medo de apenas enviar-lhes uma mensagem e perguntar-lhes se não seria feliz para saltar em uma chamada ou você pode
convidá-los para um café ou algo assim e fazer-lhes algumas perguntas. Fiz isso várias vezes, especialmente quando comecei minha carreira. Embora no início tenha sido assustador, isso me ajudou muito a construir relacionamentos valiosos e começar conversas sobre tópicos específicos em que estou interessado e eu queria melhorar. Pessoal, estou
super feliz que gostem de terminar este curso. Absolutamente incrível, realmente ótimo trabalho. Mal posso esperar para ver seus estudos de caso. Sinta-se livre para publicá-los nesta aula ou até mesmo enviá-los para mim. Estou super feliz em vê-los. Realmente ansioso para ver seus resultados lá, e você pode estar super orgulhoso de si mesmo que você passou por este curso. Aprenda todas essas coisas e sinta-se livre para usar os recursos que eu enviar para você e você tem perguntas, sinta-se livre para chegar a mim. Muito obrigada.