Como criar estudos de caso de interface de usuário / usuário

1. Apresentação do curso: Estudos de caso são apresentações que ajudaram a se apresentar como designer. Serviço que você está prestando sobre o produto que você está vendendo. Isto deve contar uma história do início ao fim. E quais são alguns passos que você tomou para chegar a que terminar o resultado. Aqui, meu nome é Alex e bem-vindo a esta aula de Skillshare prestes a UI UX estudos de caso. Eu sou criador de produtos de design digital e até agora eu criei ou 500 produtos diferentes e também nosso criador de cursos. E até agora espero que tenha criado ou retornado cursos diferentes. Nesta aula, vamos falar sobre UI, estudos de caso de UX, por que eles são importantes e como você pode criar o seu próprio. Vamos mencionar o que nossos estudos de caso, quais elementos você deve incluir em seus estudos de caso, criando uma estrutura e como sua estrutura geral deve ser semelhante. Alguns exemplos incríveis on-line para ajudá-lo a se inspirar e para ajudá-lo a entender alguns dos elementos que adotam designers usam como escrever conteúdo para seus estudos de caso para facilitar o consumo e a compreensão. E, finalmente, mergulhos de apresentação. Como pode apresentar o seu estudo de caso da melhor forma possível para alcançar o resultado que pretende, seja para vender os seus serviços ou para vender o euro. Seu projeto de classe para esta classe é criar sua estrutura de estudos de caso ideal em um pedaço de papel é simplesmente usar uma caneta e papel. E há um vídeo dedicado sobre o seu projeto de classe nesta classe. Então certifique-se de dar uma olhada nisso. Estou muito animado para ver sua estrutura ideal para seus estudos de caso e certifique-se de incluir pelo menos alguns detalhes para que todos nós saibamos quem está olhando para ele e o que é tudo sobre fim para nos ajudar a entender um pouco melhor. Um bom estudo de caso pode realmente mudar sua vida e carreira por um padrão porque ele realmente vai atrair um tipo melhor de clientes para o seu trabalho. E isso realmente vai ajudar você a obter dívidas contratadas mais rápido. E dandy prefab um estudo chave ou se você não tem um estudo de caso em tudo, eu acho que todos os designers lá fora e não apenas designers UI UX, mas designers gráficos também, designers 3D, todos os tipos de designers devem ter estudos de caso, Mas esses estudos de caso vão diferir em comprimento, quantidade de elementos dentro e progresso da Inglaterra porque diferentes processos são necessários para diferentes designers. Mas, no entanto, um bom estudo chave é o que vai trazer mais trabalho de qualidade. Alguns realmente estão ansiosos para vê-lo lá dentro, e vamos criar alguns mais, alguns estudos de caso. 2. O que é um estudo de caso: Estudo de caso não é nada mais do que um longo tempo para a apresentação do seu trabalho? Não, seu trabalho pode ser seu trabalho de design ou pode ser nosso produto para criá-lo. E nós vamos tocar nessa parte um pouco mais tarde nesta aula. Mas para todos os efeitos, é apenas uma apresentação do seu trabalho. Agora, por que uma forma longa e qual é a diferença entre forma longa e forma curta? Bem, apresentação curta é algo que você vê no Dribble todos os dias. E sites como drible é basicamente uma captura de tela da parte do seu trabalho para que ele possa ser uma seção de cabeçalho do seu site, por exemplo, ou uma imagem de maquete do seu aplicativo que já está concluída. Bem, o estudo de caso é uma apresentação longa que você costuma ver em faróis. É um estudo de caso porque ajuda seus usuários e seus espectadores desse estudo de caso, estudar seu processo, estudar seus passos e estudar como você consegue esse resultado final, que é, por exemplo, produtos ou design de aplicativos, web design ou algo assim. Não se limita estritamente ao design UX da interface do usuário. Também pode ser um ótimo em branding. Pode ser ótimo no design do logotipo é apenas o comprimento dele. Vai variar dependendo do projeto em questão. Por exemplo, se você acabou de ser projetado, um logotipo será apenas um pouco mais curto porque não há muitos passos na concepção de um logotipo. Enquanto em UI UX design, se você está, por exemplo, projetando site que tem 20 páginas diferentes, todas elas são responsivas e você tem que criar wireframes de papel. Wireframes em seu software favorito, é claro, vai variar e você vai ter muito mais passos do que, por exemplo, no design de logotipo. Então, basicamente, isso é um estudo de caso em poucas palavras. E nas próximas lições desta aula, vamos explorar o que você deve incluir no seu estudo de caso. Quais são alguns passos que você deve tomar e alguns ótimos exemplos de apresentação para você começar com seus estudos de caso. 3. Elementos para incluir: Existem muitos elementos diferentes que você pode incluir em seus estudos de caso. E ao longo dos meus mais de 15 anos neste negócio, descobri que alguns elementos funcionam melhor do que outros porque alguns elementos realmente ajudam a contar uma história de como esse design se desenvolveu ou processa ao longo do processo de criação e que você trabalhou neste projeto específico e alguns outros realmente distraem seus espectadores de chegar ao ponto. Porque o objetivo de um estudo de caso é atrair potenciais espectadores que podem se transformar em clientes. Felizmente, se isso é algo que você está procurando, se você quer apenas mostrar para seus colegas e para que eles entendam seu processo e como você chegou a esse resultado final. Então neste vídeo, vamos discutir alguns elementos importantes para incluir, na minha opinião, porque vejo esses elementos aparecendo o tempo todo em algumas grandes apresentações que encontrei online. Então aqui temos nesta pequena introdução rápida e alguns elementos importantes para incluir em seu estudo de caso. Mais uma vez, ele vai variar dependendo da sua indústria, dependendo do nicho em que você está. Porque nem todas as indústrias vão precisar desses elementos. E nem todos os estudos de caso vão precisar desses elementos. Se o projeto for mais curto, por exemplo, se o projeto for mais longo. Então, a primeira coisa que você precisa fazer é incluir textos, descrever o que cada seção e elemento faz. Portanto, não sobrecarregue seus espectadores, mas forneça informações suficientes sobre o projeto. Então, por exemplo, se você fez o design do nosso site e não entrar em muitos detalhes. Por exemplo, acordei uma manhã e depois o cliente me procurou. Ninguém quer ouvir isso. Vá direto ao ponto. Seja curto, conciso, mas seja preciso sobre os elementos que você está tentando descrever com seus textos. Faça com que as imagens contem a história-chave aqui. Mas o texto está lá apenas para ajudar a célula da idéia oral, o oral projetou sua apresentação oral. Portanto, ele está lá apenas para ajudar suas imagens a trabalhar para você. Então falando a linguagem do seu público e não seja muito técnico. O que quero dizer com isto é, quem é o seu público-alvo? O seu público-alvo é designers? Então você pode falar em termos como eu usei o redimensionamento responsivo no Adobe XD e eu uso diferentes tamanhos de pranchetas e coisas assim. Mas se você está tentando atrair clientes, então fale no idioma que eles entenderão porque eles provavelmente não sabem o que é o Adobe XD em primeiro lugar. Então talvez você não deva mencionar isso tão proeminentemente em seu projeto. Claro, você deve mencionar isso algumas vezes ao longo de seu estudo de caso, mas certifique-se de manter o que seus clientes entendem. Então, por exemplo, se houver uma empresa de beleza, certifique-se de falar sobre produtos de beleza, sobre o processo de chegar a esse design particular. Use o idioma que eles entenderão se esse é o público-alvo que você está segmentando. Claro, se isso é para ser visto pelos diretores de arte, claro que eles sabem sobre o Adobe XD e todas essas ferramentas, mas não seja muito técnico com o texto que você está tentando dizer aqui. Então, mais uma vez, se você está em uma indústria de beleza, certifique-se de manter esse equilíbrio. Então descreva quais ferramentas você está usando e também descreva o nicho em que você está. Descreva o processo em que você está, e use alguns jargões técnicos dentro desse nicho específico, mas não exagere e não complique demais as coisas. Mais uma vez, o texto está lá apenas para ajudar suas imagens, contar uma história melhor. A seguir temos imagens. Então, como eu mencionei, use imagens para elogiar seu texto. As imagens devem estar conectadas à história que você está contando. Um imager de notícias que ajuda a sua história, não apenas qualquer identificação de imagem. E se você não pode levá-los você mesmo, o que eu quero dizer com isso é, por exemplo, se você está em um negócio de carros e você está falando de carros, então apenas mostre a imagem de uma montanha. Porque qual é o ponto dessa imagem? Não ajuda contar essa história. Não ajuda vender a ideia desse design em particular. Então não use. Use imagens que estão indo para ir bem com suas apresentações e que vão fazer sentido como diz aqui, tirar qualquer imagem se você puder. Todo mundo tem um desses, então você pode simplesmente usar sua fonte e tirar uma foto do seu processo sobre você trabalhando neste projeto sobre como criar, por exemplo, wireframes de papel. Ou você pode pegar seu telefone e dar a alguém, você sabe, por exemplo, seu membro da família ou seu melhor amigo ou algo assim. Ou você pode até mesmo fazê-lo se você não quiser que ninguém o ajude, você pode simplesmente posicionar seu telefone atrás de você, por exemplo, e tomar uma foto, algo assim. Então, sobre o ombro de você trabalhando em seu computador, por exemplo, ou deste lado. Ou, se você estiver dando uma olhada na visualização desse design, você pode simplesmente mostrar sua forma assim sob um ângulo de você segurando o telefone e mostrando esse design. Isso realmente vai ajudar a contar uma história porque vai mostrar aos seus clientes-alvo e ao seu público direto que você realmente se importa com este projeto, que você realmente colocar um monte de pensamento e esforço neste projeto. E que você realmente presta atenção aos detalhes para nossos diretores, especialmente aqueles que estão procurando contratar designers. Isso vai ser crucial em suas decisões porque eles podem ver imediatamente que você é o designer que está prestando atenção a esses pequenos detalhes. E vai valer a pena a longo prazo. Então, apenas certifique-se de prestar atenção a pequenos detalhes como este. Mas mais uma vez, não exagere. Não tire fotos de si mesmo aleatoriamente e simplesmente coloque-as em seu estudo de caso. Não ajuda contar uma história, mas poucas imagens aqui e ali não vão realmente ajudá-lo a vender a ideia desse design em particular. Em seguida, temos guia de estilo e sistema de design. Então mostre seu guia de estilo ou sistema de design para mostrar que você está organizado e estruturado. Mais uma vez, para nossos diretores, isso é extremamente crucial, mas também para nossos clientes, porque eles podem ver todos esses elementos se juntando no design final, apresentar os elementos mais importantes que você usado, mas não exagere. Coloque o gradiente para cortar sua imagem na parte inferior se ela for muito longa. Isso é especialmente importante para projetos realmente longos e estudos de caso realmente longos porque em seus guias de estilo em sistemas de design, em muitos casos, você pode ter centenas de elementos diferentes, mas nem todos os elementos são importantes. Por exemplo, você pode mostrar cores, você usou fontes, talvez alguns botões, talvez alguns elementos de fóruns porque coisas assim. E, em seguida, basta introduzir nosso gradiente de luz, que simplesmente irá alimentar o sistema projetado enquanto seus espectadores rolam para baixo. Então você não está esmagando-os porque mais uma vez, guia de estilo e sistema de design não é o resultado final, é apenas uma ferramenta que vai ajudá-lo a chegar ao fim. Resultado, que é dobrado, é claro, deve estar na parte inferior do seu guia de estilo. Ambos. Vamos falar sobre isso um pouco mais tarde nesta aula. Finalmente, use as cores do seu projeto e guia de estilo em sua apresentação, bem como a marca está no ponto. O que eu quero dizer com isso é, por exemplo, se suas cores principais são azul e verde, não basta ir e usar rosa porque rosa nunca é mostrado em seu design, nunca mostrado em seu processo. Então, por que colocá-los na sua apresentação? Certifique-se de usar cores do seu guia de estilo e sistema de design. Se você tem um, se você não tem guia de estilo ou sistema de design, seu projeto é muito pequeno, você simplesmente trabalhou em uma página de destino. Independentemente disso, eu realmente recomendo que você comece a usar guias de estilo e sistemas de design porque eles são extremamente importantes para o desenvolvimento futuro desse produto em particular. Mas se você não os tiver, certifique-se de usar as cores que você tem em seu design, em sua apresentação. Porque dessa forma a marca vai ser pontual. Você ficaria surpreso com o número de vezes que vejo isso em apresentações online, especialmente quando estou procurando designers para contratar para me ajudar em meus projetos. Então eu vejo isso o tempo todo. Certifique-se de não repetir esse erro, porque mais uma vez, para diretores de arte, especialmente isso mostra que você prestar atenção aos pequenos detalhes. Em seguida, temos wireframes de papel, então apresentá-los em uma declaração de problema, desafio e fases de conceito de seu estudo. Vamos falar sobre fases um pouco mais tarde nesta aula. Mas basicamente o que isso significa é que você tem que apresentar seu estudo de caso em etapas. Então começar é bem aqui e o fim é bem aqui. Assim, os usuários têm que rolar todo o caminho para baixo para chegar ao resultado final. Basicamente, um tipo de progresso importava. Então os usuários estão progredindo à medida que eles estão rolando para baixo e eles estão começando a partir dos estágios muito difíceis do projeto para ideação, talvez alguns textos em páginas em branco e wireframes de papel porque wireframes de papel são tudo sobre suas idéias . Então mostre imagens de criação, bem como imagens digitalizadas com uma impressora ou seu telefone. O que eu quero dizer com isso é o que eu expliquei anteriormente quando alguém está tirando uma foto de você criando wireframe profundidade, você pode fazer isso sozinho. Você pode simplesmente usar uma caneta e um papel e usar um formulário como este e simplesmente tirar uma foto de você criando esse wireframe. Mais uma vez, não exagere, mas certifique-se de incluir alguns destes aqui e ali, apenas para ajudar a contar uma história melhor e ajudar a vender o seu antigo conceito para o seu, o seu. Dê detalhes suficientes para complementar a história que você está contando, mas não sobrecarregue seu público. Foi o que eu disse. E certifique-se de ser moderado com todas essas seções. Então, se dermos uma olhada no guia de estilo e sistema de design, o que eu mencionei pelo gradiente, quero dizer a mesma coisa para wireframes de papel. Assim, por exemplo, você pode usar uma tira de imagens que vai ser horizontal, ou você pode mudar para o lado apenas para mostrar esses wireframes de papel entrar, mostrar seu processo. E é claro que você pode colocar algumas imagens aqui e ali sobre você criar essas pessoas wireframes. Em seguida, temos wireframes, então mostre-os nos conceitos e testando partes de seu estudo de caso. Mais uma vez, vamos chegar a isso um pouco mais tarde. E, claro, você sempre pode voltar a essas lições e estudá-las um pouco mais. Apresentá-los como uma imagem em perspectiva, em imagens e maquetes. Mais uma vez, você pode simplesmente salvar seu wireframe do Adobe XD. Uma imagem, você pode colocá-lo em perspectiva, em 3D, por exemplo. Você pode mostrá-lo em imagens. Então, como eu mencionei, você pode mostrar alguém tirando uma foto de vista, por exemplo, daqui ou do lado ou wireframe em seu telefone, por exemplo. Então, a partir dessa perspectiva, digamos que você esteja usando esse wireframe no modo protótipo do Adobe XD, por exemplo. E, finalmente, em maquetes, você pode usar maquete fora de um dispositivo desktop, dispositivo laptop, dispositivo telefone, não importa o que você esteja fazendo e apresentar uma maquete dessa forma do seu wireframe. Se você pode fazer algumas telas ou parte do seu design clicável e incorporado na sua apresentação. Não importa o que disse que você está usando, você pode fazer isso. Mas como eu estou usando o XD, ele é nativo no XD, você pode simplesmente compartilhar a parte do seu protótipo para que você possa compartilhar um único quadro de arte, por exemplo, e então você pode incorporá-lo em seu site se você tiver essa função ou se não, você pode simplesmente fazê-lo no Behance porque o Behance se integra bem com o Adobe XD porque ele faz parte da família Adobe. produto da Adobe começa é, então você pode simplesmente usar esse link do Seuproduto da Adobe começa é, então você pode simplesmente usar esse link doAdobe XD e, em seguida, incorporá-lo em sua apresentação do Behance. E então as pessoas podem clicar nele e, em seguida, navegar seu caminho em torno dele. Certifique-se de que conta uma história e complementa seus textos, imagens, papel, wireframes e outros elementos. Então discotecas para tudo o que mencionei anteriormente. Portanto, não sobrecarregue seus espectadores com dezenas desses wireframes porque lembre-se, esse não é o resultado final. Esta é apenas uma parte da sua parte para o resultado final. Design de interface do usuário concluído. Lá vamos nós. Portanto, certifique-se de mostrá-lo nos estágios de teste e resultado do seu estudo de caso. O que quero dizer com isso é que você pode mostrar que está sendo testado para seus usuários. Então, se você tem usuários na sala, por exemplo, você pode ir em frente e tirar fotos de pessoas usando seu design no telefone ou em um laptop ou em um dispositivo de desktop, o que quer que seja. E você pode mostrá-lo na fase final, que é a última etapa do seu estudo de caso geralmente. Então, como parece no final, como se parece com um produto acabado, talvez seu aplicativo ou site já esteja lançado. Então você pode dar um link para que as pessoas possam vê-lo. Ao longo do seu estudo de caso, eles estão aprendendo sobre como você o criou, como você resolve problemas ao longo do caminho. E agora há um link ao vivo para que as pessoas possam acessá-lo se você estiver trabalhando em um projeto privado. Então você não está planejando codificá-lo, você não está planejando fazê-lo ao vivo, então tudo bem. Você pode apresentá-lo em protótipos clicáveis, mock-ups 3D e imagens como eu mencionei anteriormente para todos esses outros elementos. E você também pode gravar alguns vídeos de suas telas em ação e anexá-los ao nosso estudo de caso. Mais uma vez, se você estiver usando o Adobe XD, basta gravar um protótipo e fazer upload desse vídeo para a apresentação do Behance ou para o seu site. Então você pode simplesmente incorporar esse vídeo dentro e as pessoas podem clicar nele e você pode então mostrar-lhes sua, por exemplo, estrutura de navegação ou navegação entre duas ou três telas ou algo assim. Este é o resultado final do seu trabalho. Portanto, certifique-se de que o design da interface do usuário se destaca da sua apresentação. Este é o ponto de venda. Este é o ponto final do seu estudo de caso. Assim, as pessoas percorrem todo o caminho para baixo para ver o design da interface do usuário final, para ver o produto acabado. Portanto, certifique-se de que ele se destaca mais do que outras partes do seu estudo de caso. Porque mais uma vez, esta é a parte que realmente vende você como designer e que realmente vende o estudo de caso e seu processo como designer. Então certifique-se de que ele se destaca. Finalmente, temos outros elementos a considerar. Então, dependendo do nicho, seu independente do projeto em que você está trabalhando, esses elementos podem funcionar e podem não funcionar. Assim, os homens devem ter cuidado com o estilo oral do seu produto, com o seu nicho de mundo em que o seu cliente está. Então maquetes dever em 3D em várias etapas. Então, o que é 2D? O que é 3D? Obviamente 2D é isso e isso. 3d é isso e isso, por exemplo. Assim, você pode usar qualquer tipo de ângulo diferente de suas maquetes e fora de seus projetos também. O Adobe XD tem esses recursos 3D para que você possa usar sua placa de arte e torná-la 3D. E você pode salvar a imagem como um PNG como esse e, em seguida, enviá-la para sua apresentação se você quiser ter protótipos clicáveis. Então eu mencionei se você está trabalhando no XD, basta incorporar o protótipo de vídeo Link. Então, mais uma vez, você pode fazer um registro de tela estilo walk-through com você segurando um telefone ou atrás do laptop. Algum estilo passo a passo é o que eu mencionei. Você pode simplesmente bater o recorde no XD se estiver usando ele. E esses outros estilos são, por exemplo, alguém pode pegar seu telefone e simplesmente posicioná-lo assim sobre seu ombro, por exemplo. Em seguida, aqui você está usando seu design em seu dispositivo que você possa acionar um protótipo clicável no final do projeto, e então você pode simplesmente usá-lo em seu telefone e outra pessoa pode gravá-lo. E, claro, você pode fazer o mesmo em seu laptop ou dispositivo desktop. Elementos de fundo. Então isso é o que ele diz, elementos do BCCI apenas para mantê-lo um pouco mais curto, ajudar com interesses visuais, bem como para orientar através de seu estudo de caso. Claro, isso vai depender do seu projeto. Então, se você tiver as folhas, por exemplo, se estiver trabalhando em um ambiente baseado na natureza e empresa, você pode usar folhas como elementos de fundo. Você pode usar flores, você pode usar diferentes elementos gráficos e elementos geométricos. Por exemplo, círculos e quadrados e triângulos e alguns elementos gráficos diferentes, por exemplo, como diamantes. E, finalmente, você pode usar ícones para corresponder bem com todos esses elementos de fundo. Mais uma vez, não faça isso. Estes são, eles são apenas ajudar a manter os interesses do público acima e fazê-los rolar um pouco mais longe. Gradientes e desfocas se eles se encaixam no estilo do projeto, mas não exagere porque muitas vezes eu vejo gradientes ao longo de todo o estudo de caso em realmente machuca seus olhos. Isso realmente aborrece você depois de um tempo e não se esqueça, muitas pessoas estão lá, são deficientes visuais. Então vai ser realmente difícil para os olhos deles ver esses gradientes. E basicamente para distinguir seus gradientes do seu design, especialmente se eles são daltônicos e coisas assim. Portanto, certifique-se de usar gradientes e desfoques em alguns lugares apenas para apimentar um pouco o seu design. Temos adesivos e emojis. Portanto, o uso depende muitas vezes Nietzsche e projeto claro sólido dizer que você está trabalhando em um projeto para um banco. Obviamente você não vai incluir adesivos ou emojis. Ou talvez o banco seja para um público mais jovem e é isso que eles estão tentando atingir. Então, talvez nesses casos, adesivos e emojis façam sentido. Então use seu senso comum sobre o que está tentando criar. Então estes são apenas alguns dos elementos que eu gosto de usar em meus estudos de caso ao longo dos anos. E estes são os elementos que encontrei algumas das principais empresas e designers por aí usam o tempo todo para complementar sua apresentação de design e para contar uma história melhor. Então você pode usar alguns deles, você pode usar todos eles, mas apenas o que você está usando, certifique-se de mas apenas o que você está usando, que ele ajuda a contar uma história e certifique-se de que ele funciona com sua marca e seu nicho. Porque caso contrário, é apenas colar elementos e tornar mais difícil para as pessoas entenderem. E, claro, se você está tentando conseguir um emprego usando seu estudo de caso, ele vai simplesmente empurrar diretores de arte e pessoas do RH para longe porque eles estão vendo centenas de designers diariamente e eles podem realmente dizer quem é bom, que não é sobre essas pequenas mudanças. Então, apenas certifique-se de prestar atenção nelas. 4. Como criar a estrutura de estudo de caso: No último vídeo, falamos sobre quais elementos você deve incluir em seu estudo de caso, mas como você os estruturar para facilitar a compreensão e facilitar o consumo? Este vídeo é sobre isso. Por isso, criamos estrutura para o seu estudo de caso, organizando os seus estudos de caso. Então, é mais fácil de consumir e entender porque não há realmente nenhum ponto de apenas preencher esses elementos em uma página. Eles realmente têm que ter alguma estrutura coerente que faça sentido e mostre aos seus espectadores que você realmente prestar atenção a este estudo de caso e realmente prestar atenção ao seu trabalho de design acima de tudo. Então projeto, introdução e breve, na minha experiência e na minha opinião, deve realmente vir em primeiro lugar. E no topo da página, talvez na sua apresentação, você deveria ter algo como imagem de capa, talvez apresentando o resultado final, o resultado do seu projeto e deste estudo de caso. Talvez se houver um aplicativo móvel, talvez você deva posicionar um belo modelo 3D com um título ao lado dele, apenas para mostrar e contar a história do que isso realmente é. E talvez one-liner sobre o que o aplicativo ou site realmente faz abaixo disso, na minha opinião, e na minha experiência, questões saltar direto para design breve. Então descreva o que é o projeto, mas mantenha-o curto e conciso. Não dê muitos detalhes no caso de você estar sob NDA. Então, por exemplo, o que eu quero dizer com isso é que se você está trabalhando para uma empresa de automóveis, não apenas veja a empresa de automóveis é fundada em 1954, por exemplo. E vá sobre o seu caminho para descrever os detalhes sobre a história fundadora. Ninguém se importa com isso. Você pode mencionar esse detalhe. Então, por exemplo, empresas fundadas em 1954, vamos ver, eles têm 20000 funcionários. Então você vê o que eu quero dizer? Basta ser curto e conciso e mover a história ao longo porque ninguém tem tempo para ler tudo sobre isso, eles podem simplesmente ir para o site em questão em que você trabalhou. Por exemplo, leia tudo sobre sua história. Ou se não for uma empresa, eles podem simplesmente ir para a Wikipédia se estiverem realmente interessados em aprender mais sobre a própria empresa. Seu projeto não é sobre a própria empresa. É sobre o produto que eles estão vendendo, sobre o serviço que eles estão oferecendo, ou sobre as boas ações que eles estão fazendo se eles são uma organização sem fins lucrativos ou algo assim. Então, mais uma vez, certifique-se de mantê-lo breve em seu design. Breve, basta dar a essência para que seu público seja informado e conte sua história através de seu estudo de caso. Então o que eu quero dizer com isso é o que eu mencionei no vídeo anterior sobre elogiar seus textos com suas imagens. E o que eu quero dizer com NDA é não mencionar detalhes pessoais de funcionários. Por exemplo, John é o diretor aqui vive neste 32, este é o seu número de telefone. Obviamente, isso é idiotice. Não faça isso também. Don mencionou seus dados pessoais. Então, por exemplo, você pode mencionar fundadores se eles concordarem com você, e geralmente eles concordam porque é bom. Br, mas não mencione outros funcionários se eles não estão felizes logo madrugada para mencionar seus detalhes pessoais, como números de telefone, e-mails ou vestidos, páginas do Facebook, páginas do LinkedIn, não faça nada disso. Aquelas pessoas querem fazer isso. Eles farão isso em seu próprio site, mas não cometam o mesmo erro que tantos designers lá fora, o que eu vi. Colocando isso no seu estudo de caso, também mencionou qualquer lucro se eles não quiserem. Porque isso realmente vai mostrar a sua concorrência como eles estão indo e isso realmente vai funcionar contra sua vantagem neste caso. Então, por exemplo, você pode dizer algo como eles aumentaram 20% no último trimestre, mas não faça isso. Por exemplo, eles ganham $20 mil a mais no último trimestre do que faziam anteriormente, porque isso realmente vai mostrar à sua concorrência sobre essa informação sensível. Então preste atenção em coisas assim. Mais uma vez, certifique-se de ser conciso e chegar ao ponto. Em seguida, temos problema você sal. Qual é o problema de feixe que você enfrentou neste projeto e como você o resolveu? Projetar o site não é o principal problema. É um problema e é um trabalho que você pegou e foi projetado que você criou. Então você criou este design de site, mas que problema faz esse sal de design de site, por exemplo, se eles têm nossa página de produto, por exemplo, e conversões não são tudo isso. Bem. Esse é o problema que você está tentando resolver. Por exemplo, se a imagem do produto não é muito grande e os potenciais compradores não entendem o que é o produto. Talvez você aumente o tamanho dessa imagem. Ele posicionou os botões aqui e ali e, em seguida, aumentar a conversão mais antiga , a longo prazo, por exemplo, nos próximos seis meses em 20%. Então esse é o problema que você resolve. Esse deve ser o ponto chave que você está mencionando em seu estudo de caso porque mais uma vez, ele mostra aos seus futuros empregadores que você realmente está cuidando de pequenas, pequenas coisas como esta, que na verdade vai se transformar em um grande problema se Não é resolvido a tempo. Não diga que eu tive que criar um aplicativo, mas que problema seus usuários enfrentaram e como seu aplicativo o resolveu. Isso é exatamente o que eu mencionei. Então, por exemplo, se, digamos ficar com a página do produto. Se ele não funciona bem em responsivo, digamos que no Desktop, móvel, desculpe, no desktop e em um laptop e dublés, Digamos que o botão Comprar agora funciona muito bem, mas no celular ele se perde. Então talvez você aumente a conversão em, digamos, 10% ao longo dos próximos três meses simplesmente deixando esse botão grudento e fazendo isso, é uma tal maneira que ele só começa a rastejar quando os usuários começam a rolar para além de um certo ponto. Então esse é o problema que você resolve e você aumenta a conversão em 10%. Este é apenas um dos exemplos. Claro, cada projeto lá fora vai ter problemas diferentes e que você precisa resolver como designer. Este é apenas um deles. Em seguida, temos desafios que enfrentou. Então, houve algum desafio específico que enfrentou ao criar seu design? Os desafios podem ser prazos curtos, problemas do usuário, desenvolvimento de novas ideias, testes longos, implementação e coisas assim. Seja conciso e deixe que seu estudo de caso conte uma história, mas antecedentes suficientes para que os espectadores possam entender do que você está falando. Não damos muitos detalhes. Então, digamos que depois de criar conceitos iniciais, os usuários têm problemas em navegar pelo aplicativo. Então, por exemplo, o desafio que você enfrentou é que você teve que simplificar a navegação. Assim, você tornou mais fácil para os usuários entenderem e chegar mais rápido para onde precisam ir. Então esse é apenas um dos desafios, por exemplo, o desenvolvimento de novas ideias neste caso, , Digamos que você raramente é criado conceitos originais e os usuários gostaram. Mas os fundadores, por exemplo, tiveram essa nova ideia e realmente acham que precisavam no momento. Então você tem que desenvolvê-lo muito rapidamente e introduzi-lo no design existente e conceito existente que seus usuários já gostaram. Então este é apenas um dos milhões de exemplos diferentes. Então certifique-se de mencionar desafiar seu rosto. Mas mais uma vez, seja conciso. Nem todos aprendam com os espectadores nesta parte do seu estudo de caso. Em seguida, temos conceitos que você criou. Portanto, os conceitos não são produtos acabados, mas idéias e versões do seu design. Então conceitos podem ser wireframes de papel, eles podem ser wireframes. Mais uma vez, o que eu mencionei em um vídeo anterior, você pode mostrá-los em seu telefone ou se você estiver usando-os, você pode mostrar seus usuários usando-os o que eu mencionei também no vídeo anterior. Eles podem ser wireframes de papel, wireframes, conceitos de interface do usuário, mas conceitos assustados, bem como testes de interface do usuário, testes de usuários. Então essas são todas as coisas que você pode incluir nos conceitos que você foi criado e você pode espalhar esses conceitos por todo o seu estudo de caso. O que eu mencionei em um vídeo anterior e o que vamos tocar nos próximos vídeos sobre a estrutura geral. Mostre-os de uma maneira interessante, mas não faça isso. É para lá que serve o capítulo do resultado. Mais uma vez, os conceitos não são os produtos acabados, são apenas ideias que você colocou em prática. Por exemplo, o wireframe de papel não é o produto acabado, mas o resultado é. Então, mais uma vez, certifique-se de não exagerar com os conceitos e certifique-se de mostrar de forma proeminente o resultado no final. Porque o resultado é o que importa no final do dia e o que todas essas semanas e meses de design, teste, trabalho nele levou você ao resultado deste projeto. Portanto, certifique-se de torná-lo proeminente no final do seu estudo de caso, temos testes de usuários, portanto, diretamente sobre seus testes de usuários e dê seu conhecimento sobre o que você encontrou, como eles gerenciam com seu conceito. Que resposta te deram? Como seu grupo de testes de usuários foi dividido? Que idade tinha lá? Qual é a sua ocupação, e assim por diante. Mostre imagens dos seus conceitos. Conceito que está sendo testado ao lado do texto para dar uma melhor perspectiva aos seus espectadores. O que quero dizer com isso é, por exemplo, um que você pode criar ou assaltos de gráficos diferentes. Assim, por exemplo, você pode mostrar gráficos de usuários femininos versus usuários masculinos. Quantas horas eles passaram testando? Você verá que a opção um foi melhor do que a opção dois, por exemplo. E você pode mostrar todas essas coisas ao lado do seu texto na forma de imagens, na forma de gráficos e gráficos, e na forma de ícones. Assim, você pode combinar todos esses elementos para realmente ajudar a contar uma história sobre testes de usuários e Ababa sobre como você resolver todos esses problemas usando seus usuários, que o ajudaram a testar seus conceitos para chegar ao resultado e chegar à idéia final. Se você nunca fez testes de usuários precocemente recomendou que você comece a fazê-lo para começar a aprendê-lo, porque ele realmente vai ajudá-lo a melhorar o resultado de sua possível solução para o site da AP onde quer que você esteja fazendo. Mas testes de usuários é só isso. É apenas testar quando o aplicativo ou site está ao vivo, que é quando os usuários reais estão indo para entrar. Portanto, esse teste realmente ajuda você a entender antes de lançar sobre como seus usuários vão interagir com seu design. Nós projetamos o resultado, certo? Sobre quanto tempo demorou, quantas horas você passou iterações e assim por diante. Este é o lugar onde seus textos únicos, pelo menos porque o design vai fazer toda a conversa, mas inclui algumas informações importantes e marcos do seu projeto. O que quero dizer com isto é, por exemplo, projecto levou-me seis meses a concluir. Nesses seis meses fizemos, por exemplo, 20 testes de usuários diferentes foram feitos, 40 wireframes diferentes. Temos 100 pessoas diferentes wireframes. Bebi, não sei, 200 xícaras de café e coisas assim. Portanto, certifique-se de incluir todos esses detalhes, porque eles estão indo para cair ajudá-lo a vender a história para um futuro empregadores e para um futuro usuários. Você pode incluir as horas de teste e o número de mesas conduzidas, como eu disse, para chegar a este projeto, bem como alguns Dodds de fechamento e companheiros de equipe irá ajudá-lo com este projeto, se houver algum. Então, se você tinha algum companheiro de equipe trabalhando com você neste projeto em particular, certifique-se de mencioná-los. Se não quiserem mostrar suas imagens. Mais uma vez, vamos voltar àquela coisa da NDA e da privacidade. Em seguida, basta mencionar seus nomes e você sempre pode deixar seus perfis de beacons. Você pode deixar os perfis de drible, perfil do LinkedIn, coisas assim. E se você é a parte chave desta equipe, por exemplo, se você é um fundador de equipe, se você é o CEO de sua própria empresa, por exemplo, então certifique-se de se mostrar mais proeminente do que todas essas outras pessoas. Porque as pessoas que estão contratando você como uma agência, por exemplo, vão querer ver quem é o cara ou a garota principal desta empresa. Então eles vão querer ver quem está por trás desta operação. E se você se colocar acima dessa gente não como aqui, eu sou assim e essas pessoas não são assim conhecidas. Mas se essas pessoas estão nessa mistura para se tornar assim, ou é simplesmente para se posicionar acima delas apenas para mostrar aos seus futuros funcionários. Sim, eu sou a pessoa que está dirigindo este show e você deve entrar em contato comigo para, por exemplo, falar sobre seu futuro projeto. Então esta é apenas a minha estrutura. Esta é a estrutura que encontrei trabalhada ao longo dos anos, não só para mim, mas para muitas pessoas da indústria, especialmente grandes marcas e grandes designers. Então, mais uma vez, nem todos os elementos desta estrutura vão funcionar o tempo todo em cada projeto. Mas a maioria desses elementos vai funcionar muito bem. Então certifique-se de explorá-los e usá-los sabiamente. Porque mais uma vez, existem apenas para ajudá-lo a contar uma história e apenas para ajudá-lo a formar a opinião oral de seu projeto ou seu fluxo de trabalho e fora de si mesmo como um designer, pode o seu estudo de caso quando você tem todos os seus elementos estruturado de tal forma que os usuários podem facilmente seguir. 5. : Neste vídeo, vou mostrar alguns exemplos incríveis de behance que são encontrados online. Há milhares de exemplos diferentes nos fins de semana especialmente para que você possa navegar neles e você também pode olhar para alguns outros sites. Você pode olhar para sites pessoais de dois criadores que você admira. Para procurar por ele. Existem estudos de caso e para entender como eles estão fazendo e certifique-se de entender que nenhum estudo de caso é o mesmo que os outros estudos de caso, nem mesmo pelo mesmo designer. E porque cada estudo de caso conta uma história diferente, conta uma parte diferente para o projeto final, e realmente mostra design diferente. Alguns, aqui estão apenas alguns dos mais recentes que encontrei. Mas é claro que você pode saltar aqui e procurar, por exemplo, UI UX estudo de caso. E vai cuspir milhares de estudos de caso diferentes. E, claro, você pode navegá-los e ver como eles são criados. Então o que temos aqui é esse conceito de aplicativo de compartilhamento de carros, e isso é o que eu mencionei no vídeo anterior. Certifique-se de incluir algum tipo de imagem de capa apenas para que seus usuários entendam bem. E é claro que você pode saltar para aqui em destaque no seu UX e então você vai ser mostrado o melhor trabalho no Behance, que é ensinado pela equipe Behance. Então, mais uma vez, conceito de aplicativo de compartilhamento de carro. Você pode ver que você é UX 2021, qualquer papel de cada vez e quem o projetou e assim por diante. Então estamos começando com a imagem de um carro e eu não vou entrar em muitos detalhes sobre tudo isso porque este vídeo vai durar três horas. Eu só vou pular entre eles. Mas apenas certifique-se de prestar atenção a todos esses elementos que mencionamos anteriormente nesta classe. Então o projeto, qual era o objetivo do projeto? Fluxo de usuários? Então, como os usuários vão cair através de seu aplicativo, cores e fontes. Então eles não têm o sistema de design que eu mencionei. Eles têm essas cores e fontes, o que é muito bom também. Você está apenas mostrando para seus potenciais funcionários Hub, você criou. Temos telas prototipadas, então eles pularam direto em wireframes no dispositivo. O que temos aqui é um tipo de vídeo. Então temos uma tela de carregamento. Isto é o que eu mencionei. Temos tela de login, então toda a navegação aqui. E você pode ver imediatamente que isso realmente se parece com um wireframe. E eu acho que este é o seu produto acabado, mas você pode, naturalmente, fazer isso em estágios wireframe também. E nós temos o produto acabado aqui, como você vê. Então este era o wireframe afinal de contas. Então nós temos o produto acabado e nós temos esses modelos em perspectiva o que eu mencionei, nós temos esses modelos de modo escuro e nós temos tanques no final. Então você pode vincular seu Instagram Dribble no Telegram ou o que quiser aqui e seu próprio site pessoal. E, claro, dê seu apreço a esses designers uma vez que você rolar todo o caminho para baixo. E isso é o que eu mencionei sobre você, seus companheiros de equipe, ou qualquer coisa que você queira incluir no final. Então você pode fazer isso no Behance, é claro, em seu próprio site também. Temos garfo, então o desenvolvimento de uma aplicação alimentar saudável. E eu posso ligar tudo isso no PDF e na verdade eu vou. Então você pode verificar o PDF que está anexado a esta classe, e você pode simplesmente clicar nesses links para acessar essas apresentações para que você não tenha que procurá-los. Você pode ver por si mesmo imediatamente e então você pode simplesmente saltar para os perfis desses criadores. E, claro, você pode ver que há muitos mais em cada um de seus perfis. Então, só um atalho para você. Então o que temos mais uma vez são essas maquetes em perspectiva, sobre o que o projeto é, quais são os objetivos? Então você pode ver o escopo do trabalho. O que exatamente esse designer fez? Encontrando a solução ideal? Pesquisas que fizeram para a competição. Então temos o nosso fluxo bem aqui. Então, da ideia à criação de hipóteses à prototipagem de pesquisa. Então, nenhuma dessas etapas é o que importa para você como designer porque essas etapas vão mudar de projeto para projeto. Então, às vezes você vai ter a criação de hipóteses, às vezes você não tem. Às vezes você vai ter que fazer pesquisa. Outras vezes os clientes têm feito pesquisa para você, prototipagem e pesquisa mais uma vez, sistema de design. Então, tudo isso é o que você precisa incluir. Mais uma vez, eles vão variar de projeto para projeto prototipagem para verificação de hipóteses. Então temos isso bem aqui. Temos modelos 3D aqui. Então, apenas um temperado aqui e ali. O que eu mencionei anteriormente, não o seu valor oral. Temos o produto acabado aqui com todos esses elementos de fundo, imagens de fundo. Então você pode ver o respingo de leite e todas essas plantas bem aqui na vanguarda, podemos ver a pessoa segurando a maquete. Assim, todos estes elementos mencionados que mencionei anteriormente em lições anteriores. Temos essas maquetes 3D e todos esses elementos saltando para fora para mostrar que há mais elementos nessas páginas, temos imagens correspondentes bem com o texto. Assim, você pode ver estatísticas e perfil funil de vendas adicionais. Então você pode ver todos esses detalhes. Cash back até 20 por cento. Então, todos esses pequenos detalhes são o que ajuda a vender uma história para potenciais espectadores. Mais uma vez, clique em apreciação porque nós realmente apreciamos isso. Temos um estúdio. Então web design e web desenvolvimento página de destino. E você pode ver esses dois designers. Então isso é o que eu mencionei. Se você estiver em um estúdio, você pode ter vários proprietários em sua página do Behance. Então o site foi construído usando tilda e modificação de código, análise concorrente. E podemos ver esta bela estrutura. Então, benefícios de introdução, serviços de trabalho, trabalho em andamento. Sobre nós. Então, tudo isso, temos tipografia bem aqui. Eu vou rolar um pouco mais rápido porque você pode ver quanto tempo este site é. Temos uma animação incrível. E eu diria que sobre essas maquetes é que eles são realmente uma grande idéia porque eles não são. A idade é apenas uma tela básica. Não está mostrando parte específica e isso é o que eu vejo o tempo todo. Vocês, designers, estão usando iPhones, que são gerações mais velhas. Fiz isso também para os meus produtos. E você vai ver isso em um vídeo futuro. Mas certifique-se se você está usando essas maquetes para usar maquetes que são sem rosto, basicamente, você não pode dizer qual dispositivo é este, que tamanho este é. E ele sempre vai ficar na tendência basicamente, porque ele não vai mostrar os elementos de um determinado dispositivo. Se percorrermos todo o caminho para baixo, você pode ver mais exemplos. Você pode ver como ele se parece em um telefone e em uma área de trabalho. Versões em inglês e russo, podemos ver a grade aqui, que é, naturalmente, importante animação de rolagem, o que é fantástico. Você pode ver esses elementos saltando fora dos tablets iniciais mostrando a página também. E obrigado por assistir. Então aqui você tem apreço. Temos site revendedor atual, que é mostrado em, destaque no XD e futuro na UI UX. Então, mais uma vez, certifique-se de verificar isso e você pode ver vários proprietários. Então temos quatro pessoas aqui. Então site negócio atual para Mercedes Benz Ucrânia resumo. Então eles queriam criar um site novo e mais eficiente para substituir os antigos. Então excelente breve e mostrar o problema URL que eles têm. O site anterior foi baseado e modelo Benz oficial e resultando em baixa usabilidade, taxas de conversão pobres, e falta de função necessária. Então este é o problema que você sal imediatamente no topo. Então é por isso que eu digo para não perder muito tempo, simplesmente ir direto ao ponto. Por que redesenhar o site antigo. Então este é o problema que eles resolveram os objetivos do projeto. Então você pode ir em frente e mais uma vez, eu vou deixar os links no PDF para que você possa ler todos esses detalhes. Podemos ver uma experiência de imagem agradável como é sentar-se ao volante. Então estes são os problemas que eles resolveram. Então, quando queremos agendar um test drive, por exemplo? Basta caminhar ou dirigir como é fácil reservá-lo em seu telefone. Mais uma vez, imagens para elogiar o que você está falando. Fácil configuração de test drive para que você possa ver sua ferramenta de marketing, pessoas mais jovens neste caso. Então a pesquisa filtra como resolveram isso. E podemos rolar para baixo um pouco mais API de Pagamentos Automáticos ao longo de algum empréstimo diretamente para os clientes. Você pode ver esta animação agradável de todas essas telas diferentes. Então, do catálogo PDF à loja online, este é o problema também porque a maioria destes, especialmente os fabricantes de automóveis legados, então todos os fabricantes de automóveis, eles estão enviando um catálogo PDF e então você tem para clicar nos links em um PDF Kellogg's para chegar à loja online, que é um ridículo nos dias de hoje. Basta lançar uma loja online em primeiro lugar. Mas você ficaria espantado com quantas dessas empresas mais antigas ainda estão fazendo isso. Portanto, recursos de controle completo e funções. Você pode ver a grade imediatamente. Detalhes como margens, calhas, colunas e assim por diante, fontes e cores. Temos esta bela apresentação aqui, que está na marca, que é o que eu mencionei anteriormente. Você não vê a cor amarela aqui, por exemplo, porque o amarelo não pode ser visto nas fontes e cores originais, por exemplo. Então não use aqui também. Apreciar. E, finalmente, temos este Medicare e é apresentado na UX da interface do usuário. Assim, o maior integrador de soluções digitais em Moscou. Então podemos ver aqui, cores. Eles usaram é um varejista do Reino Unido que especialistas em maternidade em produtos gerais para crianças menores de oito anos. É isso. Você não tem que entrar em muitos detalhes sobre o que eles fazem. Se as pessoas realmente quiserem aprender sobre o que fazem, podem clicar no link e acessar a empresa também. Então temos loja online, como se parece em todo o negócio global, Há mais de 100 loja é conhecida pelo território que é ótimo. Então aplicativo e alumínio como os pequenos trechos de texto, design do aplicativo é feito no estilo leve e moderno, o que realmente mostra, ele mostra para os líderes do projeto e nosso diretor imediatamente. Mas alguém que está olhando, que provavelmente está neste nicho, não vai saber qual é o estilo moderno e leve que é exatamente como o visual geral, mas eles não sabem que estilo é esse. E isso realmente os ajuda se eles entrarem em contato com você para um projeto como este, eles podem fazer referência a este texto. Por exemplo, eu realmente quero que você crie este aplicativo para mim em um estilo moderno iluminado como você fez para esta marca. Então, realmente ajuda contar uma história para seus usuários e realmente ajuda com a conversa mais tarde. Então temos ícones aqui. Talvez alguém não saiba que estas não são ilustrações. Estes são ícones em 3D. Então é muito fácil de ler e entender. Temos segunda tela web, um monte de ar e uma estrutura de página clara. Mais uma vez, o texto ajuda a vender uma história e esses elementos de fundo como esta cor aqui e esses números aqui realmente ajudaram a contar uma história também. Eu realmente gosto desses textos, trechos, eu acho que fazer um trabalho muito bom. Então versão escura com o fundo escuro, com as maquetes escuras dentro, você pode ver este espaçamento quão bem ele faz. Então eu acho que isso é algo como 300 pixels ou algo assim, talvez até um pouco mais no espaçamento. E você pode procurar ajuda espaçamento em todos esses detalhes de fundo, prestar atenção às cores ou às cores que eles usam durante toda a apresentação. Não há realmente cores de fora. Você pode ver isso indo para fora da maquete. Mais uma vez, isso realmente elogios, bem o que você está falando. Um realmente como essas cores. Eu realmente gosto de como eles contam uma história e como as telas estão conectadas. Então talvez estejamos começando a partir daqui, então vamos ouvir, então vamos ouvir de lá, estamos nos mudando para aqui. Então eu realmente gosto dessa equipe de projeto estilo passo a passo. Isto é o que eu mencionei. Então você pode ter a si mesmo como um líder de projeto bem aqui no topo da cabeça de u e x. e então você pode listar todos os seus companheiros de equipe abaixo de você. Se você está mais uma vez em característica chave e membro chave desta equipe aqui para apreciar. E você pode ver o maior integrador de soluções digitais, Moscou, o que é ótimo para nosso slogan, para sua empresa. Então, mais uma vez, estes são apenas alguns dos meus exemplos que foram encontrados recentemente. Mas como eu mencionei, há milhões de exemplos diferentes sobre porque especialmente, e mais uma vez, eu realmente gosto de ser mãos para estudos de caso porque realmente ajuda a entender todos esses detalhes que mencionamos ao longo deste classe. E espero que você tenha visto nesses exemplos, mais uma vez, exemplos que são mostrados aqui serão vinculados no PDF. Então você pode simplesmente clicar nesses links em um PDF e acessá-los facilmente e simplesmente passou mais uma vez comigo com este vídeo sobre o que mencionamos nesta classe para realmente ajudá-lo a entender todos esses elementos que você precisa incluir. Mais uma vez, certifique-se de entender. Mais uma vez, um estudo de caso enorme é diferente. Cada projeto é diferente, então nem todos os projetos, e eu espero que você viu neste vídeo, estes são todos estudos-chave, mas todos eles são teorias completamente diferentes, elementos diferentes. Há espaçamento diferente para usar, baseando diferentes cores e fontes diferentes e iconografia e coisas assim. Então, mais uma vez, todos eles usam uma espécie de uma mesma estrutura ou os elementos que mencionaram, mas eles não seguem exatamente a mesma estrutura. Eles fazem isso de maneiras diferentes, mas ajudam a contar uma história que é o objetivo final aqui, é ajudar seus usuários e seus espectadores a entender qual era seu papel nesse projeto e quais são alguns passos que você tomou para chegar ao resultado final. 6. Redação de conteúdo: Quando você estiver escrevendo o texto para incluir em seus estudos de caso, certifique-se de escrever em um idioma que seus usuários vão entender. Mais uma vez, estamos voltando ao que eu disse no início desta aula. Não use o idioma que é muito complicado, que não fala com seu público-alvo. Certifique-se de falar com eles como com um amigo. Se é esse o tom que você quer seguir. Se isso for mais corporativo em tom mais sério, tudo bem. Mas se esses são seus usuários, se seus usuários vão entender o que você está dizendo na linguagem muito básica, se isso é realmente casual ou profissional realmente não importa. O que importa no final é que eles entendam o que você está tentando dizer a eles. Então, se eu levá-lo de volta muito rapidamente para este exemplo que eu mencionei no vídeo anterior. Então você pode ver este texto. Então, configurando recomendações personalizadas para oferecer as melhores ofertas de produtos. Como você pode ver, eles não mencionam aqui. Então, por exemplo, eu uso dx, dy para, eu não sei, criar duas pilhas para ter certeza de que o botão direito é mendigo e entrar em muitos detalhes desnecessários complicados. O que eles disseram foi criar uma recomendação pessoal para oferecer as melhores ofertas de produtos. Então, quando você está criando seu texto, os homens devem prestar atenção a detalhes como esses. Certifique-se de ser curto, conciso, chegar ao ponto e apenas fazer seu design falar. Esse é o objetivo do estudo de caso dos designers é mostrar seu design, não mostrar suas habilidades de escrita ou mostrar suas habilidades de apresentação, que vão vir através dos anos de trabalho. Então você não vai ser capaz de criar apresentações tão alto como estas diretamente no início, mas um tempo sobre a prática de nossos projetos, você vai ser melhor nisso. E então você vai chegar ao nível dessas apresentações que eu mostrei anteriormente, por exemplo, um nível ainda mais alto. Mais uma vez, no final deste vídeo, certifique-se de mantê-lo conciso. Certifique-se de falar em um idioma que seus usuários e revisores vão entender. Portanto, certifique-se de direcionar e falar com os espectadores e usuários que vão entender e quem são o seu público-alvo porque você está tentando ser contratado e você está tentando mostrar para seus colegas de design, quem é o seu público-alvo e, em seguida, falar nesse idioma. 7. Dicas de apresentação: Nesta lição, vou lhe dar algumas dicas de apresentação, dependendo do que você está apresentando. Então vamos pular imediatamente. Este é um dos nossos produtos. É chamado wireframes ou fluxogramas, e você pode encontrá-lo na web doador dotnet. Vou deixar o link no PDF e você pode acessá-lo. E é claro que você pode obter todos os meus cursos, todos os meus produtos digitais na minha associação. Eu vou deixar o link para isso também, se você estiver interessado. Então você pode clicar na articulação deles e ter acesso a todas as coisas que eu criei. Então aqui temos maravilhoso para gráficos, que é apenas um dos nossos produtos. E quero mostrar isso porque é um pouco diferente do seu estudo de caso clássico. Este é o estudo chave, no entanto, mas é um estudo de caso para um produto digital. Então ele faz a história diferente. Não mostra todos esses detalhes. Então temos 200 telas para 100 elementos para papéis, e temos versões claras e escuras. Então você tem um pequeno trecho de texto aqui, mas eu estou tentando mostrar aqui, assim como versões claras e escuras. E eu estou mostrando isso aqui, então eu estou apenas tentando vender o produto geral também. Então, se deslocarmos aqui para baixo, você pode ver o botão Comprar agora aqui, para que você possa comprar imediatamente. Mas estou tentando vender a história oral do produto em si. Então versões claras e escuras, se rolarmos para baixo, temos componentes adaptativos. Componentes que são inter, interagindo uns com os outros e mudando de lugar, mudando elementos são o que está incluído. Estou tentando mostrar que existem 400 componentes em web e mobile em formatos de arquivo 3D. Então Photoshop, Sketch in XD, ser componentes tão perfeitos, camadas super organizadas, fontes do Google grátis para layouts de papel, tutorial em vídeo incluído para ajudá-lo a começar. Então só este nos ajudou a vender dezenas de cópias deste produto porque muitos dos designers iniciantes não sabem realmente para que isso serve. Realmente não sei o que usá-lo para as compras. E quando eles assistiram ao vídeo tutorial, não apenas são impressionados. Recebi muitos movimentos diferentes ao longo dos anos sobre como o vídeo para aqueles realmente ajudar meus compradores a entender como usar meus produtos. Melhore seu projeto UX. Então é por isso que você vai usar esses fluxogramas. Ao criar fluxogramas e planejar com antecedência, você pode economizar muito tempo nos estágios posteriores da placa do projeto para você e seus clientes, reduzindo o tempo que você usaria para wireframes e litro para você. Então explica para que serve o projeto, para que é o produto imediatamente. E isso realmente ajuda a vender história porque você pode ver todos esses elementos diferentes combinados juntos, fazendo essas telas tipo de para que ele realmente ajuda os usuários a entender como eles podem possivelmente usar este produto se a compra organizada estruturas de camada. Então eu estou compartilhando todas essas capturas de tela bem aqui. E se você não ver isso corretamente, eu posso aproximar muito mais. Então você pode ver o Photoshop, você pode ver o esboço e você pode ver o XD aqui mesmo. E você pode ver essa estrutura de arquivo organizada. Então fluxogramas de qualquer complexidade. Assim, você pode combinar e conectar todos esses fluxogramas de maneiras diferentes. Pronto para impressão. Então eu estou apenas mostrando um tamanho de letra dos EUA e impressão A4 pronto para que você possa imprimir esses quatro gráficos se precisar mostrá-los pessoalmente aos seus clientes ou colegas de equipe. Variações ilimitadas Então eu estou apenas mostrando um monte de variações diferentes aqui, para que você possa combiná-las como quiser. E então eu estou mostrando este ícone de um laptop e eu estou mostrando Elementos Web, luz, que são esses elementos de luz para um 100 elementos de luz para um fluxogramas de um site. E estou começando com a categoria da Heather. Então você pode ver como o texto está realmente ajudando a célula da história oral e do produto neste caso, combinando-o com imagens. Então era isso que eu estava dizendo. Eu não estou dizendo um elementos da web como assim, por exemplo, Eu não estou dizendo aqui todos eles têm fundo branco para ajudar seus elementos se destacam da multidão. Porque isso vai ajudar seus usuários com deficiência visual a entendê-los melhor. Eu não estou vendo nada disso para elementos da web, como 200 elementos de luz para um fluxograma do site. Então os usuários podem entender que isso não é para um celular, isso é para o nosso site, ok, e categoria quatro cabeçalhos, você pode ver conteúdo, controles deslizantes, portfólio de futuros, assim por diante, Solver. E se deslocarmos ainda mais para baixo, temos elementos móveis assim. Os usuários podem então dizer, ok, então isso é para dispositivos móveis também. Incrível. Então eu tenho 200 aqui para 100 darum, ótimo. Então, temos categorias de login passo a passo e assim por diante. E então quando eles percorrem todo o caminho até aqui. Como você pode ver, a apresentação é extremamente longa porque há dezenas de elementos diferentes. Elementos Web escuros, então tudo bem, então eu posso combinar luz e escuro, ou eu posso usar luz ou escuro imediatamente. Incrível. Então eu não tenho que perder tempo criando esses elementos claros ou escuros mais tarde. Qual é o objetivo dessa apresentação em primeiro lugar? É um pouco mais lento para carregar porque é enorme. Você pode ver quanto tempo par minha rolagem e isso é o que eu estava tentando dizer-lhe nas lições anteriores. Imprima seus fluxogramas da Web e mostre-os para sua equipe ou clientes e elabore o layout com eles. E você pode ver esta laranja bem aqui de dois fluxogramas. Notas impressas estão sendo tiradas. Colaboração está acontecendo aqui, ou você pode imprimir seus fluxogramas móveis e mostrá-los a uma equipe ou os clientes são elaborados o layout com eles. Então aqui temos telefone celular, temos a mesma coisa, temos a banda, temos todos esses detalhes. E eu fui em frente e fechei essas imagens. Primeiro de tudo, combinei os meus fluxogramas, imprimo-os. Tirei um tempo para fazer algumas dessas mudanças, para fazer alguns desses esboços. E então eu tirei o tempo para organizar todos esses elementos e tirar uma foto porque isso realmente ajuda a contar uma história para meus usuários e potenciais compradores deste produto. Porque realmente os ajuda a entender um pouco melhor como eles podem usá-los. Então, para ampliar todo o caminho, você pode ver no GIS para baixo, deslize para cima. Você pode ver que não, então não cite aqui. E você pode ver todos esses elementos em ambos os fluxogramas. E finalmente, no final, o que eu queria te mostrar é isso. Então, role um pouco para baixo aqui. Pode ler Amor por doador web para ajudá-lo a criar designs doces. Então, só um pequeno slogan na parte inferior. E no meu site, você pode ver que seus vários produtos diferentes da mesma categoria e pode clicar ver mais produtos para verificar todos esses outros produtos da mesma categoria ou categorias diferentes. Mas se eu começar meu pergaminho rápido, você pode ver quanto tempo isso vai levar para chegar ao topo. Portanto, é extremamente longo e não carrega em tempo real, mas você pode obter a imagem. Vou deixar o link no PDF, como é dito, para acessar este produto, apenas para explorá-lo, para ver esta apresentação. Mas este é o estudo de caso. entanto, estudo de caso pode ser vender a si mesmo como designer, vender o seu serviço ou vender o seu produto. Este é o estudo de caso neste caso, e é claro que eu fiz isso para todos os nossos produtos. Então vai ser um pouco diferente de produto para produto dependendo de quão grande ele é, o que ele faz, qual é o seu público-alvo e coisas assim. Mas o objetivo deste vídeo é ajudá-lo a entender que o estudo de caso está realmente lá para ajudá-lo a vender algo. Seja você mesmo como designer, para alguém contratar você, seja um produto como neste caso, seja um serviço que você está fornecendo, como design de sites, design aplicativos e coisas como Isso. Certifique-se sempre de falar com seus usuários, falar com seus espectadores e realmente ajudá-los a entender o que se trata. Então seu estudo de caso, como mencionei várias vezes, pode ser sobre serviço, sobre produto ou você mesmo. Então você está se vendendo como designer que está trazendo este pacote. Então certifique-se de ser sobre isso. Certifique-se de contar uma história e certifique-se de ser o mais fácil de entender possível. Porque nem todos, nossos designers, nem todos são especialistas e nem todos os clientes são iguais. Alguns clientes vão entender. Sim. Está bem. Eu sei o que é o Adobe XD , por exemplo, quais nossas pilhas, camadas de água, mas outros clientes não vão saber nada sobre isso. A maioria dos vinhos lá fora nem sequer possuem um computador, acreditem ou não. Então eles estão fazendo todo o seu trabalho em seu telefone ou em seu tablet. Então aplicativo desktop, que está apenas disponível no computador desktop, não vai soar familiar para eles, porque eles não têm um computador desktop em tudo. Então, apenas certifique-se de prestar atenção a todas essas coisas em seu estudo de caso vão se converter como loucos. 8. Projeto do curso: Seu projeto de classe para esta classe é criar uma estrutura de estudo de caso de um pouco como você para usar qualquer pedaço de papel, qualquer tipo de caneta ou lápis, e simplesmente criar sua própria estrutura de seu projeto ideal que você tem em sua ordem principal em que você está trabalhando atualmente, isso vai ajudá-lo a longo prazo porque quanto mais desses você fizer, mais você vai entender a estrutura do estudo de caso e a melhor maneira possível de ajudá-lo a contar uma história deste produto ou serviço específico. Portanto, certifique-se de fazer isso em um pedaço de papel e certifique-se de enviá-lo para seus projetos de classe, porque ele não pode esperar para ver o que vocês podem criar e talvez fornecer algum feedback sobre sua estrutura geral. Portanto, certifique-se de seguir a aula mais uma vez e certifique-se de usar essas dicas aqui e ali para criar sua própria estrutura de estudo de caso ideal. 9. Conclusão e recursos: Então lá vamos nós. Chegamos ao fim desta aula. Eu realmente espero que você tenha achado isso útil e eu realmente espero que você tenha achado útil. E lembre-se, isso não é um tipo de atalho que vai criar uma estrutura perfeita de estudo de caso. E você vai estar se afogando em ofertas de clientes e algum empate que isso é apenas para ajudá-lo a entender o básico de basicamente vender, vender a si mesmo, vender seus serviços, vender seus produtos. E para nos ajudar a contar uma história melhor, porque estudos de caso não são nada. Se eles não são tudo sobre histórias, você está contando a história do desenvolvimento deste projeto desde a idéia inicial e que o cliente teve em sua cabeça até o resultado final e o resultado deste projeto, que é o terminou design de interface do usuário e, em alguns casos, até mesmo projeto publicado UI. Então é ao vivo, seja um site ou um aplicativo móvel. Lembre-se que há um PDFs, você pode baixá-lo e você pode acessar todos os distintos que eu mencionei nesta classe. Basta clicar neles e ele vai levá-lo diretamente para que você não tenha que perder tempo navegando por tudo isso. E lembre-se, isso vai levar tempo, então apenas pratique. Se você não tem um projeto no qual está trabalhando atualmente, ou se você não tem seus projetos anteriores, basta criar seu projeto imaginário. Mas siga estas regras, siga estas estruturas, siga esta compreensão do estudo de caso em si. E isso vai ajudar você a discar em seu estilo de apresentação, em seu estilo narrativo, em seu estilo de escrita, ele realmente vai ajudá-lo quando você pratica criando esses estudos de caso. Então, mais uma vez, isso é tudo para esta aula. Eu realmente espero que você tenha gostado. Certifique-se de verificar minhas outras aulas. Obrigado por assistir e até a próxima vez. Cuide-se.