Transcrições
1. Olá! : O portfólio de um designer pode ser sua ferramenta número um
para conseguir empregos e mostrar o
trabalho que ele realizou ao longo de toda a
carreira Sabemos a importância
desse portfólio de design. No entanto, pode ser
muito fácil negligenciá-los. Sou Carolyn, designer sênior de
UX UI, que definitivamente
teve muitas
dificuldades para manter meu portfólio
atualizado Depois de fazer muitas aulas de
design, participar de workshops de portfólio e conversar
com diretores de
design nos últimos anos, aprendi algumas dicas
muito úteis que estou entusiasmado em compartilhar
com vocês nesta aula. Nesta aula,
ajudarei você a transformar um de seus projetos de design um estudo de caso envolvente
para seu portfólio Depois de aprender a traduzir seus projetos em estudos de caso, você poderá preencher
seu portfólio com vários exemplos de como
você é um designer incrível. Enquanto trabalha em seu projeto de estudo de
caso, você aprenderá como promover a
si mesmo e seu trabalho, como ilustrar
seu processo de design e como falar sobre seu trabalho de design
por meio de contar histórias Esta aula é principalmente para designers de
UX UI que têm uma variedade de trabalhos que
desejam mostrar em um portfólio Ao final desta aula, você terá um estudo de caso
envolvente para adicionar ao seu portfólio, que realmente mostre suas habilidades e sua identidade como designer Vamos começar.
2. PROJETO DO CURSO : Seu projeto de classe, eu quero que você escolha um
projeto de design para o qual você contribuiu para transformá-lo em um estudo de caso
para seu portfólio. Executaremos
as etapas a seguir para concluir seu projeto de
estudo de caso. Escolha um projeto de design de UX UI para o qual
você contribuiu. Isso pode ser um projeto
profissional, projeto
escolar ou
um projeto pessoal. Em seguida, criaremos um esboço
da história do seu projeto Em seguida, reuniremos e
criaremos imagens de processo que ajudarão a contar a
história do seu projeto A Last elaborará
seu estudo de caso. Você precisará apenas de algumas ferramentas e materiais para
começar este projeto. Você precisará de materiais de desenho como lápis, marcadores E depois Figma, a ferramenta
on-line que
usaremos para criar o layout do seu estudo
de caso Ao final da aula,
você enviará o
seguinte para a Galeria de
Projetos, o design do
seu estudo de caso como uma imagem ou o link para
seu protótipo Figma Ou você pode criar um link para seu estudo de caso
publicado. Se você já está
trabalhando diretamente em um criador de sites
como o Squarespace Estou muito animada em
ver seu estudo de caso. Então, vamos começar.
3. Os fundamentos de um estudo de caso: Antes de nos aprofundarmos em seu projeto, vamos falar sobre
o que fazer e o que
não fazer em um futuro Um estudo de caso é uma ferramenta de
contar histórias usada para comunicar processos
e decisões ao longo de um projeto de design O objetivo principal de fazer um estudo de caso é mostrar
que você realmente conhece o processo de design e pode resolver problemas durante
todo o curso de um Bons estudos de caso
são envolventes e contam uma história que pode
ser lida por qualquer pessoa, mas geralmente são escritos
para potenciais empregadores Algumas coisas a evitar ao
fazer um estudo de caso. Não mostre apenas seu
trabalho final, mostre seu processo. Como eu estava dizendo, não use jargão e linguagem
robótica Certo? Como se você estivesse conversando com alguém, contando uma história
do começo ao fim. A
coisa mais importante a mostrar em seu estudo de caso é seu processo. E é com isso que os
potenciais empregadores e colaboradores
realmente se importam Eles não se
importam necessariamente com designs perfeitos. Eles querem saber se você sabe como resolver um problema, para chegar a uma solução de design realmente
bem-sucedida E eles querem ver
como você chegou lá. Se você quiser ver alguns ótimos
exemplos de estudos de caso, adicionei links para alguns
na seção Recursos
desta aula. Agora que sabemos o que fazer
e o que não fazer nos estudos de caso, vamos começar
4. Mostre suas habilidades e valores: Você é um designer excepcional. É seu trabalho mostrar isso
e destacar seu melhor trabalho. Pode ser muito
difícil falar sobre você e seu trabalho. Então, para obter algumas perspectivas
externas, quero que você faça uma
atividade rápida como aquecimento Eu criei uma planilha para você nos recursos
do Projeto
que você pode encontrar baixar
e usar
durante esta aula O primeiro exercício listado
nessa planilha é fazer perguntas
a si mesmo e a algumas
pessoas sobre você Na primeira seção, faça a si mesmo essas
perguntas na planilha Em seguida, pegue duas ou
três outras pessoas, talvez colegas de trabalho,
clientes, amigos, mentores, e obtenha a
perspectiva delas sobre seus pontos fortes, seus valores, suas paixões Depois que você e essas pessoas
externas tiverem respondido a essas perguntas, compare as respostas
e
veja se você encontra alguma
ideia que possa ser útil para mostrar ou falar sobre seu portfólio. Por exemplo, quando
respondi perguntas sobre mim mesmo e quando pedi que outras pessoas
respondessem sobre mim, ambas as respostas
realmente falavam sobre como eu sou
apaixonada por mim mesma, sobre a empatia com os usuários E outras pessoas disseram a mesma coisa que eu realmente
não defendia os usuários E essa era a
força que eu tinha. Porque eu disse que era
apaixonada e valorizava o fato eu e as pessoas verem
que isso era uma força que eu tinha. Achei que essa foi
uma ótima visão para me ajudar a criar meu
portfólio em meus estudos de caso. Então, o que eu fiz com isso realmente destacar esses estágios de
empatia e palestras em todo o meu
portfólio sobre como eu realmente valorizo e sou apaixonada por
ter empatia com os usuários,
com as pessoas para obter soluções de design realmente
bem-sucedidas Agora
que concluímos o exercício de aquecimento, vamos começar a trabalhar em um esboço para seu
5. Crie um esboço: Agora, vamos mergulhar em
nosso projeto de estudo de caso e realmente
expandir seu processo. Escolha um projeto para o qual
você contribuiu. Pode ser um projeto pessoal, profissional ou um projeto em que você
trabalhou como estudante. Agora que você tem
um projeto em mente, vamos criar
um esboço do processo que você realizou para
concluir esse projeto Na planilha,
forneci um exemplo de esboço que você pode usar em
seu projeto de estudo de caso Consulte o
esboço do exemplo e crie sua própria versão preenchendo
os detalhes do seu projeto Comece com uma seção de visão geral. Fale sobre sua
função específica que você desempenhou
no Projeto e com qual cronograma
você estava trabalhando Lista os desafios que
os usuários
enfrentaram antes de você começar a
trabalhar neste projeto. A próxima seção pode incluir
sua declaração de problema e qualquer outro contexto que
você precise fornecer para configurar sua história. Em seguida, você poderia entrar na
seção de pesquisa, que incluiria coisas
como diagramas de afinidade,
insights, personas, histórias de usuários A próxima seção pode falar
sobre seu processo de design. Qualquer
arquitetura de informação em que você trabalhou, análise
competitiva, wireframes em
papel, protótipos em
papel,
wireframes digitais, protótipos lo-fi, testes de
usuários
e decisões tomadas
com base nesses insights análise
competitiva, wireframes em
papel, protótipos em
papel,
wireframes digitais, protótipos lo-fi, insights de testes de
usuários
e decisões tomadas
com base nesses insights. A seção mais importante a ser incluída é a seção de soluções. E isso deve fornecer um
resumo de suas soluções. Sua lista de desafios
da seção de visão geral com
explicações de como você resolveu esses desafios
e quaisquer protótipos ou modelos que ilustrem suas soluções Você também pode incluir resultados de design
adicionais,
como iconografia personalizada, bibliotecas de
componentes, ilustrações
personalizadas,
vídeos, animações Sua última seção deve ser seção
resumida, que
inclui citações de usuários ou partes interessadas que ilustram
resultados e análises ou dados
quantitativos
que também ilustram os resultados e falam sobre o que você aprendeu Uma ótima dica que aprendi um diretor é que
você deve se
sentar com alguém e contar a história desse
projeto em voz alta. Comece com os problemas e desafios que você enfrentou
no início do projeto. Em seguida, explique como você
alcançou as soluções no final
do projeto e fale sobre o que você
aprendeu com o projeto. Dessa forma, você pode começar a
fazer as ideias fluírem. Você pode realmente conversar,
pensar em todo o seu processo uma pessoa e
de uma forma
passível de impeachment Depois
de começar seu próprio esboço,
continuaremos a
detalhá-lo nas próximas lições
6. Adicione imagens: Você tem o esboço
do seu estudo de caso. Agora, é hora de
adicionar imagens a isso. Volte aos
arquivos e retire qualquer imagem do processo
que possa ser útil para mostrar a história do seu estudo de
caso Crie uma nova pasta
no seu computador. Coloque suas imagens
nessa pasta dedicada. As imagens podem incluir
itens como esboços, quadros de papel
ou exercícios de idealização, pesquisa Portanto, os wireframes digitais e os modelos
estáticos da persona mostrados
em vários dispositivos são protótipos e quaisquer recursos visuais
adicionais, como folhas de adesivos protótipos e quaisquer recursos visuais
adicionais, como folhas de adesivos
ou componentes. Assim que você pegou todas
as imagens que encontrou,
consulte seu Esboço consulte seu Esboço Todas essas imagens
apoiam sua história? Talvez você esteja perdendo
alguma coisa e uma determinada parte do seu processo não tenha
uma imagem que a acompanhe. Agora é sua oportunidade de criar qualquer coisa que
possa estar faltando. Ou você também pode refinar qualquer
esboço que pareça um pouco áspero e pouco
apresentável para Lembre-se de que este
estudo de caso em seu portfólio é um reflexo de quem
você é como designer. Não coloque tudo em um site e
encerre o dia. Garante que tudo
pareça coeso e consistente, assim como você faria em
qualquer outro projeto de design Depois de reunir suas
imagens em uma pasta de fácil acesso, começaremos a pensar no layout do seu
estudo de caso na próxima lição
7. Sketch seu layout: Temos seu esboço, temos suas imagens Agora é hora de esboçar
rapidamente algumas ideias de como poderia ser seu projeto de
estudo de caso. Comecei desenhando três retângulos irregulares para
desenhar meu Layout Within Você pode fazer mais ou
menos de três esboços, seja qual for o tempo necessário para se
sentir bem com seu layout Em seguida,
vou realmente me concentrar
nessa área superior do cabeçalho
acima da dobra Então, vamos fingir que essa
linha tracejada aqui é o Fuld. O que estiver acima dessa linha será o mais importante. Porque isso é o que
as pessoas
verão imediatamente e é isso que
vai atraí-las. Então, qual conteúdo você
quer nesta parte superior? Por exemplo, podemos incluir uma bela imagem
de grande herói do design final. Essa vai ser
minha pequena nota aqui. Quase podem ser apenas
wireframes irregulares. E então eu posso ter o
título do meu projeto aqui e depois meus
detalhes ao lado dele. Portanto, isso fornece um
pequeno resumo do meu projeto antes
mesmo de alguém rolar para baixo. Outra maneira de
fazer isso é
fazendo uma colagem de
várias imagens Então, digamos que, para imagens, isso realmente mostre
meu processo Então, talvez à esquerda, aqui estejam algumas das minhas fotos iniciais de
pesquisa. E então nos aprofundamos mais no meu processo de
design da fase de ideação E então essa última imagem
pode ser minha imagem de solução. E talvez nesse layout, eu centralize o título e depois
meu texto inicial de visão geral. Então, talvez em uma terceira
versão disso, eu não trabalhe de uma forma
supercentrada E eu tenho uma imagem
à esquerda aqui, e talvez não seja minha imagem final, como
fizemos no primeiro esboço Talvez seja apenas
minha imagem favorita do meu processo em geral. Então, o título em detalhes poderia ser bem espaçado
à direita. Portanto, essa área superior
será minha
área mais importante para focar. Então, acho que temos alguns conceitos muito bons
para essa área de heróis. Então, qualquer coisa abaixo disso
agora
servirá apenas para manter o layout e o
design consistentes. Portanto, se estivermos centralizando
coisas como neste layout, certifique-se de que todo o resto abaixo se baseie
nesse tema centralizado Talvez tudo abaixo
desse terceiro tema vá e volte para fornecer um bom equilíbrio entre
imagem e textos, textos e imagem, imagem e texto. Então, nesta primeira imagem
ou neste primeiro esboço, talvez possamos brincar
com essas imagens completas muito bonitas e
limpas misturadas com
algum texto abaixo e colunas Então, vou tentar explorar esses conceitos abaixo aqui. Em seguida, entraremos
no computador e começaremos a criar seu estudo de caso
8. Crie seu estudo de caso: Agora é hora de juntar tudo que
estamos trabalhando. Vamos pegar o computador
e começar a criar seu
projeto de estudo de caso no Figma Traduza seus esboços
da última lição em um design no Figma criando
primeiro uma moldura Eu trabalharei em
um tamanho de desktop Em seguida, adicione os textos do
seu documento do Outline
e, em seguida, adicione as
imagens da sua pasta Agora que estamos
realmente projetando, minha principal dica aqui é verificar se
tudo está consistente. Na última lição, aconselhei você a
manter seu layout consistente usando o
mesmo alinhamento de textos, formas de
imagem, tamanhos de margem, etc Mas agora que você está
no computador, precisa ter certeza de que está usando hierarquia
tipográfica consistente, hierarquia de
cores, espaçamento
preciso e que todos os
outros elementos de design precisa ter certeza de que está
usando hierarquia
tipográfica consistente, hierarquia de
cores, espaçamento
preciso
e que todos os
outros elementos de design sejam usados adequadamente. E por uma razão. Agora, como hora de se
concentrar também em escrever,
seu esboço pode ter incluído uma lista com marcadores ou
frases incompletas Agora é a hora de contar
sua história escrevendo frases
completas que mostrem
suas habilidades de comunicação Depois de ter seu
design em um bom lugar, eu desafio você a tornar seu estudo de caso
ainda mais conciso. Quais frases ou até
frases você pode remover para realmente chegar ao cerne da sua história e do seu processo? Em seguida, encerraremos seu projeto
9. Acabamento e compartilhamento: Parabéns, você concluiu
seu projeto de estudo de caso e ele está pronto para ser publicado. Se ainda não o fez,
certifique-se de receber feedback sobre seu projeto. Na planilha que criei, fiz uma lista de verificação de
coisas que você pode
analisar e
garantir que
incluiu no design do seu estudo de
caso Incluí até algumas perguntas
que você pode fazer a si mesmo ou a outras pessoas sobre como seu
design está funcionando. Certifique-se de ler
essa lista de verificação e responder a essas perguntas para garantir que a história do seu
projeto seja divulgada E estamos realmente entendendo
todo o seu processo. Faça o upload do seguinte para
a Galeria de Projetos, o design do seu estudo de caso como uma imagem ou um link
para seu protótipo Figma Ou se você estivesse trabalhando
em um criador de sites, compartilhe o link para seu estudo de caso
publicado Depois de enviá-lo para
a Galeria de Projetos, certeza
darei alguns comentários e encorajo você a fazer o mesmo com
seus colegas. A seguir, analisaremos algumas dicas finais do portfólio
e encerraremos a aula
10. Dicas bônus: Eu já dei várias dicas durante esta aula,
mas gostaria
de adicionar mais algumas
aqui para realmente ajudar você a manter seu portfólio, ser um designer de sucesso
e mostrar isso. Minha primeira dica é documentar
seu trabalho à medida que avança. Quando você está trabalhando
em um projeto. É quando tudo
está fresco em sua mente e você
conhece todos os detalhes e tem toda a documentação de
suporte de imagens na ponta dos dedos É quando você
deve coletar coisas em uma pasta e anotar
a história do seu processo, exatamente quando ela está
fresca em sua mente. Minha segunda dica é
manter uma lista de todos os projetos dos quais
você participou. Mesmo que fosse uma
atividade social, uma atividade de ensino, como almoçar e aprender, talvez fosse
organizar um workshop. Essas são todas as coisas das quais você deve se orgulhar e realmente mostrar o quão completo
você é como designer Minha terceira dica é
tentar aproveitar
todas as oportunidades que você tiver para falar sobre seu processo
e seu trabalho de design Por exemplo, pode ser participar de mais
reuniões com clientes ou até
mesmo conversar mais com seu mentor ou chefe sobre
suas decisões de design Dessa forma, quando começar a criar seu portfólio ou
falar em uma entrevista, você será um profissional em falar
sobre seu próprio processo. Andrew, pareça mais profissional porque você tem
praticado muito Portanto, aproveite essas oportunidades
sempre que puder. Pense nas
habilidades únicas que você trouxe para um projeto ou no que você fez
para ir além de um projeto. Vanglorie-se das ilustrações
que você fez para um projeto ou das animações que você se
esforçou para criar, para aprimorar a experiência do
usuário, . Ao deixar claro
em suas legendas e descrições que você tomou essas medidas extras
e é apaixonado Isso será uma grande
vantagem para
você se incluir detalhes como
esses em seu portfólio. Espero que você mantenha essas
dicas em mente e que elas façam de você um designer
profissional melhor. Vamos encerrar nossa última lição
11. Conclusão: Parabéns por terminar
seu projeto de estudo de caso. Agora sua conversa e fale sobre seu processo de design e
ilustre seu trabalho
por meio da narrativa Nesta aula, você
aprendeu a mostrar sua identidade única
e seu trabalho de design Ilustre seu processo. Fale sobre seus designs
contando histórias. Crie estudos de caso que mostrem suas habilidades e
técnicas de resolução de problemas para se tornar um designer profissional melhor Não se esqueça de enviar
seu projeto para o Skillshare e deixar
um comentário para mim Muito obrigado por
fazer esta aula comigo e
até a próxima.
Carolyn Owsiany, Senior UI/UX Designer
