Transcrições
1. Apresentação: No vídeo de hoje,
vou apresentar a você uma ferramenta super
incrível chamada carbamato que você
pode usar para criar seu portfólio como
designer do zero, é fácil de usar, não
requer revestimento, um incrível conjunto de modelos
que você pode
escolher e se integra facilmente às mídias
sociais sem
perder mais tempo. Vamos entrar no vídeo de hoje. Agora, um pouco mais
sobre carbamato. carbamato é a maneira mais
fácil e rápida criar seu portfólio. Existem muitas razões
para usar carbamatos, como layouts ilimitados, uploads
ilimitados e layouts facilmente
personalizáveis. Ele tem outros recursos
muito legais , como galerias ilimitadas. Adicionar é perfeito para vídeos. Obviamente, você não precisa nenhuma habilidade de codificação e ela já
é responsiva.
4. Uma introdução ao aplicativo: Então, vamos
começar Primeiro, criando uma conta, você pode obter carbamato grátis por
um mês usando este link, ponto com
barra
à base de carbono Sharon dash. Então, vamos criar nossas contas. Então, depois de inserir seu e-mail, você pode inserir seu nome. E,
é claro, você pode escolher entre as sugestões
qual o papel que você tem, é
claro, ter um designer de UX. Então eu vou com isso. Eu realmente amei essa animação. É tão legal. E
então, antes de tudo, temos alguns modelos
iniciais legais que podemos escolher. E vou começar com isso quando
clicar em Personalizar. Então, é claro, temos
um tour muito rápido para começar. Vamos dar uma olhada. Portanto, é assim que a
interface se parece quando você faz login pela primeira vez. Então, vamos começar
examinando a interface. Então, aqui você pode dar uma olhada em seus projetos
agora, não temos nenhum. Aqui você pode editar o
design do seu portfólio. Então, olhando para o logotipo, o título, a navegação no site e os estilos globais. Aqui você pode ver
suas análises, quantas pessoas estão
visitando seu site, o que são, quais dispositivos
usam e assim por diante. E aqui, claro, temos
ajuda e algumas configurações. E então, deste lado, podemos dar uma olhada em
algo chamado blocos. E esses blocos são essencialmente
como pequenos pedaços de um modelo que você pode usar para realmente acelerar o processo. Então, aqui, é claro, temos nossa visão principal do portfólio e como ele
se parece. No topo, podemos
ver a opção de
reordenar alguns desses
blocos e componentes. Também temos a
opção de visualizar sua aparência no celular
e, é claro, entrar ao vivo. Então, vamos brincar e editar alguns deles um
pouco. Portanto, temos a
seção superior aqui que diz
apenas designer de UX. Sou designer de experiências do
usuário. Então, talvez possamos mudar um pouco
o texto. Então, vou
clicar na engrenagem e ver quais opções tenho para
editar esse bloco específico. Talvez possamos mudar algumas
das informações que ela diz, e talvez apenas
ajustá-las um pouco para que eu
possa esconder o cabeçalho, se eu quiser. Posso escolher usar apenas
o subtítulo e também
posso remover o divisor. Então, acho que vou esconder o título principal e usar
apenas o subtítulo. E podemos editar nossos
textos diretamente aqui. Então, agora vamos criar
nosso primeiro projeto. Então, podemos fazer isso
dizendo em projetos aqui. E eu tenho um arquivo aqui
onde tirei alguns projetos do meu portfólio anterior que vou usar
para preencher isso.
5. Como criar nosso primeiro projeto: Então, vamos começar
adicionando projetos. Agora, digamos que o nome
desse projeto seja fluxo de
cancelamento. Em seguida, também podemos
fazer upload de uma miniatura. Então, vamos escolher rapidamente um. Agora vamos dar uma olhada até
agora. Parece bom. Também podemos personalizar
esse bloco e ajustar as diferentes
configurações conforme desejarmos. Então, agora que
fizemos essa parte, vamos entrar e
adicionar alguns conteúdos aqui. Assim, podemos começar escolhendo alguns dos blocos que
acreditamos que seriam os melhores. E eu quero começar com
uma imagem no topo. Então, vou fazer o upload da
imagem que eu gostaria. Vou tirar
essa descrição. Não parece tão necessário. E então vamos adicionar
um título aqui. Então, eu quero começar com uma introdução aos projetos. Assim, podemos conversar um pouco, dar um pouco mais de
contexto sobre
o que é o projeto. Então, vamos chamar
essa parte de introdução. Eu quero formatar
esse texto um pouco. Vou mudar isso
para sons de trabalho também. E eu vou me esconder, ir para as configurações aqui
para este bloco em particular e esconder o subtítulo. Então, talvez apenas para adicionar
um pouco mais de contextos, eu vou
duplicar esse bloco. E então podemos ir
aqui para reordenar e depois mover isso para o topo. Vamos ver como isso parece. E vamos adicionar
o nome dos projetos, que é fluxo de cancelamento. Então, aqui vamos
ter como a introdução. Agora, para isso, para
nossos blocos de textos, achei essa maneira muito legal de adicionar textos que têm
um título no lado esquerdo, bem
como o
conteúdo à direita. Então, vou preencher isso
com as informações dos projetos que incluirão
a primeira parte, que é a visão geral
do objetivo, meu papel, bem
como as ferramentas usadas. Então, vou
adicioná-los muito rapidamente. Então eu realmente decidi
deixar de fora essas ferramentas usadas. Não porque haja algo
errado com esta seção, mas eu meio que
mudei de ideia. Então, em seguida, vamos
adicionar outra seção, que é para o processo de design. E então eu vou
duplicar esse título aqui. Estou começando a
sentir que é um pouco grande, então vou
reduzi-lo um pouco. E é o têxtil global
e a edição é por nossa conta. Então, isso também reduzirá o tamanho
deste também. Então, basta clonar
este bloco aqui, entrar no modo de reordenação
e, em seguida, mover este todo
o caminho até a parte inferior, e então clicamos em Concluído, depois rolamos para baixo e lá está. Então esse é o processo de design. Vamos entrar nisso e depois adicionar mais algumas dessas seções. Então, vou
duplicar este e voltar
ao modo de reordenação, rolar para baixo e
depois trazer isso para o final e continuar. Então, a primeira coisa que fizemos aqui foi definir
a visão do produto. Então eu vou entrar aqui
e então, é claro, preencher isso com os
passos que tomamos, que é definir
a visão do
produto, pesquisa de produto e empatia, entrar no design real, prototipagem, bem como fazer
alguns testes de usabilidade. Então, vou acrescentar isso
muito rapidamente usando o mesmo método
que usamos para os outros. Agora, se você não percebeu, eu realmente gosto dessa
opção de exibir seu texto e apenas
brincar com ele assim. É super fácil de
usar e realmente
entender os textos. Então, até agora, estou gostando
muito disso. Agora vamos dar uma olhada em
como ficaria no celular. E podemos ver como
tudo
realmente legal e escalável está
adorando até agora. Agora vamos voltar
à visualização da área de trabalho e continuar adicionando
nosso conteúdo. Então, neste momento, eu quero adicionar algumas imagens. Então, vou usar
esse bloco aqui, que é para imagens,
áudios ou vídeos. Então, vamos apenas
jogar isso. Vou adicionar uma imagem da
arquitetura
da informação que foi feita para esses projetos
em particular. Então, isso foi carregado com bastante facilidade. E então eu vou apenas adicionar os textos de descrição
que já temos aqui. Parece ótimo até agora. Então, a próxima coisa que queremos
adicionar são os wireframes. Poderíamos dizer design aqui. É aqui que o fluxo. E então, provavelmente,
a próxima coisa que foi feita foi wireframing. Só vou adicionar m, vou adicionar isso também. Aqui podemos dizer que esses
são os wireframes. Em seguida, passamos para
alguns wireframe básicos. Então, vamos apenas
adicionar esses textos e algumas das imagens
lá também. Então, para as imagens
dos wireframes, existem alguns deles, pelo
menos dois ou três. Então, vamos tentar
usar uma apresentação de slides. E então vamos escolher as imagens que queremos usar. Então, agora temos duas imagens
para esses wireframes. E depois, a seguir, devemos ter as imagens
reais. E para isso, podemos
decidir se
gostaríamos de usar uma apresentação de slides
ou usar uma galeria. Então, vamos apenas adicionar este próximo. Vamos usar
uma galeria, ótimo, porque eles parecem
muito mais legais. Então, vamos entrar e
selecionar nossas imagens. E aí está. Nós adicionamos em
nossa pequena galeria. E agora vamos tentar
ver se podemos adicionar mais conteúdo. Quero fazer uma
captura de tela que tivemos aqui sobre como
foi o teste e quais foram alguns
dos comentários. Lá vamos nós. Por fim, queremos acrescentar
apenas a conclusão. Aí está. Criamos
nosso primeiro projeto. Então, vou adicionar
mais um projeto e, em seguida,
vamos adicionar em
nossa seção Sobre. Então eu adicionei
no segundo projeto, e como você pode ver, tudo
parece realmente ótimo. Vamos fazer uma prévia no celular. Quão legal é isso? Vamos voltar para a área de trabalho. E agora eu quero
editar minha página sobre. Isso já tem algumas
informações aqui. E então eu vou apenas
adicionar algumas coisas básicas. Vou apenas editar as
informações neste bloco. Vou mudar
a imagem aqui. Claro, você pode entrar e adicionar o máximo de
conteúdo que quiser. Isso é apenas para
mostrar como
essa ferramenta em particular é incrível e todas as coisas que você pode usá-la para fazer. Então, dando uma olhada novamente, aqui temos nossos projetos e aqui temos nossa página sobre. E assim, em
menos de 30 minutos, criamos um
portfólio usando carbamato. Muito obrigado por
assistir e ver você na próxima vez.
Candice Maluleka, UX Designer
