Desenho de fio para design de UX: desenhe sua grande ideia | Carlye Cunniff | Skillshare

Velocidade de reprodução


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

Desenho de fio para design de UX: desenhe sua grande ideia

teacher avatar Carlye Cunniff, Experience Designer

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

7 aulas (34 min)
    • 1. Introdução : Wireframing para design de UX

      2:01
    • 2. O que é Wireframing?

      7:15
    • 3. Por que fazemos quadros de fios?

      5:51
    • 4. Como fazemos quadros de fios?

      4:38
    • 5. Como fazer Wireframe (2)

      4:24
    • 6. Como fazemos quadros de fios? (3)

      4:08
    • 7. Como fazemos quadros de fios? (4)

      6:03
  • --
  • 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.

4.531

Estudantes

23

Projetos

Sobre este curso

ba6f2388

O Wireframing é um dos conceitos e estágios mais importantes no design de experiência do usuário. Os designers de UX usam wireframes como uma maneira de expressar um fluxo através de um processo ou comunicar telas individuais em um produto.

Os quadros de fio podem variar na fidelidade, desde desenhos em desenhos de barras até modelos de fotografia bonitos e interativos. Esse curso vai fornecer uma visão geral básica do porquê da wireframe, onde o wireframe se encaixa no processo de UX, como usá-lo (desde apresentações de partes interessadas até testes de usabilidade). Finalmente, vamos gastar muito gravata criando nossos próprios wireframes lo-fi para compartilhar com o curso.

Conheça seu professor

Teacher Profile Image

Carlye Cunniff

Experience Designer

Professor

 

Hi! I'm a designer, creative leader, and design educator.

I found my way to design non-conventionally; after spending several years as a dancer and movement educator, I taught myself basic design skills and have been on a journey ever since! I worked as a freelance writer, web designer, and content strategist before taking a formal course in UX design. I was drawn to UX because it allowed me to use my research skills (sociology degree with an emphasis in public health), my new-found love for digital design, and my genuine curiosity about human behaviour.

I’ve worked with start-ups, as a design consultant, and in-house as a designer. I've also spent a lot of time leading design organisations, and focus on helping organisations figure out how to do d... 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. Introdução : Wireframing para design de UX: por que o enquadramento é um dos conceitos e estágios mais importantes e a experiência do usuário. Design UX designers usar armações é uma maneira de expressar um fluxo através de um processo ou comunicar telas individuais em um produto. Meu nome é Carly Canis. Sou consultora de design auxiliar, morando na área de Seattle. Trabalho com empresas para desenvolver estratégia de design, pensamento de design aplicado e incentivar processos de design centrados no ser humano. Eu amo o design centrado no ser humano porque ele me permite combinar minha curiosidade com a resolução criativa de problemas. Eu acredito que os melhores designers não são aqueles que constantemente criam coisas bonitas, mas eles são as pessoas que confiam no processo e se comprometem a usar princípios de design centrados no ser humano . A criação de armações focadas e intencionais ajuda os designers a refinar o desafio e , finalmente, trazer suas grandes ideias Vida do pé Os quadros de fio podem variar a infidelidade, desde esboços em guardanapos de barra até simulações bonitas e interativas do Photoshop. Esta classe irá fornecer uma visão geral básica de por que nós arame quadro onde arame enquadramento se encaixa no processo UX. Como usar quadros de fio de entrevistas com partes interessadas para testes de usabilidade. Esta é uma ótima classe para gerentes de produto, gerentes de projeto, Web designers, desenvolvedores ou designers de UX que procuram aprender mais sobre o processo de design, porque quadros de arame são, em última análise, uma ferramenta de comunicação. Qualquer pessoa que interage com interfaces se beneficiará de entender como rebocar arame nosso projeto de classe envolverá esboçar e iterar em uma de suas próprias grandes idéias. Passaremos pelo processo de esboçar personas e cenários, falar sobre caminhos felizes e desenvolver várias soluções de esboço para o nosso usuário. Depois de apresentar várias iterações de seus quadros de arame, sua entrega final de ervas será um quadro de fio de fidelidade média que você pode compartilhar com o mundo. 2. O que é Wireframing?: Oi, todo mundo. Bem-vindo ao enquadramento de fio para design de experiência do usuário. Estou tão animado que você esteja interessado em fazer este curso. Meu nome é Carly Can, se sou consultora de design de UX. Eu moro e trabalho em Seattle antes de entrar em design de experiência de usuário. Eu tinha muitos empregos. Eu era um dançarino profissional, mais notavelmente ah, guia de caiaque. Um educador ao ar livre, um, e realmente me considerava um tipo criativo, mas queria fazer algo que fosse um pouco mais estável, mas também manteve essa criatividade. Achei seu ex design porque é criativo, e é um monte de solução criativa de problemas, mas também envolve muita empatia e trabalho com pessoas. Então eu tenho que combinar um monte de minhas habilidades em DNA. Agora, ajude as empresas a trabalhar em diferentes produtos, projetos diferentes, e eu ajudo as equipes de design de experiência do usuário realmente passar pelo processo para criar as melhores experiências para as pessoas. Então eu estou tão animado que você está aqui, dedo do pé, fazer este curso comigo. Então, esta é uma introdução de arame de reboque, e no final deste curso, você saberá por que os designers UX arame frame. Você saberá como criar quadros de arame eficazes e como preparar esses quadros de arame para apresentação. Eu acho que esta é uma ótima classe para Web designers, desenvolvedores Web, gerentes de produto, designers visuais ou até mesmo designers de UX que estão olhando para melhorar algumas dessas habilidades. Então o plano para a forma como esta classe funciona é que vamos ter um pouco de palestra e discussão dedo definir para nós por que nós arame quadro e branco importante. Ah, design ux é um campo muito técnico, então queremos configurá-lo. Bem, então vamos direto para o produto a introdução do projeto. Começaremos nosso projeto na terceira classe. de UX Designde UXé tudo sobre iteração. Então, depois de começarmos o projeto, vamos tremer novamente até termos um produto que estamos prontos para compartilhar. E então vamos compartilhá-lo na página da turma e esperamos que você o compartilhe com amigos e familiares também. Então, antes de entrarmos no enquadramento de fios, indo rapidamente sobre o que é o design da experiência do usuário, há muitas definições diferentes de você é o design da experiência do usuário que às vezes pode torná-lo realmente complicado de definir. Mas uma definição que eu uso é que é ah, é um método de projetar e projetar pensamento que pensa sobre os humanos primeiro e pensa sobre os humanos, as necessidades que as pessoas têm, os diferentes problemas Mas uma definição que eu uso é que é ah, é um método de projetar e projetar pensamento que pensa sobre os humanos primeiro e pensa sobre os humanos, as necessidades que as pessoas têm, que um projeto poderia resolver. Hum, e as diferentes maneiras que as pessoas estavam em um vai interagir com esses projetos para realmente fazer o melhor produto. Então eu acredito que se você não está trabalhando com usuários ou se você não está trabalhando com dados, então você realmente não está fazendo design de experiência do usuário. Então, em um mundo ideal, os designers de experiência de usuário passariam por esse processo. É claro que não vivemos em um mundo ideal, mas quando estamos aprendendo sobre o processo, é ótimo pensar sobre qual seria o melhor cenário possível. Então você começaria fazendo pesquisa de usuários que significa pesquisa qualitativa e quantitativa . Está recebendo uma tonelada de dados para tentar realmente entender quais são os espaços problemáticos, quais concorrentes podem haver para o seu produto, o que esses concorrentes já têm. Ou talvez o que lhes falta. E também significa fazer alguma investigação contextual. É falar com as pessoas e ver quais são seus pontos de dor e ver por que eles têm os pontos de dor que eles têm nossos ouvidos deles, o que eles realmente precisam em suas vidas para torná-los melhores. Então, depois de reunir todos esses dados, remova para a face de análise. E é aí que realmente nos consortamos para definir onde algumas oportunidades podem estar e onde um design pode ajudar. Então isso é uma tonelada de brainstorming. É, Ah, realmente olhar para os dados e descobrir com sua equipe o que você encontrou e decidir sobre uma direção a seguir. O terceiro tipo de fase do processo de design é projetado para que você esteja começando a conceber. Você está começando a explorar todas as maneiras diferentes que você pode ser capaz de resolver um problema. Durante a fase de decisão, você provavelmente vai passar por uma tonelada de idéias e pousar à direita. Alguém pode levar algum tempo, , mas é uma parte muito divertida do processo porque você pode começar a ver se você pode realmente ser capaz de resolver um problema para as pessoas da fase de design vão passar para a prototipagem fase, então isso significa que você vai começar a ver se sua idéia pode realmente ficar. Você pode construí-la? As pessoas querem usá-lo? As pessoas entendem se o faz. Você começará a coletar muito mais dados quando começar a prototipagem a partir da prototipagem. Como eu disse, você está mudando para testes de usuários, então você vai pegar os protótipos que você faturar e você vai mostrá-los para as pessoas no contexto. Então você vai voltar, talvez para as mesmas pessoas que você pesquisou com a solução e ver se ela funciona. Veja se as pessoas sabem como usá-lo. Veja se faz sentido. Provavelmente não vai. E isso é realmente uma grande parte do processo de design. Essa é a primeira coisa que você desenha provavelmente não é a coisa certa? Um bom designer escuta seus usuários, e eles ouvem os dados. Se algo não está funcionando, então tem que mudar. Então, onde o enquadramento de arame se encaixa nesse processo? Ah, enquadramento de arame realmente vem na seção de design. Hum, então como você está explorando todas essas idéias diferentes indo bem, molduras de fio Fidelity é uma ótima maneira de ver se algo vai caber no papel. Isso meio que faz você reduzir suas idéias. Se você estiver projetando para um dispositivo móvel, sua ideia caberá em um dispositivo móvel? É uma grande parte do estágio de prototipagem. Ah, arame armações de ar esboços bidimensionais da coisa que pode ser riel. Então, esses esboços bidimensionais podem se parecer com o produto real e ter interações como o produto real se forem incorporados em um programa de software. Então, seus arames se tornam essencialmente seu protótipo. E então, é claro, na fase de teste do usuário, você pode começar seu teste de usuário assim que tiver armações e ao longo do curso, eu vou encorajá-lo a fazer alguns testes de usuário estilo guerrilheiro com seu fio mostrando as pessoas e explicando o que elas dilatam e obtendo a entrada e o feedback das pessoas para ver se você perdeu alguma coisa. Então é aí que o enquadramento de fio se encaixa no processo geral de design da experiência do usuário. A Andi. Esse é o processo de design da experiência do usuário em menos de um minuto. Então eu sei que é muita coisa para repassar. E, claro, há muito mais nisso. Mas eu queria te dar um jeito, encontrando enquanto pulamos no reboque, arame. Se você não estiver familiarizado com a experiência do usuário, crie tudo. Não se preocupe. Este curso é projetado para pessoas que talvez ainda não saibam o que vocês ex, mas querem se dedicar mais a ele. É uma ótima maneira de molhar os pés e projetar a experiência do usuário. Então, na próxima aula vai discutir quadros de arame em detalhes e falar sobre por que experiência do usuário designers arame quadro e por que você quer o meu por que você pode querer começar arame enquadramento também . 3. Por que fazemos quadros de fios?: Oi, todo mundo. Bem-vindo de volta ao enquadramento do fio do dedo para o design da experiência do usuário. Vamos falar sobre armações de arame. O que é uma armação de arame? É um modelo esquelético, bidimensional em que apenas linhas e vórtices são representados. Uma imagem ou conjunto de imagens, que exibe os elementos funcionais de um site ou página normalmente usados para planejar uma estrutura e funcionalidade do site. Sei que é uma descrição longa. Eu realmente penso nisso. Os quadros de arame são uma ferramenta para comunicação. Os quadros de fio comunicam suas idéias de design. Eles se comunicam, talvez um gerentes de produto idéias do que um design precisa fazer com um designer, hum, ou seus oi fi ups de como um produto vai eventualmente se parecer. Então esta é uma armação de arame. São linhas e caixas, e é usado para comunicar como um site pode eventualmente parecer. Esta é também uma armação de arame. É um pouco mais procurado. As linhas são retas. Você pode ver alguns elementos de design modular. Esta é também uma armação de arame. É uma armação de arame de alta dimensão, e presumo que ainda não esteja funcional. Mas é só mais uma tela que mostra como algo vai parecer. Então, um quadro de arame novamente é uma ferramenta para comunicar como algo será, o que ele vai fazer e como o usuário pode interagir com ele. Então, por que gastamos tempo emoldurando? Há um monte de razões, e eu provavelmente nem mesmo cobri-los todos aqui, então sinta-se livre para pensar mais sobre isso. Uma das razões realmente importantes que passamos tempo fazendo isso é que é fácil. É uma ótima ferramenta para brainstorming porque qualquer pessoa na equipe conduzi-la. Não requer talento artístico. Não é algo que só os designers precisam fazer. Até técnicas avançadas de arame são fáceis de pegar, e passaremos por técnicas avançadasde prototipagem de papel ou arame de papel mais tarde no curso. Até técnicas avançadas de arame são fáceis de pegar, e passaremos por técnicas avançadas e passaremos por técnicas avançadasde prototipagem de papel ou arame de papel mais tarde no curso. Mas não é algo que se limita a pessoas com anos e anos de educação artística. É ótimo para testes de usuários, experiências de usuário, experiência de usuário. Designers devem viver por testes de usuários. Temos que mostrar seus projetos para nossos usuários e obter dados para ver se o que fizemos vai funcionar . E você pode começar a mostrar aos participantes quadros de arame de baixa fidelidade mais altos para ver se eles entendem sua idéia assim que você os faz para que você possa mostrar ao usuário seus esboços de caneta e papel que você fez em um guardanapo e ver se eles entendem o que você está falando sobre. Com armações, os participantes ainda podem se comportar da mesma maneira que se comportariam com um produto real. Portanto, há técnicas que você pode usar para permitir que as pessoas interajam com seus protótipos de papel, e elas podem fornecer dados que são realmente válidos. O retorno sobre o investimento de fazer armações de arame e testá-los pode ser literalmente em milhões de dólares porque estamos falando de caneta, armações de fio de papel, o custo é basicamente zero. Então, se você testar seu fio, enquadrar seu produto de arame esboçado e descobrir que você está faltando um botão que diz às pessoas onde clicar, você está literalmente salvando a empresa ou a si mesmo milhões de dólares. Passe o tempo onde enquadrar para comunicá-lo. Sim, é muito mais fácil mostrar do que dizer. Então, em muitos tipos de comunicação, as pessoas acabam discutindo quando estão apenas tentando comunicar algo verbalmente. Mas se você pode emoldurá-lo rapidamente ou desenhá-lo para fora no quadro branco, ah, você pode descobrir que você realmente concorda com quem você está discutindo e, uh, fazer a coisa é a coisa certa. Não é falar sobre fazer isso, então temos um monte de idéias em nossa cabeça, e gostamos de pensar que estamos fazendo algo enquanto falamos sobre elas e pensamos sobre elas. Mas até colocarmos essas ideias no papel, não temos nada. Então vamos comunicar essa ideia que você tem batendo em sua cabeça, colocá-lo no papel, e então você tem o começo de um produto. Passamos tempo arame enquadrando para tentar novas ideias. enquadramento de arame, especialmente em papel, é barato e fácil. Você pode tentar todas as idéias mais loucas que você já pensou fora. Você também pode tentar várias ideias. Sua primeira ideia pode não ser a melhor ideia. Na verdade, provavelmente não é a melhor ideia. Então gaste tempo para fazer vários armações de arame e ver o que você inventa. Nessa mesma linha, podemos usar arame para reduzir nossas ideias malucas. Então é barato e fácil, então você pode tentar as coisas mais selvagens. Você pode tentar tudo o que você pensa sobre o quadro branco com sua equipe. Ah, você pode ver quando essas idéias selvagens podem não funcionar, então talvez você tenha uma idéia fantástica, mas você começa a armação e percebe que ele simplesmente não vai funcionar em uma estrutura móvel . Você pode começar a visualizar e conceber problemas de interação, e então você pode começar a criar soluções criativas. Você pode começar a visualizar e conceber problemas de interação, Então, por que o enquadramento é uma ferramenta realmente importante para começar a aperfeiçoar algumas dessas ideias selvagens? Você pode obter feedback de forma muito rápida e fácil. Então, voltando ao teste do usuário, você pode falar com seus gerentes de produto. Você pode falar com suas costas e desenvolvedores. Você pode falar com seu amigo e desenvolvedores. Você pode falar com todos na sua equipe e ver se o que você está falando é mesmo, uh no escopo. Então é por isso que usamos o enquadramento de arame em poucas palavras. É por isso que é importante. E isso é o que é. E na próxima aula, vamos começar em nosso projeto em nosso projeto, e vamos falar um pouco mais sobre os detalhes da criação de quadros de arame funcionais 4. Como fazemos quadros de fios?: Oi, todo mundo. Bem-vinda de volta. Enquadramento de fio para o design da experiência do usuário. Realmente animado para começar a ver alguns de seus projetos aparecerem na parede. E eu estou animado para mergulhar mais fundo no processo de enquadramento de arame com você. Então este é o projeto Partes Três e eu preciso informá-los que nós temos que dar um passo atrás. Então vamos falar sobre personas, cenários e caminhos felizes nesta lição. Então vamos ver como mergulhar em um projeto de enquadramento de fios enquanto consideramos uma perspectiva de design centrada no ser humano e pensamos em cenários de personas. E Happy Pass vai nos ajudar a fazer isso, a fim de criar a melhor primeira passagem em seu design, você vai querer começar com um usuário e um cenário em mente. Esse usuário vai então passar pelo cenário deles e você vai pensar em um passe feliz para eles. Então, talvez como seu design resolve o problema da melhor maneira possível. Então, se eles têm a melhor experiência e tudo correr bem enquanto eles estão se movendo através sua armação, esse é o passado feliz deles. Poderíamos fazer um curso inteiro sobre o tema de personas, cenários e caminhos felizes. Mas este curso é sobre arame, então não vamos. O Teoh. Se você nunca ouviu falar dessas coisas antes, não se preocupe. Você vai ficar totalmente bem. Se você quiser mergulhar mais fundo, há uma tonelada de recursos está em todos os três dos cenários de persona e almofadas felizes, e eu estou feliz em compartilhá-los. Apenas me avise. Então eu quero que você se lembre onde os quadros de arame se encaixam no processo de design da experiência do usuário. Em um mundo perfeito, deixaríamos que uma pesquisa nos dissesse quem são persona waas e que problema estamos tentando resolver para eles. Então, durante a fase de análise do nosso processo de design de experiência do usuário realmente descobriria para quem é que estamos projetando e qual problema estamos tentando resolver para eles. Nossa fase de análise também nos diria qual seria a solução mais feliz. Então, se decidirmos que o problema deles é que eles precisam de uma maneira rápida e fácil de comprar, tacos são perfeitos. Happy Path seria uma aplicação de três passos que os levava aos tacos, vendia os tacos e eles comiam os tacos. É um caminho feliz. Ele não inclui E se eles não têm o tipo certo de tacos para o nosso usuário. Ele não inclui E se o preço foi listado incorretamente não inclui nenhum desses casos de borda ou cenários menos felizes. Neste ponto, estamos apenas pensando na melhor solução possível. Lembre-se, nós não vivemos em um mundo perfeito. Então, embora queiramos que a pesquisa realmente oriente onde a persona e o cenário estão, não vamos ser capazes de fazer isso para este projeto. Por enquanto, vamos inventar essas coisas. Você tem rédeas totalmente livres. Pense em quem vai usar essa coisa que você está fazendo. E qual é o problema que vai resolver para eles? Lembre-se que criar algo para uma população muito pequena será mais bem sucedida do que criar algo que resolva algo para todos. Depois que você encontrar a pessoa para quem você vai projetar, esboça-a. Claramente, não estamos indo para a perfeição. Mas para comunicação, eu poderia te contar tudo sobre essa pessoa. Ela é a minha personalidade que fiz para um projeto. Eu fiz. O nome dela é Abby. Abby é um muito ativo ao ar livre. Vá er, ela é muito social. Ela tem um monte de amigos. Ela tem vinte e poucos anos, e ganha cerca de 70 mil dólares por ano. Também posso falar sobre o cenário da Abby. Ela quer sair com os amigos, mas tem dificuldade em encontrar acampamentos. Então eu realmente preciso projetar algo que permita Abby muito rápido e fácil, facilmente encontrar parques de campismo que atendam às suas necessidades e permite que ela os compre. Então agora eu tenho um caminho feliz. Eu tenho uma personalidade, e eu tenho um cenário. Aqui está um exemplo de um cenário novamente, Nós não estamos indo para a perfeição. Vamos para a comunicação. Eu poderia contar uma história sobre Abby e sua experiência de acampamento é e o que ela precisa apenas com base nessas fotos. E seria muito mais interessante do que eu ler um pedaço de papel para você. Então eu quero que você poster, persona e cenário para a página do Projeto. O cenário pode ser um storyboard ou uma história escrita. Sua escolha. Pense na sua cabeça sobre seu passado feliz. Você realmente vai querer voltar ao passado feliz. Mais tarde, medida que você está começando a projetar sua estrutura de arame, isso tornará esse processo de enquadramento de arame muito mais fácil. Estou muito animado para começar a ver suas personas e seus cenários aparecerem na página do projeto e ah, ansioso para projetar Parte 4. 5. Como fazer Wireframe (2): Bem-vindo de volta ao enquadramento de fio para design de experiência do usuário. Estou animado para realmente começar a cavar em nossos projetos e falar mais sobre o nitty grisalho de arame. Então vamos falar um pouco sobre quais diferentes tipos de arame existem. Há uma armações de fio de baixa fidelidade, que lo fi arame quadros e este tipo de arame armações esboço de ar em papel, guardanapos de barra ou qualquer coisa que você tem na mão. Então, algumas das melhores idéias vêm de pessoas conversando tomando café ou um coquetel e chegando com uma ótima idéia. Então tudo o que é é uma ideia até que você a coloque no papel. Então coloque no papel. Tudo o que você tem e você tem uma armação de arame, isso é perfeitamente aceitável para uma armação de arame. Um arame de fidelidade média pode ser desenhado em papel com réguas ou grades, ou até mesmo grosso modo feito em programas de software como balsâmico ou mesmo foto shopper esboço. Não vamos entrar no programa de prototipagem neste curso, mas há toneladas de recursos por aí. Se você quiser levar seus quadros de arame para o próximo nível, esses programas podem até tornar seus quadros interativos e transformar os protótipos de minuto. Assim, um meio para a armação de fio de fidelidade para nossos propósitos pode ser desenhado em papel. E estamos pensando em réguas usando papel gráfico, considerando nosso espaçamento e tornando as coisas fáceis de ver. Fidelidade de uma armação de arame feita muito. Mas os elementos básicos de um quadro de arame permaneceram os mesmos. Caixas e linhas. Aqui está um exemplo de alguns elementos que podem ser usados em um quadro de arame desenhado à mão. Eles se parecem muito com os elementos que você pode ver em seu dispositivo móvel, mas sua mão correr e isso é fácil de desenhar. Parece que essa pessoa provavelmente usou uma régua ou algum tipo de borda reta em Ben, algumas ferramentas de sombreamento interessantes para fazer algo que parece muito alto. Fidelidade. Agora que falamos sobre armações de baixa fidelidade serem perfeitamente aceitáveis, vamos fazer um exercício chamado Crazy Eights. Então, uma das coisas mais difíceis sobre o enquadramento de arame é chegar com a ideia. Você pode passar horas olhando para um pedaço de papel em branco, tentando comunicar a idéia geral de algo que você tem em sua cabeça e tentar colocá-lo no papel. O outro problema que temos é que a sua primeira ideia provavelmente não é a melhor ideia. Ou talvez você não tenha nenhuma idéia. Você conhece o problema, e você simplesmente não pode pensar em uma solução para o seu usuário. Todas essas coisas poderiam ser resolvidas com um brainstorming criativo. E um problema que as pessoas às vezes se deparam é que elas estão tão focadas em fazer sua armação de arame bonita que não fazem caixa de tempo lá arame construindo franjas. Eles também podem ficar tão presos em sua única idéia para uma interface que eles não podem se levantar. Eles não podem sair dele ou tentar entrar em novas idéias. Então, oitos loucos é um exercício que é feito para ajudá-lo a gerar um monte de idéias para que você possa começar a mergulhar no mais forte. Não se preocupe em ser arrumado. Essa não é realmente a questão. Agora mesmo. O objetivo desta atividade é criar muitas idéias e desafiar-se a pensar em diferentes maneiras de resolver o problema. Então é assim que funciona. Com Oito Louco, você vai dividir um pedaço de papel em oito pequenas seções. Eles não precisam ser muito grandes, e não precisa ser limpo. Você vai dar um minuto para cada seção, então use um temporizador no seu celular e certifique-se de manter o tempo naquele esboço de um minuto . Tudo o que vem à sua cabeça, então pense em qualquer idéia que é e tente obter o máximo de detalhes que você pode em breve é. O temporizador dispara. Você tem que mudar para a próxima caixa. Você pode expandir uma ótima idéia que você teve na caixa anterior ou começar de novo do zero. Desafie-se a ficar com as caixas do tempo, então só se dê um minuto depois de terminar. Você poderia voltar e realmente expandir uma idéia que você achou ótima. Mas neste ponto, continue trocando de caixas. Se você não tem um lugar para começar, pense em projetar seu portfólio on-line ou talvez redesenhar um aplicativo ou um site que simplesmente não está funcionando para você agora. Estou animada para te ver um pôster louco. Está na seção do projeto. Certifique-se de descrever sua idéia favorita e por que você gosta mais dela. Queremos saber por que você acha que sua idéia pode ficar e o que você está animado em seguir em frente e no próximo curso vamos começar a mergulhar nessa idéia que você achou que era a melhor e levar nossos arames um pouco mais de alta fidelidade. 6. Como fazemos quadros de fios? (3): Oi, todo mundo. Bem-vindo de volta ao design de quatro experiência de usuário que estamos em parte do projeto e vamos começar a refinar nosso fio emoldurando nossa armação de arame. Então é liberado. Hora de começar a enquadrar o fio. Vamos aprimorar o projeto que vamos levar para nossa armação de fio de fidelidade média . Após esta lição, você poderá começar a trabalhar na versão um do seu projeto final. - Sim. - Sim. Antes de entrarmos nas dicas e truques para armações de arame de papel e caneta, quero que pensem sobre o processo de enquadramento de arame. Lembre-se, na lição três, falamos sobre cenários, personas e caminhos felizes. Queremos manter essas três coisas em mente enquanto estamos fazendo a versão um do nosso arame. Acabamos de fazer um projeto do Crazy Oights. Então, espero que quando você estava fazendo aqueles oitos loucos que tipo de pensamento sobre o seu cenário em sua persona? Agora, pegue essa persona, coloque-as no cenário que você pensou e projete sua armação para aquele passe feliz. Então pense nisso como um processo. Você quer projetar telas que permitem que sua pessoa vá do ponto A ao ponto B em seu passado feliz. Então isso vai guiá-lo como você criar esta versão um de seus quadros de arame, Lembre-se que iterando, iterando. Então você fez um monte de esboços de baixa fidelidade em seus oitos loucos. Você vai querer começar esse processo novamente enquanto está fazendo essas armações de arame. Esta é uma versão de baixa fidelidade. Então essas dicas e truques são realmente para quadros de arame de baixa fidelidade para que eles possam acontecer muito rápido. Você poderia voltar e editá-los, e você provavelmente vai fazer 10 orações desta versão um. Dito isso, aqui estão algumas dicas e truques doentes em seu molho arame. Você pode usar um Finnmark para notas se quiser anotar seus quadros de arame para o lado. Mas uma linha grossa permite que você abandone detalhes e vá para a imagem geral. Como eu disse, estamos falando de baixa fidelidade. Os arames só tentavam criar um design de interação. Estamos apenas a tentar comunicar uma ideia. Mantenha suas linhas grossas e bagunçadas. É suposto parecer um esboço. Mantenha-o simples na mesma veia. Então, uma caixa de lado, talvez uma caixa mais grossa. Pensa no mínimo. Isso é tudo o que você precisa neste momento, quando você está apresentando esses quadros de arame, você não quer que as pessoas se envolvam em cores escolhidas nas escolhas de conteúdo sobre espaçamento. Essas são todas as coisas que podem vir mais tarde. Agora, você está apenas tentando ter a idéia básica do que essa coisa que você está construindo faz e quais problemas ele resolve. Cabeçalhos, impostos e armações são apenas linhas e caixas. Se você tem que mostrar diferentes tipos de textos como você quer diferenciar entre um H um e H três, talvez use um rabisco para um H um e uma caixa para em H dois. Este não é o momento para começar a conectar conteúdo. Desafie-se a deixá-la de fora até mais tarde. Se você precisa mostrar um fluxo, fique nervoso. Seu fluxo não precisa ser emoldurado por belas capas para iPhone. Retire os detalhes e use caixas para ilustrar como um usuário se move pelo fluxo. Você pode até começar por aí. Se você não estiver pronto para iniciar o enquadramento por fio, defina suas caixas e entenda o que precisa acontecer em cada tela para seus usuários. Para o seu trabalho Happy path toe, você pode anotar o que vai acontecer em cada tela se você ainda não estiver pronto para desenhar. Depois de descobrir o que precisa acontecer, você pode começar a pensar sobre o que isso pode parecer quando você constrói sua armação de arame. Então, aqueles areiam as pontas. Ah, para dicas rápidas para começar a armação do fio de reboque. O ponto agora é apenas mergulhar e começar a criar. Então pegue seu papel de caneta, sua régua se quiser e comece a vasculhar suas armações. Lembre-se de manter seu usuário seu cenário e você está feliz caminho em mente e você vai ficar bem. Comece a postar essas primeiras iterações no quadro do projeto. É ótimo começar a compartilhar agora e começar a interagir com as pessoas. Dê-lhes feedback. Diga a eles o que você gosta. Diga-lhes o que você acha que pode não funcionar, e vamos começar a projetar 7. Como fazemos quadros de fios? (4): Oi, todo mundo. Bem-vindo de volta ao enquadramento de fio para design de experiência do usuário Nesta lição, vamos começar a falar sobre a apresentação de nossos quadros de arame. Fizemos um monte de arame de baixa fidelidade. Com sorte, eles estão sendo colocados na parede. Talvez você tenha começado a receber algum feedback sobre os quadros que desenhou. Então conversamos sobre baixa Fi. Mas aqui vamos nós um pouco mais. Oi, Fi. Este é um exemplo de um quadro de fio de esboço hi fi na realidade, Ah, quadro de fio hi fi seria algo que é feito na loja de fotos ou esboço e, em seguida, mostrado para gerentes de produtos ou desenvolvedores, ou possivelmente vermelho dedo do pé realmente ser construído para nossos propósitos intensivos. Ah, oi fi armação de fio é um quadro de arame de esboço de caneta e papel que ainda apresentável. Então você pode fazer isso. Você só precisa de algumas ferramentas e alguns pacientes. Eu sei que essas fotos de arame parecem lindas, e parecem que artistas as desenharam, mas tudo bem se não o fizerem. Se você é armação de arame, não fique incrível. Como eu disse, você só precisa de algumas ferramentas e alguns pacientes. Então, primeiro de tudo, você passou muito tempo desenhando e decidindo sobre a armação de arame que funcionará o melhor para esta parte cinco. Então, isso é algo que você está pronto para começar a apresentar compras em torno de suas ideias para as partes interessadas. Então, porque eu acabei de dizer que estamos comprando a idéia dela para as partes interessadas, você quer que seu quadro de arame mostre dedicação e trabalho de design de interação. Lembre-se que tudo isso é sobre comunicação. Então eu não sei sobre o seu escritório, mas eu não quero apresentar algo que eu fiz em um guardanapo para meu CEO ou diretor de design. Eu também não quero mostrar uma simulação de alto achado, mas não estamos nessa fase do processo. Como eu disse antes, nós realmente queremos pensar sobre a maneira que enfraquecer pode comunicar R D R. Idéia. Os melhores armações são usados para comunicar o que o produto irá dio e como ele irá resolver um problema para o nosso usuário. Não estou pronto para comunicar que cores vou usar que caras planas. Vou escolher o que o conteúdo vai dizer. Eu não estou pronto para isso, e eu não quero que minhas partes interessadas se distraam com esses elementos quando eles não estão totalmente . Então eu quero puxar as coisas para trás e focar em comunicar o que este produto faz. No entanto, eu não quero o dedo do pé. Eu não quero apresentar algo que pareça que eu não tentei ou colocar tempo e esforço. Então é disso que estamos falando quando estamos falando sobre apresentar nossas armações de arame. Eu tive um instrutor uma vez que me disse que uma grande armação de arame é como um pequeno vestido preto que ainda não tinha sido vestido. Então não adicionamos saltos ou a bolsa ou a maquiagem ou as jóias, mas ainda parece clássico e limpo e pronto para sair. Então, linhas retas, proporção e espaçamento percorrem um longo caminho. Você não precisa novamente desenhar belas imagens, mas espaçar as coisas de maneiras razoáveis. Pense em linhas retas. Pense nas calhas do seu arame, então não deixe as coisas sangrarem até o final da página. Espaço as coisas uniformemente. Papel gráfico é tudo o que você precisa para fazer isso ou uma régua. Uma ferramenta realmente simples ou um modelo dandy útil. Estes modelos de iPhone estão disponíveis online gratuitamente em todo o lugar. Apenas Google livre você, I template, e eu tenho certeza que você vai encontrar algo para o toque final em sua sombra de armação de fio de papel, bebê Shade Estes ar onde o co escolher canetas pode vir a calhar. Se você não tem canetas Kobrick, você pode usar um lápis. Você pode ver que o sombreamento no botão superior faz com que ele apareça um pouco da página, e o sombreamento usado nesse navegador da Web faz com que pareça um pouco mais de design. O Ary. Esta é a parte excitante. Vamos começar a coletar dados como qualquer bom designer de experiência de usuário. Depois que a armação do fio estiver completa, você tem que mostrá-la. É o que os designers fazem. Mostre aos seus amigos. Seus vizinhos são compartilhados na nossa parede. A coisa realmente importante é que uma vez que você compartilhá-lo e coletar alguns desses dados, você tem que levá-los em conta. Você pode comercializar-se em seu quadro de arame e dizer O que precisaria mudar? Ou podes voltar e mudar a armação do arame. Se um monte de dados apontou para a mudança sendo necessária, lembre-se que quartos esposa de quatro comunicando se para as partes interessadas ou para os usuários. Temos de obter feedback sobre seus projetos, a fim de reiterar. Como eu disse antes, os melhores designers de UX não são as pessoas que vêm com a idéia mais bonita de que as pessoas que aderem ao processo ouvem os usuários e usam esses dados para realmente influenciar suas decisões de design. Jittery e reiterar, você nunca vai terminar com o design, mas essa é a parte mais divertida e frustrante de ser um designer. Em algum momento, você vai ter que mudar. Mas até lá, continue fazendo alterações com base nos dados. Desafie-se Para fazer um conjunto de armações, coletar dados de seus usuários, conhecer quaisquer mudanças importantes e, em seguida, fazê-las novamente. Comece de novo com seus dados de usuário e faça seus quadros de arame novamente. Isso significa voltar ao início. Comece a esboçar. Talvez você tenha que voltar para oitos loucos e ver se você pode resolver até mesmo um problema diferente . É o que acontece quando fazemos boas armações. É criar uma maneira de coletar bons dados e, finalmente, projetamos um produto melhor. Se você acabar fazendo isso, por favor, compartilhe. Mostre sua versão um na versão dois e compartilhe quais dados usados para fazer essas alterações. Então compartilhe seu projeto final. Mal posso esperar para ver o que você inventou. Lembre-se, quanto mais iterações você compartilhar na parede, melhor. Todos queremos ver o processo para que possamos aprender uns com os outros. Compartilhe um com o outro, diga um ao outro o que você gosta. O que você não gosta. Estou tão animada para ver o que você inventou. E esse é o fim. Muito obrigado por fazer o meu curso. Eu realmente aprecio isso. Como eu disse antes de comentários, perguntas que eu gostaria de ouvir de você. A Andi. Adoraria ver como vai a sua armação.