Introdução à prototipagem rápida: aprenda os conceitos básicos | Evan Kimbrell | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Introdução à prototipagem rápida: aprenda os conceitos básicos

teacher avatar Evan Kimbrell, Director at Sprintkick

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

11 aulas (1 h 9 min)
    • 1. Boas-vindas ao curso!

      1:39
    • 2. Primeira coisa a fazer

      1:05
    • 3. Terminologia A-Z

      11:29
    • 4. Wireframing vs prototipagem

      5:46
    • 5. Alta fidelidade e baixa fidelidade

      6:13
    • 6. Por que fazemos wireframe?

      9:21
    • 7. Como escolher uma ferramenta

      7:13
    • 8. K.I.S.S.

      4:37
    • 9. Seguindo o caminho de construção

      17:42
    • 10. O projeto do curso

      2:14
    • 11. Mantenha o aprendizado indo

      1:33
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

756

Estudantes

1

Projeto

Sobre este curso

Você já ouviu alguém dizer "UX magro", "Wireframing" ou "Prototipagem", mas não tinha certeza de que você sabia do que eles estavam falando?

Bem, parabéns que você está normal. O termo "Experiência de usuário" é uma palavra bastante nova, e sua abreviatura de duas letras (UX) é ainda mais recente. Muitas pessoas estão desmanteladas com este novo desenvolvimento, não se preocupe.

Neste curso, vamos cobrir os conceitos básicos de UX e prototipagem para você acompanhar a velocidade. Vamos cobrir todos os termos, o que eles significam, e rever exemplos para que você possa entender melhor como o UX moderno funciona.

No final do curso, você estará pronto para saltar e começar a aprender mais informações detalhadas sobre UX e Prototipagem ou apenas se sentir confiante na sua capacidade de converter e entender termos UX.

O que vamos aprender:

  • Qual é a diferença entre interface de usuário (UI), Arquitetura de Informação (IA) e Experiência de usuário (UX)? O que é um storyboard? O que significa "interatividade"? Vamos cobrir todos esses termos e vários outros.
  • Qual é a diferença entre "alta fidelidade" e "baixa fidelidade"? Quando devemos usar cada um?
  • Qual é o ponto de wireframe? Onde é que ele se encaixa no processo de desenvolvimento?
  • Práticas padrão para UX.

O que você vai fazer:

Para nosso projeto, temos uma caça ao tesouro que utiliza todo o seu novo conhecimento. Você vai sair e encontrar um wieframe ou protótipo de um site ou aplicativo móvel popular que você usa todos os dias. Quando você encontrar um (eu vou apostar que você $5 que são muitos), você vai compartilhar com o grupo e discutir.

Conheça seu professor

Teacher Profile Image

Evan Kimbrell

Director at Sprintkick

Professor

Hi, I'm Evan Kimbrell.

Thanks for checking out my classes.

Currently, I'm the Founder, Director of Sprintkick, a referral-based full service digital agency based out of San Francisco. Over the past 4 years, I've overseen the development and launch of over 100 web and mobile apps. Clients range from 1-2 man startups bootstrapping their initial idea to multibillion dollar Fortune 100's like Wal-Mart, Dick's Sporting Goods, & GNC.

Prior to Sprintkick, I worked as a VC for a firm called Juvo Capital, based out of L.A. I spearheaded the firm's expansion into the Silicon Valley deal flow and into the Consumer Web tech category.

Before working for Juvo, in the long, long ago, I was a co-founder for an educational software startup called ScholarPRO that raised a ton ... Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Boas-vindas ao curso!: Ei, pessoal. Eu sou Evan Kimbrell, e eu sou o diretor da Sprint Kick, que é um estúdio de desenvolvimento web e móvel baseado em São Francisco, Califórnia, então o nome desta classe é introdução à prototipagem. Aprenda o básico. A idéia por trás dessas aulas de que eu vou te ensinar o básico absoluto que você precisa saber para entender prototipagem agora pode significar muitas coisas diferentes. O que é interessante? Enquadramento de arame? Qual é a diferença entre prototipagem? O que é Low Fidelity? O que é alta fidelidade? Esperemos que o final desta aula, eu vou brincar-lhe com o conhecimento básico para responder a essas perguntas, mas também para entender o que é prototipagem e como ele se encaixa no ciclo de desenvolvimento fora da Web e aplicativos móveis. Para aqueles de vocês que querem se mudar para conhecer vocês X ou mesmo programar ninguém tem um protótipo é realmente útil e eu diria habilidade essencial. E mesmo que seja apenas o caso que você precisa se familiarizar com o processo, é muito popular. E startups, eu acho que prototipagem também é provavelmente a resposta. Como diz o título, vamos cobrir o básico. Vamos falar sobre o contexto de como ele funciona quando você usá-lo. Quais são os principais termos? Vamos dar uma palestra sobre terminologia do curso intensivo. Esperemos que, no final desta aula muito curta, você deve estar a par do que é e se sentir confiante puxando uma conversa e passando a aprender mais em profundidade técnicas e habilidades com os guardas. Um prototipagem. Pessoal, Pessoal, espero que estejam entusiasmados para aprender porque estou animada para ensinar esse clique e rolar. Vemo-nos lá dentro. 2. Primeira coisa a fazer: Ei, pessoal, bem-vindos de volta à aula. Então eu tenho uma tarefa para você muito rapidamente. Eu quero que esta seja a primeira coisa que você dio eso na parte inferior da página de compartilhamento de habilidades. Ele diz discussões, as discussões clipe, e então você pode clicar em nova postagem. Eu quero que você agora vá e faça isso e se apresente. Não precisa me contar muita informação. Você pode apenas dizer seu nome ou seu de. Mas o que eu gostaria de ouvir de você é um. Com o que você está lutando? E para o que você quer sair da aula? Acho que isso é algo que ajudou imensamente com a turma. Eu realmente gosto de fazer minhas aulas o mais envolvente possível. Eu respondo a todos, e quero ter certeza de que, enquanto ensino, estou atingindo seus objetivos e sei exatamente o que estou tentando consertar. Ok, então esta é a primeira coisa. Vá até o final da página. Faça isso agora. Não pule isso. Pode pular se quiser, mas acho que vai perder. Tudo bem. Ver a próxima palestra 3. Terminologia A-Z: Bem-vindos de volta ao curso nesta palestra. Vou passar por cima e uma espécie de estilo de curso intensivo. Quais são os principais termos e terminologia que você precisa entender para que você não se perca? E assim também, quando você está usando o recurso é ou fazendo sua própria pesquisa, você está melhor equipado para entender o que realmente está acontecendo e o que as pessoas estão falando . Então há um monte de termos que estão amarrando por aí, e eu juro que eles são realmente como se multiplicar. Mas se você chegou a um ponto em que eu disse algo e você disse huh hum, não se surpreenda, honestamente, eu todos os dias aqui, um novo termo que eu realmente não tinha ouvido. Mas o objetivo desta palestra é que vamos tentar revê-los para que você possa ter um bom entendimento. Você não precisa entendê-los exatamente para o que nós apenas de novo. Estamos apenas tentando passar por isso rapidamente para que você tire o máximo proveito do curso. Então, vamos entrar. Se você está pronto para ouvir, preste atenção porque eu tento ir bem rápido porque eu não perderia muito do meu tempo ou do seu tempo explicando isso em profundidade. É muito fácil ficar atolado, e muitos destes não são particularmente importantes. Você só tem que ter a essência disso. Então vamos começar. Aqui está um grande termo que você provavelmente ouviu o tempo todo. Interface do usuário. É muitas vezes referido apenas como você eu, mas não é realmente uma palavra muito ambígua, mas você precisa entender o que é. Caso contrário. Você vai se confundir com alguns dos outros termos, então você é novamente apenas significa interface de usuário. O que é isso ao usar um site usando um aplicativo móvel. O que você está olhando? Os botões, os gráficos, as imagens, o texto. Qual é a sua interface de usuário? Aquela coisa que você interage com você clica, você, percorre, você se move. Essa é a interface com a qual você, como usuário, vai interagir. É assim que obtemos interface de usuário. É um termo muito amplo. Só quis dizer que Teoh descreveu o que quer que você interaja, não é para descrever coisas que acontecem em segundo plano. Ah, não é realmente significou descrito qualquer outra parte do aplicativo, apenas as coisas que consideraríamos na camada superficial que você carrega em seu navegador, você carrega em seu telefone. O segundo termo é a experiência do usuário, também usado como você X. Agora eu vou admitir, esta é uma palavra que parece estar mudando definição. Todos os dias ele funciona parece usá-lo de forma diferente, mas novamente, você meio que precisa entender mais ou menos do que eles estão falando. Agora, a experiência do usuário é feita para diferenciar a partir de agora. Experiência do usuário destina-se a diferenciar-se da interface do usuário. Interface de usuário do computador é apenas a coisa física que você vê. Onde é que a experiência do usuário deve ser isso, mas também para incluir muito mais. Então você X é destinado a incluir um lote inteiro Mauritz, destinado a incluir gráficos. É para incluir interatividade. Destina-se a incluir o fluxo do usuário. É chamado de experiência do usuário porque ele encapsula muito mais, e a melhor maneira de resumi-lo é que ele. Ele cobre tudo o que um usuário experimentará ao interagir com seu site ou aplicativo móvel. Agora, quando um usuário atinge sua página e eles precisam, eles têm um objetivo em mente no dia tem que concluir tarefas para chegar a esse ponto. Todo esse processo é chamado de experiência do usuário. Então alguém que se chama especialistas auxiliares ou especialista em experiência de usuário alguém que é qualificado em descobrir como obter essa pessoa efetivamente do ponto A até o ponto B sem frustrá-los com a obtenção das informações de que precisam entender geralmente como usuários e consumidores, quais são as armadilhas e sites que se confundem em quais são as áreas que eles, você sabe, eles realmente e uma das áreas que eles realmente podem completar bem hoje em dia, também, você acessa começando a descrever pessoas que não só entendem o fluxo do usuário, interatividade e os botões, mas também as pessoas que fazem designs gráficos. Muitas vezes você ouve alguém que é um designer que poderia fazer uso de sua experiência e pode fazer praticamente tudo o que você consideraria na frente do seu site, e eles se chamarão de pessoa U X. Eu uso a experiência do usuário sempre que estou sendo preguiçoso, e eu só quero dizer como toda essa experiência de usuário e eu convido você a ser preguiçoso comigo também . Agora interatividade número três. O que isso significa? Bem, você realmente teria pego essa palavra que eu usei anteriormente nas palestras anteriores realmente sei. O que significa é que em um site, as coisas que movem as coisas que você clica, as coisas que têm funções reais era que é interatividade. Coisas que permitem que um usuário interaja com o site e não apenas navegá-lo claramente. Não seja o que for uma extensão de apenas um projeto que geralmente é o que nos referimos à sua interatividade. É muito simples. Alguém interage com isso que você se lembra. usuário interage com o site e com as coisas que ele interage com ela ela . Isso é interatividade. Agora, as interações individuais chamarão interações. interatividade é apenas uma descrição geral de todas as interações possíveis em um site. Quando você clica em um botão, ele pediu mais informações. Dá-lhe a tua informação. Isso é interatividade. Quando você clica em um botão, ele carrega uma imagem para você, e você pode fazer algo com isso. Isso é interatividade. Número quatro mapa do local. Um mapa do site é uma ferramenta que vamos cobrir mais tarde. Como construir o que é é uma representação visual de todas as páginas em seu site ou aplicativo móvel. E qual é a relação áspera entre eles agora? Se você já viu isso, eles se parecem com árvores de hierarquia. Eles parecem que você vai ver pequenas caixas com linhas conectando-as. E isso é apenas um alto nível Compreensão da primeira página irá para as páginas secundárias , vai para a terceira página, ea terceira página pode ter um link todo o caminho de volta para a página inicial. Isso é útil do ponto de vista do projeto, para entender quais são todas as páginas que precisamos, e isso ajuda você realmente a ter certeza de que você não deixa algo de fora. Normalmente, mapas do site não incluem funções de back-end. Eu não falo sobre como servidores ou informações que estão sendo armazenadas informações que estão sendo enviadas para cima. Mas às vezes há exceções, e eu já vi pessoas incluí-las em cochilos. Normalmente você cria estes, seja com apenas um lápis e papel. Você pode fazê-lo em uma ferramenta de enquadramento de arame. Você também pode fazê-lo em qualquer tipo de software de especialidade e seu software de especialidade que vai fazer isso. storyboard número cinco. Este é um desses fundos, e provavelmente já ouviu falar dele. Na verdade, é um truque se você já ouviu storyboard. Não estamos mais falando de sites ou aplicativos móveis. Storyboards. Ar realmente tradicionalmente usado com filme quando O que eles são é uma representação visual de como uma animação ou uma cena de filmagem de filme, como ele progride do início ao fim. Agora não é necessariamente algo que transfere diretamente sobre os sites. Ocasionalmente você pode ouvir isso ser encaminhado. Teoh, quando você está falando de uma animação em um site de volta nos dias e usamos Flash muitas vezes teria animações flash, e as animações poderiam ser reproduzidas quase como um trailer ou algo assim. Nesse caso, você usaria um storyboard para nossos propósitos. Essa é uma palavra que você pode jogar fora, mas você só precisa saber que eles não estão falando sobre sites Número seis personalidades desde um que se você já leu algo sobre experiência de usuário, interação mais fácil, você provavelmente ouviu esta palavra persona é um designer ou desenvolvedor tipo de palavra buzz para um tipo de usuário comum. Agora, persona seria uma forma de construir, digamos, como um arquétipo de um usuário comum. No DSO você constrói uma persona em torno desse usuário, então ah, persona ao redor, um usuário pode dizer a idade do usuário, o que eles estão tentando sair do seu site, como eles ouviram sobre o seu site, como eles estão familiarizados com a tecnologia. Há um monte de características diferentes que você pode anexar a eles. Então eu vou te dar uma pessoa falsa alguém que vem até você para mim, procurando por cursos de negócios. Aqui está uma persona que poderíamos inventar. Poderíamos dizer que talvez tenham 25 a 35 anos. Talvez eles estejam empregados em uma empresa de tecnologia. Talvez eles vieram a este site para ver se eles poderiam encontrar um curso sobre Excel. Ok, isso seria uma persona, e isso é muito específico. Mas você faria muitos desses porque suas ferramentas para ajudá-lo a entender como os usuários podem interagir com seu site. E quais são as possíveis armadilhas baseadas em quais são suas necessidades? Falaremos um pouco mais sobre personas mais tarde. Agora, você só precisa entender que isso é realmente tudo o que é. É um exercício mental. Arquitetura de informação número sete. É muitas vezes referido como I A. Isto é algo que na verdade é um pouco mais obscuro e na verdade se dá um tapinha nas costas de você. Já ouvi falar. Este é particularmente comum. Há pessoas que são consultores na arquitetura da informação, mas é um termo muito amplo. Mas o que significa é como as informações e o conteúdo são exibidos em seu site? Isso é basicamente o que significa. E a maneira mais fácil de explicar isso seria. Se você está olhando para um site, alguém pode ter decidido onde o logotipo vai. Eles podem ter decidido onde vai a manchete. O slogan vai. Você pode ter decidido quanto tempo deveria ser sua manchete. Eles podem ter decidido o texto da descrição. Onde isso deve ser colocado? Em que cores são colocadas , quão importante é estar na primeira página? Esta é a segunda página Information Architecture é a organização de informações sobre como melhor configurar isso para que os usuários possam digerir essas informações de forma eficiente e eficaz. E por último, mas não menos importante, o que é design responsivo. Agora eu acho que isso é muito útil chamado, entender, mas não é necessariamente relevante para o que estamos fazendo neste curso. É útil porque é um termo muito comum hoje em dia, e entender o que isso significa vai torná-lo mais equipado para entender as interações. Você tem mais tarde com designers gráficos e desenvolvedores, porque é uma questão em um termo que quase sempre surge agora no desenvolvimento de produtos, sobre design responsivo é quando você desenha um gráfico. Agora, um design responsivo é quando você cria uma página da Web e um layout para uma página da Web, e esse design em si é responsivo a outros tamanhos de tela. Eso O que isso significa agora? Se eu desenhei um site e o desenhei da maneira que vejo em um navegador, se eu desenvolver isso e projetá-lo de uma forma que se eu pegasse esse site e o abrisse no meu telefone, as imagens, os gráficos, o imposto, o layout seria automaticamente em conformidade com a tela menor no meu telefone. Agora isso também vale para outras coisas, como iPads e design responsivo é tipicamente projetado para tablets, e design responsivo é normalmente feito para coisas como tablets, telefones e navegadores. Não é um termo muito importante, mas é algo que você deve saber. Ok, então essa é a minha versão da terminologia do curso intensivo. Espero que você aprenda alguma coisa. Se não o fez, sinto muito, mas está à frente do jogo. Se vocês tiverem alguma pergunta. Esclarecimentos, certifique-se de postar nas discussões do grupo para mim. Mensagem privada. Eu sei que passei por isso muito rápido, mas é porque eu só quero levar vocês para a carne real do curso rapidamente. Mas se você meio que perdeu, pisar em qualquer lugar a qualquer momento, é só me avisar. Todos os postos. Outra atualização sobre o Beacon. Saia dessa. 4. Wireframing vs prototipagem: Ei, pessoal, bem-vindos de volta ao curso nesta seção. Vamos falar sobre qual é a diferença ser arame emoldurando mock ups e o que é um protótipo ? Cada palavra tem um significado diferente, mas eles são uma espécie de sobreposição. Eu acho que é muito importante tirar isso do caminho, então você entende o que eu estou me referindo, porque, na verdade, são três coisas diferentes. Então o que é uma armação de arame? Um quadro de arame também é conhecido por outros nomes. Nenhum nome é um esqueleto, mas o que é é é uma representação visual do layout do seu site ou do seu aplicativo móvel . As armações de arame parecem ser projetadas com fios, e é daí que vem o nome, porque você vai olhar para ele. Parece que foi desenhado com arame num pedaço de papel. Agora, muitas vezes você vai ver, é que ele é o seu design hoje em dia, com um tipo de estilo esboçado onde ele parece ser desenhado à mão e ele tem bordas ásperas e linhas não são perfeitamente retas. E essa é uma convenção muito popular agora. Armações de arame não são feitas para serem bonitas. Na verdade, verdade, eles parecem ridículos quando você os vê. A questão é, no entanto, que eles devem mostrar a organização do seu aplicativo do site. Eles estão destinados a aparecer. Qual é o layout real de onde tudo vai? Às vezes, um quadro de arame terá direitos autorais. Teremos texto em seu. Teremos manchetes já escritas nele agora. Às vezes, eles também não. Às vezes eles têm texto genérico como Laura Ipsum ou apenas tagarelice. Agora por que isso é que algumas pessoas decidem colocar riel conteúdo real em sua fama arame e por que alguns não fazem. É um ponto completamente diferente, mas vamos cobrir isso mais tarde. Amigos da escuta. Eles geralmente parecem espaços reservados para um site real, mas quando você olha para eles, você tem uma vaga compreensão de como o site deve ser porque eles sempre usam elementos muito comuns que são usados em todas as páginas . Vamos cobrir mais tarde quais são os elementos comuns, mas se você viu um quadro de arame, você vai reconhecê-lo porque eles se parecem com praticamente qualquer site ou aplicativo móvel que você já esteve, e eles têm coisas básicas que você ver através de todos eles. Às vezes, um quadro de arame terá um pouco de cor neles, mas, na maior parte, o quadro de arame não se preocupa com o gráfico. Então é isso que falta uma armação de arame. E se você tem prestado atenção aos visuais nesta palestra, você pode ver mais ou menos como eles se parecem, e eu tenho certeza que você provavelmente já os viu. Há uma imagem realmente famosa que flutua ao redor e a traz para cima. Neste momento, esta é na verdade a primeira armação para o Twitter. Como você pode ver, na verdade foi escrito, e vamos cobrir mais tarde quais as formas populares que as pessoas fazem arame quadro, mas uma das maneiras mais populares que as pessoas fazem isso é, na verdade, apenas com uma caneta e papel. Agora, este é um grande exemplo do que isso realmente acabou se tornando. É interessante ver que isso é, como no início, a gênese dessa coisa que todos usamos chamada Twitter. Agora um protótipo. É um pouco diferente. Um protótipo é uma simulação real do que o seu aplicativo vai fazer, e em muitos casos é realmente uma versão reduzida do aplicativo que você está indo para construir o seu destinado a olhar o mais próximo possível de qualquer aplicativo ou idéia ou site que você vai lançar órbita. Assim, geralmente as maiores diferenças entre os dois e, pelo menos, para fins de ano para compreensão. Isto é que os protótipos geralmente têm algum nível de design gráfico feito, nem sempre o caso que as páginas inteiras projetadas em fim. Pode ser algo muito rápido, mas geralmente tem elementos gráficos personalizados usados nele. E, em segundo lugar, é um protótipo que tem alguma interatividade agora. Armação do fio. Quando você olha para ele, você geralmente não é capaz de clicar em botões para percorrer a página dois, um, um, abrir algo, enquanto que um protótipo na maioria dos casos você pode fazer isso, e então eles realmente são simulando parte da interatividade real do site. Com um protótipo, normalmente você pode clicar nas coisas que pode. Se for um aplicativo móvel, você pode tocar em coisas chamadas de toque ativado. E você normalmente pode ir e explorar o mapa do site em um protótipo. A maior limitação de um protótipo, no entanto, é que ele geralmente é uma demonstração em nível de superfície de como é usar o aplicativo . E ele geralmente não faz o trabalho pesado que você esperaria com a maioria dos aplicativos. Então não vai fazer muitos cálculos de fundo. Não vai salvar informações, criar contas de usuário, etc, etc. O que é uma Marca? Bem, eu uso isso incorretamente, e eu vou estar usando isso incorretamente durante todo o curso. Não memorizo este, mas é uma palavra útil para descrever os dois. Agora, se você esboçar algo em uma página e ele é destinado a representar o site que você está tentando construir, isso é uma simulação. Agora, se você usou uma ferramenta para construir quadros de arame, ela deveria representar sua aplicação. Isso também é Marca agora se você construiu um protótipo e que também se parece com a sua aplicação. Mas não é a coisa completa que também é uma simulação, e por isso, e por isso, ao longo deste curso, vou referir-me às coisas em geral como simulações. Eles não são específicos para se é ou não uma armação de arame ou um protótipo. Qualquer um pode ser uma simulação. Geralmente, uma simulação significa que é apenas uma versão simples ou simples. Não é a versão completa, mas eu não estou discriminando entre qual quando eu uso essa palavra 5. Alta fidelidade e baixa fidelidade: Então nesta palestra vamos falar sobre o que significa baixa fidelidade? O que significa alta fidelidade sobre como isso se relaciona com o que você está tentando construir e como tomamos uma decisão sobre qual precisamos? Então, primeiro, vamos encontrá-los para a alta fidelidade. Bem, o que significa fidelidade? Primeira Fidelidade neste caso apenas significa precisão. E quando digo exatidão, estou falando de quão precisa é a simulação até o que você realmente vai construir? No final, uma fidelidade lo significaria baixa precisão e uma alta fidelidade significaria alta precisão. Agora, novamente, esta é a precisão baseada em como ele parece real comparado com o seu produto final. Os quadros de arame, se você ainda não adivinhou, são de baixa fidelidade. Eles são de baixa fidelidade porque eles não se parecem muito com o que você está no produto vai parecer. Eles estão realmente mais preocupados apenas com o layout de informações e descobrir como cada página do seu site ou aplicativo é organizada. Eles não lidam com detalhes gráficos. Eles não lidam com desenhos de botões, cores praticamente um monte de coisas que você teria em seu produto final. Agora, protótipos são muito mais fidelidade e bem, isso é realmente porque eles estão muito mais perto de como os produtos finais serão agora. A principal razão pela qual os protótipos são considerados de alta fidelidade é porque geralmente a diferença entre os dois é que eles usam design, e eles realmente têm alguma interatividade embutida nele. Seu produto final terá interatividade. Portanto, um protótipo do seu produto final que tem interatividade muito perto. É muito preciso, tem alta fidelidade. Então, se sua simulação parece mais um esqueleto, talvez tenha alguma cor. Talvez não aconteça. Talvez ele tenha um tem um layout, mas talvez eles possam mudar se ele mostra onde os botões estão, mas eles não necessariamente fazer nada novamente. Então isso é baixa fidelidade. Ok, então a chave aqui é que ele não tem detalhes gráficos. Agora vamos entender as diferenças entre os dois em relação a como você usá-los . Ambos são um pouco diferentes, e ambos são usados para diferentes casos de uso. Então entender para que eles são usados é realmente ajudar. Se você só quer ajudar a transmitir uma idéia que você tem, se você precisar de ajuda para envolver sua cabeça em torno de uma idéia de aplicativo ou site onde você só precisa uma maneira precisa, hum, de obter uma estimativa. Então as chances são que você provavelmente está bem com uma simulação de baixa fidelidade. Bem, é bom mostrar a um designer gráfico de alta fidelidade. As chances são, quando você se aproximar de um designer, você não será capaz de ter uma marca de alta fidelidade. Agora lembre-se. A diferença é que simulações de alta fidelidade geralmente têm design gráfico. Portanto, ter uma simulação de alta fidelidade até chegar a um designer, nem sempre é o caso a menos que você tenha algumas habilidades de design. Normalmente, os designers gráficos vão ficar perfeitamente bem com a simulação de baixa fidelidade porque é o trabalho deles. Lembre-se de determinar a aparência e sentir e fazer tudo o que você acabou de fazer parecer bonito, bonito e brilhante Agora. Da mesma forma, um desenvolvedor realmente só precisa de simulação de baixa fidelidade para envolver sua cabeça ao redor. O que exatamente está acontecendo nesta aplicação e qual é o escopo geral Agora? Há uma diferença realmente importante ou uma exceção diferente, e vale a pena entender isso agora. Quando um desenvolvedor olha para uma simulação de baixa fidelidade, não vai dar-lhes nenhuma informação sobre o design do site ou a interatividade do site. Então, se você está tentando construir algo que tem muita interatividade, um monte de botões, um monte de cálculos, um monte de coisas que se movem e você planeja ter um design complexo, então Jim Piccoli é melhor ter uma simulação de alta fidelidade quando você vai para obter uma estimativa . Agora, melhor prática para isso seria dizer ao desenvolvedor antecipadamente que isso é baixa fidelidade e dar-lhes uma descrição verbal do que a interatividade vai ser e quão complexo você acha que os designers agora em uma palestra posterior? Na verdade, vamos falar um pouco sobre quaisquer anotações e como você pode passar suas informações de forma eficiente para o seu desenvolvedor em geral, que tipo de informação você precisa incluir agora no caso de você ter um complexo interações ou projetos complexos em seu site. Um desenvolvedor precisa saber disso porque isso pode aumentar drasticamente a quantidade de horas e tempo que levará para criar seu aplicativo. Agora, simulações de baixa fidelidade. Eles exigem muito menos tempo que você pode do início ao fim, levantar um desses em 30 minutos e realmente fazê-lo muito bem. Lo aplicativos de mercado de fidelidade em geral. Além disso, eles realmente não custam nenhum dinheiro. Quero dizer, o único dinheiro que você vai precisar para investir nisso é talvez uma assinatura de uma ferramenta de arame . Se você não quiser fazer isso, você pode usar um lápis e papel, ou você pode usar uma das ferramentas gratuitas listadas neste tribunal. simulações de Low Fidelity também permitem que você tenha menos pré-pensado e pré-planejamento na frente porque eles lidam com menos detalhes. Você não precisa ser tão detalhado. Então, muitas coisas que você não precisa necessariamente pensar e pensar quando você cria uma baixa fidelidade ou alta fidelidade. Por outro lado, isso requer muito mais pensamento e muito mais dinheiro adiantado. Você precisa pensar sobre o que acontece quando eu clico nisso e o que acontece quando eu mover isso para cá e o que acontece quando eu entrar e eu faço isso e isso e isso. Estas são todas as coisas que você tem que planejar, e também, a fim de torná-lo olhar preciso como o seu produto final. Você vai precisar de um projeto feito agora, menos que de novo. Seu designer. Isso significa que você pode ter que contratar alguém. Se você planeja fazer um protótipo de alta fidelidade plano para gastar algum dinheiro, você recebe estes. Donna barato é $50.100 dólares comprando um modelo ou comprando um kit u I. Mas você também pode fazê-lo para muito mais. Se você quiser ser personalizado, alguns designers podem ficar muito caros. Alta Fidelidade é ótimo se você estiver tentando simular um produto real, e a pessoa para quem você está mostrando isso tem uma barreira maior de aceitação. Em outras palavras, eles precisam ver algo que é mais polido mawr, riel e mais profissional. Se você está lançando um investidor tentando obter uma pré-venda que está apenas tentando Teoh mesmo lançar um cliente ou seu gerente de projeto, as chances são que você provavelmente precisa de uma versão Mawr High Fidelity de sua simulação 6. Por que fazemos wireframe?: Ei, pessoal, bem-vindos de volta ao curso na estrutura. Nós vamos passar por cima. Por que nós arame quadro e por que fazemos protótipos? Basta falar um pouco sobre os casos de uso que você usaria quadros de arame e protótipos e por que eles são úteis e por quê. Há algo que qualquer gerente de produto empreendedor experiência que eles usaram, provavelmente em uma base semanal, se não diária, Então, há duas razões principais pelas quais alguém construiria uma armação de arame ou construiria um protótipo. Então o número um é a comunicação interna. Agora, comunicação interna pode se referir a qualquer pessoa que esteja na sua organização. Qualquer pessoa com quem você já trabalha pode se referir a um co-fundador, desenvolvedor, designer, qualquer pessoa com quem você precisa se comunicar eficazmente, e que alguém que você geralmente considera que está em sua equipe Now. Em geral, você usa quadros de fio e protótipos porque precisa de estimativas precisas e cronogramas para qualquer novo produto, lançamento ou lançamento de recurso. Você não quer bombas que vão explodir em você mais tarde. Você quer saber o máximo que puder agora sobre o que vai demorar e quanto tempo vai demorar . Você pode ter uma idéia para um produto de recurso, até mesmo uma alteração em seu aplicativo de site já existente. Agora, você realmente precisa ser capaz de dizer e articular o que exatamente é que você quer mudar ou adicionar. Ok, então imagine que você está falando com uma equipe, amigo, e você diz, “ Ei, eu quero adicionar um recurso de álbum de fotos ao nosso aplicativo agora em sua cabeça. O que isso significa para você? Provavelmente faz todo o sentido na sua cabeça. Certo, porque você veio com a idéia. Você disse isso. Você já tem uma idéia da sua cabeça. O que? Parece como funciona. E é assim que você meio que se comunica. Mas isso é apenas uma descrição verbal . Agora, se você dissesse isso a um desenvolvedor, o que eles pensariam? Eles provavelmente pensam agora, se você dissesse isso a um desenvolvedor, o que eles pensariam? Eles provavelmente pensam? Quantas fotos são mostradas? De onde é que este sistema tira as fotos? Onde vamos mostrar isso? Isso é uma grande característica? Esta é uma página totalmente separada? Essas são as perguntas que passam imediatamente pela cabeça de seus desenvolvedores porque você não explicou a eles o que ele faz. Você acabou de dizer. Basicamente, isso é o que é agora. Se dissesse isso a um designer, o que pensariam que pensariam? Isto é uma caixa de luz? Isto é um móvel? Isto é um pop up? Isso é algo que carrega bem ali na página? Que páginas? Até mesmo ir em frente. Como posso acessá-lo? Como é que se parece? É suposto parecer com tudo o resto? É uma página separada? Essas são as coisas que seu designer gráfico pensaria agora. Qualquer outra pessoa na organização co-fundadora, gerente de projeto. Eles provavelmente vão ter perguntas semelhantes às deles provavelmente não querem saber o que parece . Provavelmente vai me perguntar o quão grande de uma característica é. Vai atrapalhar algum dos outros recursos? Esta é uma característica realmente importante? É algo que vamos mesmo empurrar com uma armação de arame? Ou melhor ainda, um protótipo? Você poderia apenas dizer aqui, isso é o que é. Isto é o que parece. É aqui que vai, e é isso que faz. Outro exemplo de como você usaria armações de arame, maquetes e protótipos em comunicação interna seria que se você precisasse de algum tipo de pré-aprovação antes de sair e realmente fazer algo. Agora, qualquer um que tenha um chefe ou alguém que tenha uma equipe, mesmo debaixo deles, você sabe que precisa de aprovação. Você sabe que precisa do grupo a bordo. Então agora é muito difícil conseguir todas essas pessoas a bordo. Se você está apenas dando uma descrição verbal novamente, nem todo mundo entende exatamente o que você quer dizer. Além disso, quando você diz a alguém que isso é o que é, é abstrato. Eles não sabem o quão sério você está. Eles normalmente não levam isso muito a sério. Também porque eles apenas assumem que é uma espécie de 1/2 idéia assada. É muito mais fácil dizer não a uma descrição verbal, ou seja, a um protótipo natural, Quando alguém define você para baixo e diz, Isto é o que eu quero dio O que você acha? Muito mais difícil de dizer? Não, é muito mais fácil de entender, e é por isso que é muito mais fácil para você dizer Sim, A segunda categoria é a comunicação externa. Agora, isso lida principalmente com qualquer um que não é organização partidária. Qualquer um que poderia estar em seu ecossistema de negócios poderia ser clientes, clientes, investidores fora empresas de design fora empresas de desenvolvimento realmente consultores, empreiteiros, realmente qualquer coisa sem um protótipo para um fio você pode pensar que você vai ficar preso tentando mostrar aos seus potenciais clientes ou potenciais clientes algo que ainda não existe. Às vezes, quando você está construindo algo, é muito difícil entender o que exatamente faz e qual é o valor nele. Se você não pode realmente vê-lo, é muito difícil, especialmente se você está tentando mostrá-lo para, digamos, um cliente que não é um especialista em sua área. Eles não entendem exatamente sua idéia perfeitamente, e então é muito difícil para eles visualizar apenas com base em uma descrição verbal. Agora, essas são as fraquezas que você gostaria se você está apenas fazendo validação básica de ideias sem realmente construir algo agora, no cenário em que você está mostrando um quadro de fio protótipo para um cliente em potencial, você vai obter muito mais feedback autêntico e respostas autênticas deles. Basta dar-lhes uma descrição verbal. É realmente difícil dizer se eles realmente gostam ou não da idéia se eles não apoiaram e se eles entendem ou não. Foi um pouco de preconceito acontecendo, porque se você apenas descrevê-lo para eles. Geralmente são mais legais. Então você pensaria também muitas vezes eles só têm dificuldade em entender o que é . Então vamos apenas dizer que sim. Tenha em mente um monte de produtos e APS eles são realmente difíceis de explicar. Então, em menos ano, um ferreiro de palavras ou alguém que pode realmente disputar a língua inglesa ou qualquer outra língua você pode realmente realmente lutar para explicar a um leigo, um cliente normal, o que exatamente é isso Você está tentando, Teoh, faça-os comprar agora. Outra forma de comunicação externa em que a prototipagem entraria em jogo seria como , digamos, se você está se comunicando com o designer ou desenvolvedor lá fora da sua organização e você quer saber por Efeito, quanto isso vai custar e quanto tempo vai demorar? É muito parecido com a comunicação interna, mas aqui você tem diferentes tipos de forças acontecendo. Quando você está trabalhando com um empreiteiro externo, eles vão tentar te dar um lance, e eles vão tentar te espremer em termos do preço que eles vão te dar na linha do tempo que eles vão te dar. Agora, se você cortar todas as ambiguidades e mostrar a eles exatamente o que é. É muito mais fácil não só comparar preços e cronograma em comparação entre empreiteiros, mas é muito mais fácil dizer-lhes. Sei o que isto deve custar, e sei o que isto deve custar. E se você está falando sério sobre construir algo fora de sua organização, isso é realmente importante saber exatamente o que vai custar e quanto tempo vai demorar novo, você não quer explodir mais tarde. Então talvez outra razão pela qual você gostaria de usar um protótipo é que você quer lançar um investidor ou você quer lançar um cliente e você quer fazer isso antes de realmente ter o produto. E antes de você realmente colocar o dinheiro para obtê-lo feito. Agora, os investidores, eles investem em produtos e idéias que ainda não foram construídos. Isso acontece o tempo todo. Agora o que? Eles não investem em nossas idéias que são apenas idéias em uma base diária. Eles provavelmente aqui centenas de idéias. Agora, se você vai jogar sua idéia na piscina que você queria ficar de fora, você não sabe se eles realmente vão se lembrar disso. Você não sabe se eles realmente entenderam isso agora. Se você mostrar-lhes o que você está tentando propor, eles vão entender quase imediatamente se não poderia investidor ou pelo menos ter uma oportunidade muito melhor para entendê-lo e lembrá-lo. Clientes potenciais e clientes empresariais. Eles são exatamente os mesmos. Quando você diz que tem algo que você quer vender algo que você não tem certeza se eles entendem exatamente o que é que você está tentando vendê-los, eles também têm em mente que não pode assinar na linha pontilhada que não pode assinar sua carta de interesse, seu contrato para venda se eles não têm algo tangível dedo olhar para entender o que eles estão recebendo. Além disso, tenha em mente que a pessoa que você está vendendo Teoh pode não ser realmente a pessoa que toma a decisão final real. Eles provavelmente têm chefes para imaginar como é difícil lançar uma idéia verbalmente para essa pessoa e depois fazê-los subir na cadeia e fazer outra descrição verbal como aquele jogo telefônico. O que quer que lhes digas é diluído repetido, e é totalmente diferente quando chega à pessoa que diz sim ou não. Então, dê-lhes uma ferramenta para fazer o seu trabalho e você vai descobrir que é realmente muito fácil de conseguir . Sim , agora. Por último, mas não menos importante, você sempre pode usar protótipos e arame frames para pré-validar ideias que você tem que economizar uma carga de dinheiro do que tempo e investimento. Eu sempre sei se suas idéias um reembolsável se a sua compra de ervas se eles são apenas bons em geral. Mas construir um protótipo pode permitir que você alugue, simule interações com clientes, interações com investidores e, pelo menos, usá-lo como alavanca para recrutar outras pessoas para trabalhar com você. Então é por isso que as pessoas usam protótipos e amigos de escuta. Há muitas razões diferentes, e acho que pelo menos uma delas se aplica a você. Eles são, na minha opinião, uma maneira realmente incrível de você pegar sua idéia e fazê-la realmente parecer e sentir-se riel , não só para seus propósitos, para obviamente qualquer um com quem você interage em um ponto de vista empresarial, 7. Como escolher uma ferramenta: Ei, pessoal, bem-vindos de volta ao curso nesta palestra nós vamos falar sobre quais são as ferramentas disponíveis para você fazer protótipos e armações e quais critérios você deve usar quando fizer uma seleção? Agora há seriamente, tipo, Aton desses serviços lá fora todos os meses. Parece que sai um novo. Todo mundo tem seu próprio favorito. Vale a pena notar que todos fazem basicamente a mesma coisa. Cada um deles vai ser um pouco diferente ou ter um conjunto de recursos diferente. Agora. Algumas ferramentas se concentram em ser capaz de fazer armações de arame de baixa fidelidade. Alguns deles vão se concentrar mais no aspecto da prototipagem, e alguns vão cobrir ambos. Agora, há outras formas menos convencionais de fazer arames e protótipos. Eu vou cobri-los muito rapidamente, então há uma tonelada deles lá fora. Há maconha azul, há parcelas. Há balsâmico. Lá está a Paedo Co. Bem na hora. Ninguém chamado mapa de esboço. Há muitos, muitos, muitos outros lá fora. O Azure é popular. Visy. Agora, pessoalmente, meu favorito é balsâmico, mas o problema balsâmico é que eles só fazem baixa fidelidade com franco. Eu gosto deles quando faço quadros de arame Fidelia baixos porque eles automaticamente têm a aplicação de esboço neles. E na minha experiência, eles são os mais fáceis de se levantar e usar que eles tomam. Leva o menor tempo para entender como usar o balsâmico e o menor tempo para passar da abertura do aplicativo para empurrar para fora um produto. Além disso, nossos clientes gostam um pouco porque ele realmente parece meio legal porque o conjunto de recursos mais amplo também é mais barato do que balsâmico. E também nos permitirá fazer a digitação proto que precisamos fazer. Agora. Estou escolhendo algo que tem um conjunto de recursos mais amplo porque, hum, arames de todo o tempo você vai construí-los. Eles vão ficar mais complexos e você vai empurrá-los todo o caminho de ser arame frames para ser protótipos mais complexos e mais interativos. Agora, Idealmente, você quer manter tudo isso dentro da mesma aplicação, então planeje uma que tenha uma pista extensa. Paedo Co. Não é de graça. Existem versões gratuitas lá fora. Há até um serviço de código aberto que eles permitem que você faça armações de arame, e é de graça. Mas este tem um teste gratuito na maioria destes. Você tem testes grátis? Ainda é melhor que os outros porque a quantidade é a mais baixa. Não é como balsâmico, que eu acho que é $80 ou algo assim. Novamente, primeiro, quero que procurem o que tem mais cobertura. Procure algo que não só permite que você faça quadros de fio de esboço rápido e fácil, mas também permite que você adicione alguma interatividade em alguns gráficos permite que você conecte páginas entre os dois quadros novamente fio. Eles evoluem ao longo do tempo. Você não vai apenas fazer uma iteração dele ou você pode, mas é bom que você iria voltar e adicionar mais e mais e mais e mais como você se sente confortável e conforme suas necessidades progridem. Em segundo lugar, procure algo que tenha um recurso que permita compartilhar facilmente com outras pessoas. Agora isso é incrivelmente importante, porque obter feedback do usuário enquanto você está fazendo este processo de prototipagem de enquadramento de fio pode ser incrivelmente útil. Você pode usar usuários que você pode usar seus amigos. Você pode usar seus colegas qualquer pouco de feedback ajuda você a sair desse tipo de câmara de eco em sua cabeça, e isso te submete às opiniões de outras pessoas, e sempre acaba que você acaba com um produto final melhor. Se fizer isso agora, por último. Acho que este é provavelmente o mais importante. Encontre um que seja implantável. Sabe o que quero dizer com isso? Agora, se você está usando uma ferramenta de arame, ferramenta de prototipagem e você está usando para, digamos, um site faz isso para permitir que você publique on-line e descarregue como se fosse um site? Não. Por que isso é importante? É importante porque quando você entra no feedback do usuário quando você vai e você mostra para um cliente ou um usuário, seus amigos, você quer que ele opere no ambiente que os produtos finais serão usados em que permite que você obtenha feedback real. Isso é muito, muito mais autêntico. Também vai permitir que a outra pessoa consiga muito mais. Você ficaria surpreso a diferença entre mostrar a alguém um site em um navegador e mostrar exatamente o mesmo site em um pdf Um navegador se sente mawr riel, seu feedback vai ser muito melhor e seus produtos finais e me muito melhor. No caso de aplicativos móveis, você quer ter certeza de que você está fora de seu serviço pode permitir que você coloque esse design um telefone em que é crucial. Você está fazendo um aplicativo móvel. Você tem que ser capaz de colocá-lo em seu telefone. Você quer que alguém reviste isso do jeito deles. Eles usariam o telefone. Querem ver como, onde podem chegar com os polegares? Quão maiores são os botões. Querem ver como se sentiria. Como se estivessem usando. Isso é crucial para aplicações móveis. Flynn Toe foi o primeiro serviço que saiu começou a fazer isso. Agora, muitas outras pessoas estão fazendo isso também. Isso é algo que absolutamente se você estiver fazendo um aplicativo móvel, certifique-se de que você pode fazer isso agora. Uma entrada rápida em algumas das outras técnicas que as pessoas usam. Algumas pessoas usam papel e caneta, e isso é chamado de esboçar aqui. É chute de primavera que usamos isso como preliminar antes de fazer arames. Não acrescenta uma tonelada de tempo. É realmente mais como uma atividade de 10 minutos agora fazendo seus quadros de arame e loja de fotos. Acho que é uma má ideia. Por que lojas de fotos? Um desses programas que não só é extremamente caro, é realmente difícil descobrir como usar. Se você não estiver familiarizado com o Photoshopped, você pode passar várias horas tentando descobrir como criar elementos básicos sobre como manipulá-los e que suas horas que você poderia ter usado para terminar uma simulação inteira usando um serviço que é construído para ele. Claro, Photoshopped permitirá que você adicione recursos extravagantes em e para fazer realmente pixel desenhos perfeitos e coisas assim. Mas essa não é a questão. Pessoal, isto é. O ponto de corte deste curso é que as pessoas fazem isso rapidamente, obtêm o máximo valor de um período de tempo mais curto. Há também outra técnica que as pessoas populares usam. Keynote Kino é apenas o Mac Lierse em um power point. O que eles fazem é fazer uma apresentação que também se parece com um aplicativo, e então você pode colocá-lo em seu computador ou você colocá-lo em seu telefone e carregá-lo assim e eles usam links quentes para conectar botões a diferentes páginas. Você tem que usar um sistema chamado Kino Topia, Kino Topia custa dinheiro. E essa é uma das coisas que eu acho que é uma chatice. Bem, Kino pode estar livre, ou você pode não ter um Mac. Sabe, topia realmente custou dinheiro, e na minha experiência, usando essa técnica, leva aproximadamente a mesma quantidade de tempo que Teoh faz sua simulação com seu protótipo e palestra mais Kino topia, como seria para outro serviço. Mas os outros serviços são mais baratos e estão melhor equipados. Há também um pouco de um elemento de quando você mostra isso para um cliente ou você mostra para os investidores. Alguém. E é uma apresentação de Power Point como Você pode se sentir bem que o uso cortar alguns cantos, mas ele sai bastante estúpido. Então, esses são os princípios básicos. Se você não vai se lembrar de nada a partir deste, escolha uma ferramenta que tem um monte de recursos. Escolha um que permita reunir feedback do usuário, colaborar e escolher um que seja implantável, onde você possa colocá-lo no ambiente que você realmente os usuários usarão 8. K.I.S.S.: Ei, pessoal, bem-vindos de volta ao curso nesta palestra. Vai ser breve. Vai ser rápido. Vou falar um pouco sobre o que deve ter em mente enquanto está emoldurando. Ok? É simples, mas é meio complicado. Está bem. Já ouviu um beijo? Isso significa “K. I s” Significa “manter simples”. Estúpido. Certo, isso se aplica a um monte de coisas diferentes. Mas no caso de arame e construção de protótipos, ele realmente tem uma segunda parte para ele. Então, não é. Mantenha-o simples, estúpido. É manter isso simples. Vírgula estúpida. Mas não seja preguiçoso agora. O que isso significa? Significa que há uma diferença entre ser simples e ser preguiçoso. Quando você está construindo uma armação de arame, você quer mantê-lo o mais simples possível. Você não quer dar muita informação. Muitos recursos, muitos elementos, muitas linhas de texto. Ele fica lotado. Fica difícil de entender e modelar sua mensagem. Então você mantém isso simples. Salvará sua sanidade e sairá com um produto melhor. Em caso de dúvida, use sempre uma versão mais simples. Você quer criar um site que se parece com o Google ou você quer que ele pareça Yahoo? Yahoo é uma grande desordem rápida Google é limpo, simples recebe o trabalho feito. Agora, onde é que a segunda parte entra nisto? Mas não seja preguiçoso agora. Muita gente usa os K. I S como desculpa para ser preguiçoso. Quando eles estão emoldurando, eles vão desenhar algo para fora. Vou dizer: “ Bem, Bem, eu estou mantendo isso simples apenas escrevendo aproximadamente como isso deve parecer e não preenchê-lo . Eles vão dizer, por exemplo, eles vão dizer que eles preenchem uma página na banda, eles vão colocar vamos dizer que é uma lista e na lista eles têm uma imagem, e então eles têm texto. E em vez de listar exemplos mawr da lista, eles apenas colocam isso e colocam uma linha até o fim. Ok, isso não é manter as coisas simples. Isso é ser preguiçoso. Agora, por que isso é importante? Um dos problemas que quando você faz arame frames é que há um grande problema em ser literal e não ser literal. Quando você mostrar, um designer vai olhar para isso e eles vão olhar para ele e fazer um julgamento sobre como você estava sobre isso. Agora, se você fizer algo que é como um bloco de rascunhos e você apenas dá descrições amplas , você apenas desenha algo e, em seguida, basta colocar X três, multiplicá-lo aqui e sobre, e você realmente apenas meio que caíram juntos. Essa pessoa obviamente vai olhar para ele e tomar uma decisão que, bem, você pulou um monte de cantos. Isso é um design inferior. Ele não transmite a informação que você deveria se importar. Torna as coisas mais difíceis para a pessoa que você está passando, mas muitas pessoas confundem isso para manter simples. E isso não é só você ser preguiçoso. Um. Evite esse tipo de armadilha do meio, que acontece muitas vezes em que as pessoas vão fazer, digamos, uma página inicial muito detalhada, e então eles vão para as páginas laterais como eles vão para a página de contato conosco e pouco apenas ficam preguiçosos e eles realmente não pensam sobre isso. E eles apenas dizem, Oh, aqui está a minha informação. Aqui está uma imagem aqui e em um formulário, e eles vão apenas rabiscar para fora. Agora, o que diz isso? para o seu designer, seu desenvolvedor. Eles vão olhar para isso e dizer, Ok, se eu for literal por causa de um literal eu vou fazer com que pareça assim, e vai parecer terrível. Ou devo inferir e fazer meu próprio julgamento sobre como deve funcionar? E nesse caso, eles têm que fazer muito mais trabalho. Eles não vão ficar felizes com você. E eles não vão saber se sua página inicial e seu design suas páginas que detalhados se isso é ou não literal. O Aziz. Bem, e eles vão começar a fazer inferências lá e começar a mover as coisas e torná-lo adequado para o que eles acham que deve ser. É um grande erro de gerenciamento de projetos, e isso é algo que eu realmente quero que você evite. Seja o mais detalhado possível, mas reconheça que quando você está apenas adicionando complexidade, isso não é útil para o seu produto. Não é útil para todo o processo. Edifício. Projetar algo uma e outra vez pode ser redundante, mas ainda é simples. Essa é uma distinção que é muito importante de entender. Seja o mais detalhado possível, mas não bolo em dinheiro, coisas extras e muita massa de complexidade. Se tiverem alguma dúvida sobre isso postando a discussão em grupo, espero que tenham feito um bom trabalho explicando isso. É realmente importante quando você faz quadros de fio, você quer fazê-lo direito e você não quer criar alguns erros de comunicação entre você, seu designer em seu desenvolvedor que você faz isso direito. Então perguntas discussão em grupo. Você sempre me envia mensagens privadas, caso contrário, veremos na próxima palestra. 9. Seguindo o caminho de construção: Ei, pessoal, bem-vindos de volta ao curso nesta palestra. Vou rever um quadro que usamos esse pontapé de sprint para entender o processo que você deve passar quando o fio emoldurado. Agora, a razão pela qual eu estou revisando isso é porque praticamente todo mundo que está fazendo este curso a menos que você tenha feito arame antes é novo para o conceito de fazer armações de fio de baixa fidelidade , protótipos de alta fidelidade. Então você provavelmente está sentado aí pensando, o que eu faço primeiro? O que acontece depois disso? Qual é a pista até a sala de pontos, na verdade em um site em uma ferramenta, e eu estou desenhando agora. O processo que vou te ensinar, você não precisa memorizá-lo de forma alguma. É útil voltar a esta palestra se você meio que esquecer o que deve fazer a seguir. Mas é uma espécie de sistema simples. Chamamos de fluxo de construção, mas ouvi dizer que é chamado de todo tipo de outras coisas. Você também pode chamá-lo como uma pilha de design. Realmente, é apenas como um processo de um a cinco passos para ir de idéia para. Coloquei no papel. É uma armação de arame. Parece bom. É útil usar esse framework porque ele ajuda você a entender o que vem primeiro. O que vem em segundo lugar? O que vem em seguida permite que você tome uma decisão sobre o quanto em profundidade você quer obter. Nós também o forçamos a pensar muito sobre o seu aplicativo que você provavelmente não teria feito. Uma vez que você siga os passos e você realmente chegar ao quadro de arame em parte da parte prototipagem do muito no Passo cinco, você deve se sentir muito confortável com sua idéia. Compreender o que seu usuário precisa é o que deve entrar nele. Você deve estar em uma boa posição para fazer um bom produto final. As estruturas. Muito simples. Começa com estratégia. Então ele vai para o escopo. Em seguida, ele vai para a estrutura do que ele vai para o esqueleto, e então ele termina com a superfície. Agora, cada um desses cinco descreve um ponto. À medida que você desce a lista, sua ideia começa a evoluir e começa a se tornar mais fundamentada. Comece a se tornar mais real, você se lembra, porque eles são apenas lotes de esses e também, como você vai do gol de topo o caminho para o fundo. Você vai de visão geral de alto nível, muitas perguntas grandes, amplas e vagas. Uma vez que você provavelmente já respondeu, e, em seguida, todo o caminho até o realmente chegar a um ponto onde estamos falando de pixels em e não excesso de trabalho estratégias ou idéias. Número um. Começa com estratégia. Muitos de vocês já fizeram isso, mas é um pouco mais substancial do que vocês sentados pensando na sua ideia. Muitos de vocês já fizeram isso, Nós também vamos focar isso no aplicativo em si e não apenas sua idéia geral de negócios ou qual o objetivo do projeto é uma parte de sua empresa. Não vamos lidar com essas coisas. Estamos lidando menos com o que seu aplicativo é, o que ele faz, por que ele faz isso e quem vai usá-lo. Então estratégia é a pergunta como, Qual é a sua aplicação? Dio parece muito óbvio, certo, mas realmente ajuda a escrever. Agora, se você tem uma resposta de uma frase para o que seu aplicativo faz ou sua idéia é, isso é extremamente útil. Ponha isso no topo. É quase como a missão ou objetivo que você veria no topo do seu currículo além disso. Anote. O que pretende realizar agora? Pense um pouco nisso, certo? Estão construindo uma loja de comércio. O que pretende realizar? O próprio site visa realizar ser capaz de listar produtos e vendê-los e fazer isso sem problemas e para acomodar muitos produtos e muitos usuários diferentes. Certo? Muito tráfego. Agora, se você está construindo um aplicativo móvel, digamos que o aplicativo móvel para happy hours que é um aplicativo móvel que agarra sua localização lhe diz o que cerveja e álcool happy hours ar ao seu redor. Agora, qual é a estratégia por trás dessa estratégia é que você espera que algumas pessoas que estão em seus vinte e trinta anos estejam procurando por happy hours, mas eles queriam um simples é possível. Então eles querem uma soneca, e então a atriz abre, pega a localização e entrega resultados com base no diretório de negócios. É isso, honestamente. Quero dizer, esse é o seu principal objetivo. Só estou tentando resumir isso em uma frase além desse ponto. Então você precisa começar a pensar um pouco sobre a base de usuários que está usando seu aplicativo. Agora quem você acha que vai usar? Não precisa ser preciso. Você só precisa escrever isso. Quem você acha que vai usá-la? Então? É realmente para a questão do que seus usuários precisam agora? Se estiver na loja de comércio? Exemplo, Se alguém vem ao seu site, quais são as suas necessidades e as necessidades que eles precisam para comprar algo onde há necessidade de que talvez eles precisem comprar algo e devolver algo? Hum, eles estão vindo para o seu site porque eles querem encontrar mais informações? Digamos que você é um site de informação. Você é um blogueiro. Eles vêm Teoh procurar por lotes de pequenos pedaços de ensaios de forma curta. Eles estão procurando por longos trabalhos de pesquisa acadêmica? Estas são as coisas que precisamos descobrir. Então grupos de pessoas, o que eles estão procurando? E como seu site vai entregar isso? Agora? Este é apenas um exercício mental porque ele força você a pensar sobre todas as partes interessadas em sua aplicação, e isso força você a pensar em qual é o quadro geral. Muitas vezes acontece que as pessoas pulam. Este passo entrará em um enquadramento de arame. Vamos começar a criar um monte de recursos que eles realmente não precisam porque eles não se estabeleceram e pensar sobre qual é a principal missão do meu aplicativo. Agora, uma vez que você realmente escreveu isso, então você pode realmente usar isso como uma diretriz para dizer, OK, eu preciso servir esta função. Então você merece esse usuário e você merece essa necessidade. Agora você não tem que resolver isso. Eu prefiro que você faça. É muito útil. É algo que você pode usar mais tarde. Sempre que você realmente ir e obter o seu aplicativo construído ou qualquer outra coisa, eu acho que é muito útil. Na verdade, não precisa. Você pode fazer isso na sua cabeça. Esta parte honestamente, comigo. Leva apenas 10 a 15 minutos para fazer isso, provavelmente porque eu construí tantas aplicações. Agora, se você é novo nisso, pode levar um pouco de pensamento. Você não tem que pesquisar isso. Você não tem que pular online e olhar ao redor. Diferentes tipos de potenciais clientes ou mercados ou qualquer um desses disparates. É só um exercício mental para ajudar você a envolver a cabeça em torno do grande, grande quadro. Ok, então agora vamos passar para o passo dois escopo escopo é onde você está agora. Tipo de lista todos os requisitos funcionais que você pode pensar. Isso vai entrar na sua candidatura no seu site. Desde anteriormente, estabelecemos quem são os usuários e o que eles precisam. Agora, quais funções nós realmente precisamos colocar lá se as pessoas estão vindo para o seu site porque você vende ofertas diárias. Agora, se as pessoas estão vindo ao seu site porque ele vende ofertas semanais e precisam se manter atualizados com tudo o que está acontecendo, você vai precisar dizer algo que capture o endereço de e-mail deles. Ok, bem, ok, isso é ótimo. Então, você escreve uma função para capturar o endereço de e-mail mais tarde, você vai descobrir como isso faz. Mas agora você só está preocupado com Ok, essa é uma função que eu acho que meu site vai precisar lidar. Tente pensar em cada coisa Tente imaginar que você está usando seu site. A sua candidatura. O que você vai encontrar? Quais são as coisas que você vai precisar? Essas pessoas sempre esquecem que são coisas como Fazer seus usuários precisam fazer login e eles precisam fazer login direito que fora. Preciso de lei outra vez. Eles precisam ter acesso de hóspedes? É um site que você não precisa fazer login para ver tudo? Mas se você fizer login, você pode ver outras coisas assim mesmo? Você precisa usar o Facebook Connect. Se o seu aplicativo usa algumas informações de redes sociais, talvez seja necessário conectar o Facebook. Essa é outra função que você precisará anotar o Facebook Connect. Pense em coisas que acontecem quando algo dá errado. comércio e loja de comércio desigual. O que acontece se eles forem enviados? A coisa errada. Sua aplicação vai precisar lidar com isso de alguma forma, certo? E o usuário vai precisar encontrar uma forma de recurso. Então lembre-se de trazer todos os tipos de coisas assim para escrever, por exemplo, maneiras que eles podem processar como reembolsos ou algo assim. Ou, no caso de o usuário colocar suas informações e corrigir incorretamente, eles podem alterar sua senha e coisas assim. Além disso, não se esqueça que você vai estar operando este aplicativo agora. Quando você está operando aplicativo, isso significa que você precisa ser capaz de controlar coisas básicas como controlar quem são seus usuários você pode precisar para ser capaz de excluir usuários. Se você precisa bani-los ou algo assim, você precisa manter o controle. Por exemplo, se você está vendendo algo que você vai precisar para manter o controle do que você está vendendo, quantos você vendeu nem mudou. Você precisa de registros, coisas assim. Portanto, tenha em mente que é a quantidade mínima de funcionalidade que você precisa é de um administrador. Escreva tudo isso agora. Novamente, se você está vendendo algo, não se esqueça de escrever. Preciso liquidar os pagamentos. Preciso ser capaz de aceitar pagamentos. Você usa PayPal, Talvez você listra ou certifique-se de que você sabe que isso vai entrar no aplicativo e que você anote essa organização caras para toda esta lista não importa. Rabisque enquanto em um papel, você não vai esquecer. Esse processo, eu acho, honestamente vai levar uma boa parte do seu tempo. Não, sabe, 30 minutos. Não. Digo, eu diria que leva talvez uma hora. Então cuspir grande sua aplicação é o quanto você realmente colocou nele. Você realmente não quer deixar nada de fora mais tarde. Você não sabe? Você poderia pensar em coisas extras dedo do pé anúncio, e é muito fácil de adicioná-lo, mas é muito mais fácil se você se lembrar no início. Você pode levar tudo em consideração e você pode fazer julgamentos chama isso o que é importante, o que não é importante. Isso também é uma ótima sequência. Oy, o que muitas pessoas fazem nesta seção, e eles estão determinando seu escopo. O que importa aqui é que você não enlouquece com isso. Por favor, não enlouqueça. Muitas pessoas para dizer, OK, eu preciso de OK, uma caixa que faça isso e eu preciso que isso apareça e você clica Isso só vai fazer essas coisas e eles apenas listam , coisas demais. Nós, por exemplo, temos um cliente que criou um aplicativo de rede social e acabou de adicionar recursos e recursos e recursos e recursos e recursos. Então, quando você está fazendo isso, você está tentando pensar nisso desde o início. Pense nas coisas que são essenciais para o que você está tentando fazer, e então pense nas coisas que são extras. Eu, pessoalmente, gosto de adivinhar estes fora. Gosto de dividi-los dizendo o número um. Aqui estão as funções principais e número dois, aqui estão os anos, o extra extemporâneo, o escopo não necessário do aplicativo Tentando colocar tudo isso em um papel de rabisco. Uma vez que você faz isso uma vez, você não pode pensar em mais nada. Você sempre volta para ele. Mas caso contrário você está pronto para ir no número de três. Agora, o número três é quando nós realmente começamos a bater no enquadramento do fio e o processo de prototipagem . Passo um e passo dois. Esses eram apenas os processos pré trabalho. Essas são as coisas que precisamos colocar em um bloco de rabiscos e pensar sobre isso. Uma vez que você começa o trabalho pré-feito, então você está pronto para realmente mergulhar e começar fisicamente a fazer sua simulação. Então o número três é a estrutura Agora, estrutura é a maneira de alto nível de olhar para a sua página, sua aplicação, seu design. O que você está fazendo aqui é que você está apenas pensando em OK, agora que eu tenho todas as minhas funções listadas, onde isso vai ser mais ou menos certo? é que a minha página vai parecer vai parecer um site tradicional onde no canto superior esquerdo temos o logotipo. Em seguida, você tem uma barra de navegação e você tem rodapé e nas seções do meio, todo o conteúdo é ou talvez é um pouco última tradicional. Talvez seja como um blogueiro no lado direito. Vemos informações. Vemos artigos no lado esquerdo. Temos a barra de navegação. É uma barra de navegação vertical. Você precisa pensar sobre como o layout vai parecer mais ou menos onde as coisas eles vão ir da melhor maneira honestamente para fazer isso e nós vamos cobrir isso mais tarde na palestra é o set down com um pedaço de papel e uma caneta. A melhor maneira é literalmente pegar uma caneta e começar a anotar, desenhando uma caixa para um site ou um retângulo menor para um aplicativo móvel e começar apenas tipo de preenchimento onde você acha que as seções iriam. Você não gosta. Rasgue, tente outra página. O ponto é apenas começar a colocá-lo lá fora, e assim que seu pino começar a tocar no pad, você vai começar a entender se algo parece certo ou não parece certo se você deve alterá-lo mais tarde no curso. Na verdade, vamos fazer isso e eu vou te guiar quando eu fizer isso com um pedido, e então você pode ter um pouco mais de campo. Mas essa é a melhor maneira de fazer isso. Cuide de nós. Conselhos para fazer estrutura. Descobrir onde está o layout, onde suas informações devem estar, onde o conteúdo deve estar, verdade, na verdade, é apenas uma olhada em outros sites. Esta é uma boa maneira porque nem todos nós somos pessoas que passam o dia todo misturando com sites, pensando sobre qual é a melhor maneira de capturar um endereço de e-mail, ou colocando um formulário ou carregando uma fotografia, e você olha para outros sites, então você pode tipo de obter um apenas de como a maioria das pessoas fazem isso e como algumas outras pessoas que são líderes de pensamento fazem isso. Você está construindo uma loja de comércio. Pense um pouco nas lojas que você esteve, que você gosta do design que você gosta do layout fora. Vá até aquele site e veja o que eles fazem. E agora você pode realmente pensar nisso. Ok, isso é interessante. Colocaram a barra de busca no canto superior esquerdo. Eles não colocam no fundo. Ou talvez você encontre uma página que seja muito longa, e talvez essa seja uma maneira interessante de fazer isso. Se você está construindo, digamos, um conteúdo, um site. Golan, veja outros sites de conteúdo. Olhe para aqueles que são famosos e olhando, aqueles que você pessoalmente gosta. Honestamente, eu acho que você pode se beneficiar apenas de olhar para o site de qualquer pessoa e ver qual é a sua estrutura, como eles trazem a informação e você vai descobrir que não é. Você sabe que quer pavimentar seu próprio caminho de algumas maneiras, mas também quer mantê-lo simples. Er, você quer mantê-lo com base no que as outras pessoas fazem, porque outros usuários provavelmente estão acostumados a determinados layouts de site, então você não quer se desviar muito. Essa é a melhor maneira de fazer isso. Encontre alguns sites que você realmente gosta. Se você está construindo uma grande aplicação Web, talvez você possa ir e olhar para o seu software favorito. Como uma empresa de serviços, você está economizando o serviço de assinatura. Se você estiver criando um painel de administração ou algo assim, isso é como um aplicativo corporativo. Talvez você vá olhar para um software de contabilidade muito agradável como zero é um ótimo exemplo de um painel de administração muito agradável, fluxo de usuário e estrutura. Agora, tenha em mente que este processo não precisa ser perfeito. Não é suposto ser perfeito. Não é suposto ser impecável. Lembre-se, eram amadores nisso. Então, quando fizer isso pela primeira vez, você não vai saber tudo, você não vai entender perfeitamente. O ponto, entanto, é apenas começar a esboçar e sair, tendo uma idéia áspera para onde você acha que as coisas devem ir. Fazendo algumas pesquisas básicas, gastando 2030 minutos olhando para outros sites, tendo uma idéia de onde eles colocam seus botões onde eles colocam suas informações e então você vai começar a formar algumas opiniões. Por que você não gosta? Quer não, e pode começar a colocar isso no papel. próximo é o número quatro, que agora é esqueleto. Esqueleto. Não vamos falar de uma tonelada agora. É o processo de enquadramento de arame. É a simulação de baixa fidelidade. Isso é quando você realmente colocá-lo para fora e você começa a se preocupar não só com o layout, mas com o que os botões tipo de forma como o seu texto vai, você pode se concentrar. Você vai prestar atenção a mais detalhes de coisas menores vai tentar chegar o mais perto possível . Você começará a colocar peças e elementos reais em sua página e começará a ter uma melhor sensação visual para o que vai parecer. Uma das maiores diferenças entre estrutura e estrutura de esqueleto. Estamos indo para o layout. Esta seção tem esta informação esta seção desta informação agora no esqueleto você vai dizer, esta é a seção, e nesta seção, aqui estão os elementos individuais. Isso é o que você realmente é Dio. Então, se eu estivesse, digamos , olhando, , olhando,digamos, YouTube e eu disse, Aqui, eu quero recomendações para outros vídeos agora em estrutura. Tudo o que eu diria é, eu quero uma lista de vídeos e eu vou desenhar a caixa e dizer lista de vídeos. No entanto, no esqueleto, o que eu faria é que eu iria desenhá-lo para fora e então realmente decidir. A miniatura vai estar à esquerda da direita? Quão grande a miniatura, Como maney em linhas de frente de informações eu deveria ter? Quão grande vai ser a coisa toda agora? A quinta e última seção? Esta é a superfície. Basicamente o que é é o design gráfico. Ele está saindo e recebendo um visual projetado para sua aplicação. E é o número cinco porque esse é o ponto final, esquecendo sua aplicação projetada agora neste curso, vamos passar pelo número cinco. E uma vez que tenhamos nossos projetos feitos, vamos pegar esses projetos e fazer protótipo de Alta Fidelidade que funciona e funciona e parece que é realmente. Mas se você não tem habilidades de design gráfico, você vai ter dificuldades com esta seção. Então você tem que procurar outra pessoa para fazer isso ou alguém em sua organização para fazer design básico para você. Então esse é um todo o caminho. Cinco. Basta seguir nessa ordem. Você não precisa necessariamente fazer todas as etapas do processo, mas isso é de longe o mais fácil da maneira mais precisa de fazê-lo, especialmente se você é novo para isso, você começa no topo. a Éacoisa mais fácil. É um pouco mais difícil, mas você já fez parte do trabalho, então você pode tirar o que você fez na seção anterior, e você apenas continuar jogando neve para baixo até que você vai se surpreender com o que você realmente projetado. Você não precisa passar uma tonelada de tempo durante todo esse processo. Basta ter em mente que quanto mais tempo você gastar, mais você vai sair dele. Eu acho que se você deu quantidade honesta de esforço T 20 seções e você segui-lo em ordem, você vai sair com uma qualidade muito maior no produto. Ficará muito mais feliz com isso. Tudo bem, pessoal. A vida de sempre. Alguma pergunta? Esclarecimentos publicaram a discussão em grupo. Você tem alguma idéia de maneiras melhores de pensar sobre isso? Eu adoraria ouvir isso. Se você quiser adicionar algumas coisas nisso, isso é perfeitamente bom. É só assistente que usamos. Acho que é simples. Eu gosto porque funciona para pessoas que não são você x você I designers. Você pode entender isso muito facilmente e levá-lo e facilmente apenas saltar para a direita, e isso é realmente o que eu gosto sobre isso. É simples, e tiramos a essência muito rapidamente. 10. O projeto do curso: Ei, pessoal, bem-vindos de volta à aula. Então, nesta palestra, eu só quero rever o projeto da classe para dar uma breve explicação e prepará-lo um pouco para fazer isso. Então, quando você faz o projeto da classe, vá para a nossa página e não apenas descer um projeto de classe, eu tenho uma descrição aqui e eu escrevi o que, exatamente o que você faz. Este super simples porque nós só cobrimos o básico nesta classe. Nós realmente vamos nos concentrar em sair e encontrar protótipos e armações de arame. Mas a tarefa especificamente é sair e encontrar uma armação de arame ou um protótipo. Não importa de um de seus serviços favoritos site ou APS móvel. Então, cavar em sua cabeça um par de sites ou aplicativos móveis que você usa com freqüência que você gosta. Pode ser perfeitamente comum. Pode ser uma grande empresa ou algo muito pequeno e obscuro. Em seguida, saia e veja se você pode encontrar o quadro de arame ou o protótipo Para a primeira versão, você pode começar a procurar, como procurar por M V P mais o nome do seu site ou qualquer que seja o seu projeto que você está procurando . Você também pode procurar armações, protótipos, primeiras versões, coisas assim. Se tiveres sorte, vais encontrá-la. Se não tiveres sorte, tenta outra. Mas eu listei algumas imagens de alguns populares que eu pensei que estavam realmente resfriados para vocês virem a aparência e verem quase todas as grandes empresas começaram com o protótipo ou com uma armação de arame. É basicamente a forma como tudo funciona. um Éumótimo exemplo aqui da primeira armação do Twitter. Isto é o que Jack Dorsey escreveu num pequeno bloco de texto. Isto é antes era um site é antes tinha milhares de funcionários e, em seguida, alguns outros . Na verdade, ele é a primeira versão protótipos do Uber AB, que se tornou uber dot com e, em seguida, ar Airbnb para ser chamado air bed and breakfast. Você pode conferir sua super simples. Se você olhar para as imagens que eu anexei, você pode ver que elas são muito, muito básicas. Não há design feito, realmente muito, muito simples prova de coisas tipo conceito. Certo, isso deve bastar. Saia e encontre uma armação de arame ou um protótipo da sua coisa favorita. Volte, poste quando quiser postar. Basta clicar. Inicie seu projeto e, em seguida, você pode postá-lo como uma foto de capa. Você pode postar aqui mesmo na descrição. Faça upload de uma foto, seja lá o que for. Tudo bem, saia e divirta-se com a caça ao tesouro. Espero que estejas a gostar da aula a ver a próxima palestra. 11. Mantenha o aprendizado indo: Pessoal, Pessoal, só queria agradecer-vos por fazerem esta aula e espero que tenham aprendido alguma coisa. Espero que o que eu disse tenha feito sentido, e fui claro. Se você tiver alguma dúvida, qualquer preocupação, basta postar a discussão em grupo, todos responderão a você. Pode até me mandar uma mensagem direta se quiser. Quero dar-lhe uma palavra rápida de como você pode levar as habilidades que aprendemos nesta aula e como trazê-lo para o próximo nível. Aprenda algumas outras habilidades relacionadas. Então este vidro aprendemos o básico da prototipagem, conversamos sobre coisas como, o que é uma armação de fio de baixa fidelidade? O que é um protótipo de Alta Fidelidade? Falou sobre coisas como o caminho da construção. O que segue o quê? Também falamos sobre alguns inquilinos básicos do que faz o enquadramento de água funcionar e o que realmente não funciona. Se você quiser aprender mawr e ir mais longe com isso, ter um monte de outras classes sobre prototipagem você deve conferir. Especificamente, eu sugiro passar para intrometer, também Web e aplicativo móvel esboço ou prototipagem rápida com balsâmico. Agora, o 1º 1 nós vamos apenas cobrir como você pode pegar um lápis e papel e começar a enquadrar o fio . Isso é algo que é muito popular entre starups e agências, então eu definitivamente acho que é algo que você deve saber. É normalmente o primeiro passo ideo depois de conceituar a ideia para o projeto. Agora o outro chama-se Prototipagem Rápida com Balsâmico. E nesse eu vou te mostrar como você faz armações de arame de baixa fidelidade com uma ferramenta chamada Balsâmico. É uma ferramenta muito popular. Você pode fazer isso muito rapidamente. É por isso que é tão popular. Ok, se você quiser ir mais longe com suas habilidades, confira essas. Caso contrário, mais uma vez, obrigado por fazer o curso.