Return to Video

Lecture 3.3: Faking it – Video Prototyping (11:48)

  • 0:01 - 0:04
    Um dos elementos mais importantes de design centrado no ser humano
  • 0:04 - 0:07
    é ter certeza de que todas as escolhas de design diferentes que você faz -
  • 0:07 - 0:11
    qual funcionalidade está disponível e quais os elementos de interface, arquitetura da informação,
  • 0:11 - 0:14
    e design visual [que] a funcionalidade que presente
  • 0:14 - 0:21
    combinam harmoniosamente a fluidez apoiar as atividades que são importantes para pessoas que estão usando seu sistema.
  • 0:21 - 0:27
    Aposto que muitos dos sistemas que você encontrar benefício mais inspiradora deste coerente, abordagem centrada no usuário,
  • 0:27 - 0:33
    e que muitas das interfaces que você acha frustrante falta dessa coerência e sentir-se confusa.
  • 0:33 - 0:34
    Alcançar esta harmonia pode ser difícil
  • 0:34 - 0:40
    porque é fácil de ser sugado para detalhes de implementação e perder a floresta para as árvores.
  • 0:40 - 0:44
    Uma das melhores formas de assegurar que uma coerente, a visão centrada no ser humano
  • 0:44 - 0:47
    dirige o seu projeto e sua equipe de design
  • 0:47 - 0:52
    é criar um protótipo de vídeo mostrando o que você imaginar que vai ser gosto de usar o seu sistema.
  • 0:52 - 0:55
    É também muito divertido.
  • 0:55 - 0:58
    Para lhe dar uma noção do que quero dizer com isto,
  • 0:58 - 1:03
    Eu gostaria de lhe mostrar um protótipo de vídeo que a equipe walkabout criado na Universidade de Stanford.
  • 1:05 - 1:06
    (É hora de ir!
  • 1:06 - 1:12
    Com o clique de um botão, Carissa define Walkabout em movimento em seu iPhone.
  • 1:12 - 1:15
    Ela não tem muito tempo para o exercício em seu dia,
  • 1:15 - 1:19
    mas ela gosta de se manter saudável a pé de e para os seus destinos.
  • 1:19 - 1:21
    Ela tem um par de minutos antes de o ônibus chegar,
  • 1:21 - 1:25
    então ela senta-se para verificar o seu progresso Walkabout.
  • 1:25 - 1:31
    Walkabout conta os passos que ela faz em sua vida cotidiana e os converte em uma jornada pessoal.
  • 1:31 - 1:35
    Carissa é uma jornada pessoal até o Monte Everest.
  • 1:35 - 1:38
    Ela está em 28.000 pés, prestes a atingir o escalão Hillary,
  • 1:38 - 1:42
    e ela decide dar uma olhada.
  • 1:42 - 1:45
    Ryan está se sentindo competitivo.
  • 1:45 - 1:50
    Ele puxa Walkabout e desafia sua Brendon amigo para um passeio off-:
  • 1:50 - 1:55
    Quem obtiver a maioria dos passos até ao final do dia as vitórias.
  • 1:55 - 2:00
    Brendon decide que ele está pronto para aceitar o desafio.
  • 2:00 - 2:06
    Enquanto ele ruma para a sua próxima aula, ele tem que decidir se quer ou não que ele vai pegar o elevador.
  • 2:06 - 2:10
    Ele verifica a sua concorrência Walkabout e vê que Ryan está na liderança.
  • 2:11 - 2:14
    Brendon dirige acima das escadas.
  • 2:14 - 2:17
    Caso Ryan tomar o caminho mais longo para trabalhar, ou o caminho mais curto?
  • 2:17 - 2:22
    Com mais em jogo do que costumava haver, ele dispara.
  • 2:22 - 2:27
    Carissa verifica seu telefone: Ela foi convidada para um passo-off para Obama.
  • 2:27 - 2:31
    Ela está feliz em acompanhar seus passos para uma boa causa.
  • 2:31 - 2:36
    Ryan também foi convidado para a etapa off-, ele decide juntar-se também.
  • 2:36 - 2:40
    Passos de todos são acumuladas de forma cooperativa.
  • 2:40 - 2:43
    Juntando-se é um acéfalo para Brendon.
  • 2:43 - 2:48
    Ele decide publicar um estatuto Walkabout grupo em sua página no Facebook.
  • 2:48 - 2:54
    Walkabout: Pequenos passos podem levar a grande mudança e muita diversão!
  • 2:56 - 2:58
    Walkabout / um aplicativo para iPhone por: Mason Carter / Ryan / Carissa / Wypich Brendon)
  • 3:01 - 3:06
    Protótipos de vídeo oferecem quatro benefícios realmente importantes para o seu processo de design.
  • 3:06 - 3:10
    Primeiro, eles podem ser muito barato e rápido de fazer.
  • 3:10 - 3:13
    Em segundo lugar, eles servem como grandes ferramentas de comunicação.
  • 3:13 - 3:17
    Entre outras coisas, é uma maneira maravilhosa de mostrar o contexto de uso,
  • 3:17 - 3:21
    de modo que sua equipe de projeto inteira pode chegar nessa mesma página.
  • 3:21 - 3:27
    E porque é um vídeo independente, é uma explicação de suas idéias de design que é completamente portátil
  • 3:27 - 3:31
    e que qualquer pessoa, a qualquer hora pode ligar-se e olhar.
  • 3:32 - 3:35
    Eu também gosto muito de usar protótipos de vídeo como uma especificação para uma equipe de desenvolvimento
  • 3:35 - 3:40
    onde você pode dizer "qualquer interface que realiza este objetivo é uma boa interface."
  • 3:40 - 3:43
    E esses vídeos podem tomar as decisões de design de interface vêm vivo
  • 3:43 - 3:47
    muito mais do que uma documentação por escrito palavra longa.
  • 3:47 - 3:54
    E, finalmente, os protótipos de vídeo forçá-lo a amarrar todas as suas decisões de design de interface para tarefas reais do usuário.
  • 3:55 - 3:58
    Isso ajuda você a alinhar, orientar e priorizar as suas opções de interface.
  • 3:58 - 4:01
    E isso faz se você tem uma interface completa:
  • 4:01 - 4:06
    Você tem todos os elementos de que alguém precisa para realizar a tarefa que gostaria de?
  • 4:06 - 4:08
    e também que não há nada extra?
  • 4:08 - 4:10
    No processo de desenvolvimento é muito fácil de encontrar
  • 4:10 - 4:15
    todos os tipos de sinos e assobios e coisas brilhantes que pretende ser capaz de adicionar ao sistema.
  • 4:15 - 4:18
    E se, em última análise não ajudar as pessoas a cumprir metas,
  • 4:18 - 4:24
    um protótipo de vídeo pode ser uma ótima maneira de se lembrar que, talvez, o melhor é deixá-lo fora.
  • 4:24 - 4:28
    Você pode usar protótipos de vídeo em todo o seu ciclo de vida do projeto.
  • 4:28 - 4:31
    Realmente no começo, quando você é primeiro começando a pensar em torno de idéias,
  • 4:31 - 4:36
    você pode usar protótipos de vídeo como um auxiliar de brainstorming, e estes podem levar apenas alguns minutos.
  • 4:36 - 4:43
    Você pode ter protótipos de papel que você construiu e, em uma ou duas horas, reuniu um vídeo muito rapidamente.
  • 4:43 - 4:45
    Ou, se você tem uma idéia de projeto
  • 4:45 - 4:49
    que você realmente precisa para obter um grande apoio por trás de uma grande organização
  • 4:49 - 4:52
    de vender algo para gestão ou investidores,
  • 4:52 - 4:58
    você pode fazer um protótipo de vídeo realmente liso como uma forma de vender e explicar suas idéias.
  • 4:58 - 5:02
    Um grande exemplo disso é Navigator da Apple Conhecimento, que, há 20 anos,
  • 5:02 - 5:08
    introduziu uma série de idéias para uma visão de um futuro mais inteligente, interface de usuário mais adaptável.
  • 5:08 - 5:13
    E enquanto ela pode ser atraente para tentar canalizar o seu interior Steven Spielberg e fazer um filme épico de grande orçamento,
  • 5:13 - 5:17
    muitos dos meus usos favoritos de protótipos de vídeo chega mais cedo no processo de design,
  • 5:17 - 5:23
    onde você está usando o vídeo como uma forma de comunicar à equipe de projeto e debater idéias de design.
  • 5:23 - 5:25
    E em muitos casos, você vai usar protótipos em papel
  • 5:25 - 5:30
    como a interface que o protótipo de vídeo é elaborando.
  • 5:30 - 5:32
    Aqui está um grande exemplo de que essa Lisa Seaman fez
  • 5:32 - 5:36
    quando ela estava trabalhando em um sistema de monitoramento inteligente de energia em Stanford.
  • 5:37 - 5:41
    (Dinkenspiel Abby é professor de economia na Universidade de Stanford.
  • 5:41 - 5:45
    Ela se preocupa com seu uso de energia, mas não é na medida de suas ações.
  • 5:45 - 5:47
    Ela recebe uma conta mensal de energia,
  • 5:47 - 5:51
    mas há pouca informação sobre quais as actividades ou dispositivos que consomem mais energia.
  • 5:51 - 5:56
    Ela quer ser capaz de identificar pontos problemáticos e corrigi-los da melhor forma possível.
  • 6:00 - 6:06
    Usando o seu sistema de monitoramento de casa, Abby é capaz de ver quanta eletricidade cada um de seus aparelhos está usando.
  • 6:06 - 6:11
    Começando na cozinha, ela é capaz de comparar a utilização de cada um dos seus aparelhos à média nacional.
  • 6:11 - 6:16
    Ela também é capaz de olhar para os outros cômodos da casa, verificar as estatísticas seu progresso,
  • 6:16 - 6:20
    e falar com seu amigo de poupança de energia.
  • 6:24 - 6:27
    Através do console, ela é capaz de olhar para outros quartos na casa dela.
  • 6:27 - 6:31
    O diagrama esquemático casa mostra onde cada um dos seus aparelhos está localizado.
  • 6:31 - 6:36
    Ela também é capaz de atingir individualmente os quartos, como a sala da biblioteca, banheiro, quarto e vivo
  • 6:36 - 6:39
    para ver o quanto de energia ela está usando em cada um.
  • 6:39 - 6:42
    Ela é capaz de selecionar um - como o banheiro - e controlar os dispositivos.
  • 6:42 - 6:47
    Aqui ela pode definir a hora do banho, de modo que a água quente desaparece gradualmente após dez minutos.
  • 6:47 - 6:52
    Abby é também capaz de verificar seu sistema de monitoramento de casa remotamente, enquanto ela está no escritório.
  • 6:52 - 6:54
    Ela pode ir para um site pessoal e informação de dispositivo de acesso,
  • 6:54 - 6:58
    verificar o seu progresso, e conversar com seu amigo de poupança de energia.
  • 6:58 - 7:02
    Ela também é capaz de controlar seus dispositivos através de um smartphone
  • 7:02 - 7:06
    no caso de ela acontece para deixar as luzes acesas ou o ar condicionado.
  • 7:06 - 7:09
    Com acesso a padrões de consumo de bairro,
  • 7:09 - 7:12
    os consumidores podem comparar com precisão o consumo de energia para seus vizinhos.
  • 7:12 - 7:18
    Bairros podem se unir na luta para reduzir sua pegada de carbono coletiva.
  • 7:19 - 7:21
    Outra ferramenta de poupança de energia é o sistema de camarada,
  • 7:21 - 7:25
    onde você se inscrever para um amigo, colega ou amigo on-line para economizar energia em conjunto.
  • 7:25 - 7:30
    Esta é uma boa maneira de verificar o progresso e motivar uns aos outros de uma forma positiva é competitiva.
  • 7:31 - 7:36
    Stanford University / Iniciativa para um Futuro Sustentável)
  • 7:37 - 7:39
    Então o que você colocar em um protótipo de vídeo?
  • 7:40 - 7:46
    Como um storyboard, você vai querer certificar-se que o protótipo vídeo mostra toda a tarefa,
  • 7:46 - 7:50
    incluindo a motivação inicial, e os resultados de sucesso no final.
  • 7:50 - 7:53
    Estabelecimento de tiros e narrativas no início pode realmente ajudar com isso.
  • 7:53 - 7:58
    Por exemplo, no vídeo Walkabout, Carissa começa dizendo: "é hora de ir."
  • 7:58 - 8:03
    Isso introduz a tarefa: Ela precisa ir em algum lugar, e Walkabout é lembrá-la a andar.
  • 8:04 - 8:09
    Protótipos de vídeo também são um grande momento para você tomar o que você aprendeu no campo e colocá-lo para usar.
  • 8:09 - 8:14
    Desenhe sobre as tarefas que você observou e elaborar sobre eles ao fazer seu protótipo.
  • 8:14 - 8:18
    Quando você pensa sobre a tarefa que você deseja que o seu sistema para realizar especialmente bem,
  • 8:18 - 8:21
    essas são coisas que você deve mostrar no protótipo de vídeo.
  • 8:21 - 8:24
    E, assim, um protótipo de vídeo é uma ótima maneira
  • 8:24 - 8:30
    de descobrir o que seu produto mínima viável é por algo que você vai querer liberar -
  • 8:30 - 8:33
    No vídeo, no produto mínima viável;
  • 8:33 - 8:36
    Não no vídeo, não precisa ser no primeiro turno.
  • 8:36 - 8:41
    Como você pode ver em fazer estes protótipos, você está fazendo decisões de design importantes e consequentes.
  • 8:41 - 8:44
    E desta forma - fazer e ver estes protótipos -
  • 8:44 - 8:50
    mudanças que as equipes de design discutir e eu acho isso de uma maneira muito boa.
  • 8:50 - 8:52
    Tudo bem, você está a bordo e pronto para ir.
  • 8:52 - 8:53
    Como você faz isso?
  • 8:53 - 8:57
    Bem, a primeira coisa a fazer, como qualquer coisa, começar com um esboço.
  • 8:57 - 9:02
    Planeje suas fotos, o que o protótipo de vídeo vai mostrar como as tarefas e vai conseguir isso.
  • 9:02 - 9:06
    Você pode usar os storyboards que você tinha feito para ajudar você a fazer isso, esses serão muito valiosas aqui.
  • 9:06 - 9:09
    Também é bom para improvisar.
  • 9:09 - 9:13
    Ligue a câmera. Faça um monte de coisas. Veja o que acontece.
  • 9:13 - 9:17
    Não se preocupe com uma câmera de fantasia: Não importa, não é tão importante.
  • 9:17 - 9:21
    E, de fato, dispositivos extravagantes muitas vezes pode ser uma distração aqui,
  • 9:21 - 9:24
    porque é fácil de passar muito tempo do lado da produção das coisas.
  • 9:24 - 9:28
    Se você, ou alguém que você conhece, tem um celular com câmera a,
  • 9:28 - 9:32
    você tem o equipamento que você precisa, provavelmente, fazer um protótipo de vídeo.
  • 9:32 - 9:35
    Os outros ingredientes principais que você precisa, obviamente, são as pessoas:
  • 9:35 - 9:38
    Chame seus amigos para ser atores ou você pode ser você mesmo atores.
  • 9:38 - 9:41
    Ótima maneira de construir para construir empatia com as pessoas que vai usar o seu sistema.
  • 9:41 - 9:42
    E você vai precisar de um local real.
  • 9:42 - 9:48
    Sua diversão a filmar estas no mundo, ou onde quer que você acha que as pessoas estarão usando o seu sistema.
  • 9:48 - 9:51
    E eu não posso enfatizar o suficiente como o objetivo de um protótipo de vídeo
  • 9:51 - 9:57
    é realmente sobre a mensagem e da história que você está tentando transmitir, e não sobre os valores de produção elevados,
  • 9:57 - 10:01
    porque é realmente fácil de gastar muito tempo nisso.
  • 10:01 - 10:04
    Ao planejar o seu protótipo, pensar sobre algumas coisas:
  • 10:04 - 10:06
    Um dos mais importantes é:
  • 10:06 - 10:10
    Você vai fazer isso com áudio, ou torná-lo estilo cinema mudo?
  • 10:10 - 10:17
    Uma grande vantagem de tê-lo ser o estilo do cinema mudo, é que o áudio pode ser apenas uma dor de lidar com eles.
  • 10:17 - 10:24
    Você pode fazer cartões de título em folhas de papel em casa, então, você pode usá-las para título das cenas.
  • 10:24 - 10:28
    E você também pode usar coisas como Post-It para comunicar coisas sobre seus usuários -
  • 10:28 - 10:31
    assim, dar às pessoas uma etiqueta com o nome que tem seu nome, ou papel,
  • 10:31 - 10:34
    ou algo que o público deve saber sobre o que eles se preocupam.
  • 10:34 - 10:37
    Como falamos, a interface pode ser o que quiser -
  • 10:37 - 10:43
    Você pode fazer um protótipo de papel, ou maquetes digitais, ou, se você tiver o código, vá com isso;
  • 10:43 - 10:45
    ou a interface pode mesmo ser invisível.
  • 10:45 - 10:49
    Assim, por exemplo, se eu estava indo para construir uma interface de ferramenta de apresentação,
  • 10:49 - 10:55
    você poderia me mostrar a trabalhar neste tablet aqui mesmo, sem realmente mostrar nada do que eu vejo na tela,
  • 10:55 - 10:57
    e eu realmente gosto que, como uma estratégia
  • 10:57 - 11:02
    porque absolutamente enfatiza o que a pessoa que usa o sistema pode realizar.
  • 11:02 - 11:08
    E depois, você pode pensar "O que seria UI precisamos capacitá-los a fazer isso?"
  • 11:08 - 11:10
    E, finalmente, se eu posso te dar uma dica
  • 11:10 - 11:14
    que vai fazer neste divertido muito mais e poupar-lhe muito mais tempo:
  • 11:14 - 11:19
    Editar o mínimo possível, porque a edição é extremamente demorado.
  • 11:19 - 11:22
    Meu TA para esta classe, Robbie, que sabe muito bem.
  • 11:22 - 11:26
    Se puder, faça a coisa toda em uma tomada, e se isso não é razoável,
  • 11:26 - 11:30
    basta usar o botão de pausa em sua câmera para poder fazer a sua edição na câmera,
  • 11:30 - 11:32
    e você está fora e correndo.
  • 11:32 - 11:35
    Para mais informações, consulte o material Wendy Mackay.
  • 11:35 - 11:39
    Ela fez um monte de trabalho em prototipagem de vídeo ao longo dos anos e tem um monte de ótimas sugestões.
  • 11:39 - 11:43
    Eu também gostaria de agradecer a ela, porque um monte de coisas que eu compartilhei com vocês hoje
  • 11:43 - 11:46
    é baseado em seus ensinamentos deste material ao longo dos anos.
  • 11:46 - 11:50
    Divirta-se!
Title:
Lecture 3.3: Faking it – Video Prototyping (11:48)
Description:

HCI Class

more » « less
Video Language:
English
Rafa Poiate  added a translation

Portuguese subtitles

Revisions