PROTOTIPAGEM KIT DE CONTEÚDO TAKE A TIP. Inovação e Negócios

Transcrição

1 PROTOTIPAGEM KIT DE CONTEÚDO TAKE A TIP Inovação e Negócios 1

2 SOBRE O KIT DE CONTEÚDO Em uma missão de disseminar o conhecimento e a cultura de inovação, a Take a Tip lança seu primeiro kit de conteúdo. Neste material você encontra conteúdo sobre o que é a Prototipagem de Ideias e Projetos e qual a importância deste processo para a inovação. Encontra também templates para auxiliar na prototipagem em papel de interfaces de web e de aplicativos. Ao final deste material é possível conferir uma lista de referências interessantes para auxiliar no aprendizado e na aplicação do conceito de prototipagem no dia-a-dia. A forma com que este kit foi criada é para que todos possam compreender os conceitos apresentados que serão expostos de maneira clara e objetiva. Caso surjam dúvidas, escreva para takeatip@takeatip.com.br. PROTOTIPAGEM referências conceito templates TAKE A TIP Inovação e Negócios 3

3 ÍNDICE O QUE É PROTOTIPAGEM? FOLHAS DE SKETCH PICTOGRAFIA REFERÊNCIAS TAKE A TIP Inovação e Negócios 4

4 ÍNDICE O QUE É PROTOTIPAGEM? FOLHAS DE SKETCH PICTOGRAFIA REFERÊNCIAS Não seria incrível se toda vez que você tivesse uma ideia genial todos pudessem ver, tocar, sentir, e testar sua ideia sem que você tivesse que investir recursos para desenvolvê-la? Imagine como isso aumentaria as chances de convencer seu chefe a aprovar o investimento para produção da sua ideia, ou então como você poderia testar sua ideia já com o consumidor e fazer ajustes para lançar um produto ou serviço mais alinhado com as necessidades e expectativas do mercado? Pois esta prática já existe, é adotada por muitas empresas, e recebe o nome de Prototipagem. + TAKE A TIP Inovação e Negócios 5

5 ÍNDICE O QUE É PROTOTIPAGEM? O QUE É PROTOTIPAGEM? POR QUE PROTOTIPAR? O QUE PROTOTIPAR? FOLHAS DE SKETCH PICTOGRAFIA REFERÊNCIAS O termo Protótipo vem do grego [PROTÓS=PRIMEIRO] e [TYPOS=TIPO], ou seja, primeiro tipo, primeiro modelo. A Prototipagem é uma técnica para desenvolver, testar e melhorar ideias em um estágio inicial, antes que se invista em recursos para sua implementação. É um jeito de você experimentar, avaliar, aprender, aperfeiçoar e se adaptar, garantindo que as ideias sejam totalmente exploradas antes da tomada final de decisão. Algumas razões para prototipar: Você pode envolver várias pessoas relevantes numa fase inicial da ideia Pode testar as ideias com as pessoas que trarão respostas para os dilemas do seu projeto É uma maneira de tornar as ideias tangíveis Auxilia na tomada de decisões refinando as ideias Em comparação a um piloto, é um processo de baixo custo e pode ser feito dentro de um prazo menor É um processo vivo de aprendizagem, onde você pode alterar e testar novas abordagens em tempo real. Você pode prototipar um novo produto, um novo serviço, um novo aplicativo ou interface. Pode até prototipar uma receita, testando ingredientes; prototipar um novo caminho para o trabalho; enfim, tudo que se é possível testar e fazer melhor, é algo que se pode prototipar e muitas vezes não chamamos de protótipo. Para cada situação existem melhores técnicas e ferramentas que podem te auxiliar. + TAKE A TIP Inovação e Negócios 6

6 ÍNDICE O QUE É PROTOTIPAGEM? FOLHAS DE SKETCH PICTOGRAFIA REFERÊNCIAS PROTOTIPAGEM EM PAPEL Uma das formas mais comuns de realizar um protótipo é a Prototipagem em Papel. Rápida e barata, colocar sua ideia em um papel é o primeiro passo para qualquer outra forma de prototipagem. Utilizada para prototipar produtos, desenhando os primeiros traços da nova solução; serviços, ilustrando a interação dos clientes; e principalmente interfaces, onde é possível desenhar tela a tela e simular a interação do usuário com a interface; a prototipagem em papel é uma ferramenta poderosa no dia-a-dia para impulsionar novas ideias. Neste kit de conteúdo estamos trazendo templates específicos para a prototipagem em papel de interfaces, ou como dizem por aí, os rabiscoframes. TAKE A TIP Inovação e Negócios 7

7 ÍNDICE O QUE É PROTOTIPAGEM? FOLHAS DE SKETCH PICTOGRAFIA REFERÊNCIAS A criação de sketchs ou, como algumas pessoas chamam, rabiscoframes, possibilita visualizar com rapidez e eficiência a solução que está sendo prototipada. É possível, principalmente, testar a solução sem que seja necessário investir muito tempo ou recurso com a produção da mesma em algum editor gráfico. Para utilizar as folhas no diaa-dia não há muito mistério. Basta ter a ideia/projeto em mente que deverá ser realizado, definir para qual plataforma se está prototipando (ipad, Android, iphone, etc.) e então escolher o sketch ideal, imprimindo várias cópias dele. Daí é só sentar com suas canetas (nas referências há um vídeo sobre quais canetas utilizar), e começar a rabiscar a solução. TAKE A TIP Inovação e Negócios 9

8 Wireframe Sketch Sheet Título: Projeto: Designer: Anotações:

9 Wireframe Sketch Sheet - ipad Título: Projeto: Designer: Anotações:

13 Wireframe Sketch Sheet - iphone Título: Projeto: Designer: Anotações:

14 Wireframe Sketch Sheet - Web Browser Título: Projeto: Designer: Anotações:

17 Wireframe Sketch Sheet - Android Título: Projeto: Designer: Anotações:

18 Wireframe Sketch Sheet - Android Título: Projeto: Designer: Anotações:

19 Wireframe Sketch Sheet - Blackberry Título: Projeto: Designer: Anotações:

20 Wireframe Sketch Sheet - Blackberry Título: Projeto: Designer: Anotações:

21 Cenários Título: Nome do Cenário: Projeto: Descrição da Situação: Objetivo Desejado: Designer: Anotações:»»

22 Storyboard Título: Projeto: Designer: Anotações:

23 ÍNDICE O QUE É PROTOTIPAGEM? FOLHAS DE SKETCH PICTOGRAFIA REFERÊNCIAS Para quem não tem muita habilidade com desenhos, utilizar ícones prontos, copiando ou colando eles no seu protótipo, pode ser uma ajudinha extra. E para quem vai criar novos ícones valem algumas dicas e pontos de atenção para criar um ícone eficiente. Pictogramas nada mais são do que símbolos que representam algo (um objeto, uma ação, um conceito). Desde os anos 40, reforçou-se a crença de que o uso de símbolos é a maneira mais efetiva de se comunicar, já que apenas a visão de um pictograma faz com que a informação seja compreendida, independente de habilidades e da língua de quem vê o símbolo. Apesar de todo esse potencial, criar um novo pictograma não é tão simples, já que a ideia principal é de que seja um símbolo de compreensão universal. Para isso a primeira dica é clara: seja simples. Não queira complicar demais o design de um símbolo. Vale a máxima do design: keep it simple. A segunda dica: teste a eficácia do seu símbolo. Não inclua em seus projetos símbolos que você apenas acredita serem eficientes, sem ao menos ter testado com os colegas ao lado. Segundo Tristan Cooke, um bom pictograma deve passar pelo teste do 80/10, ou seja, para cada 10 pessoas que você mostrar seu pictograma, 8 devem compreender o conceito com facilidadee exatidão, enquanto, no máximo, 1 pessoa poderá interpretar de forma contrária seu significado. TAKE A TIP Inovação e Negócios 27

26 ÍNDICE O QUE É PROTOTIPAGEM? FOLHAS DE SKETCH PICTOGRAFIA REFERÊNCIAS Para que você possa aprofundar seu conhecimento sobre o tema Prototipagem, separamos algumas recomendações de leituras, vídeos, ferramentas e cursos que irão ampliar seu conhecimento sobre o assunto. ;) TAKE A TIP Inovação e Negócios 30

27 ÍNDICE VÍDEOS O QUE É PROTOTIPAGEM? FOLHAS DE SKETCH PICTOGRAFIA REFERÊNCIAS Para que você possa aprofundar seu conhecimento sobre o tema Prototipagem, separamos algumas recomendações de leituras, vídeos, ferramentas e cursos que irão ampliar seu conhecimento sobre o assunto. ;) Que caneta usar na sua prototipagem? Versão completa (e lenta) do vídeo acima Acompanhe um teste de usabilidade Teste de usabilidade... com frutas Como realizar um teste de usabilidade Design Thinking - Take a Tip UX - O usuário está bêbado TAKE A TIP Inovação e Negócios 31

28 ÍNDICE APLICATIVOS E FERRAMENTAS O QUE É PROTOTIPAGEM? FOLHAS DE SKETCH PICTOGRAFIA REFERÊNCIAS Para que você possa aprofundar seu conhecimento sobre o tema Prototipagem, separamos algumas recomendações de leituras, vídeos, ferramentas e cursos que irão ampliar seu conhecimento sobre o assunto. ;) Para tornar o protótipo de papel clicável I Para tornar o protótipo de papel clicável II 10 Free Wireframing tools Para quem quer investir em ferramentas legais Um super guia de Prototipagem Para auxiliar no agendamento das entrevistas e testes de usabilidade Lista de ferramentas, softwares e links de UX com curadoria de Fabrício Teixeira TAKE A TIP Inovação e Negócios 32

29 ÍNDICE O QUE É PROTOTIPAGEM? FOLHAS DE SKETCH PICTOGRAFIA REFERÊNCIAS Para que você possa aprofundar seu conhecimento sobre o tema Prototipagem, separamos algumas recomendações de leituras, vídeos, ferramentas e cursos que irão ampliar seu conhecimento sobre o assunto. ;) CURSOS Curso gratuito e online. Obs: ok, o curso já rolou em Fev/13, por isso você não irá conseguir ver os vídeos anexados ao material, mas ainda assim você pode conferir todas as aulas e pegar várias referências bacanas. Curso presencial na ESPM, abordando não só a prototipagem de web/em papel, mas também prototipagem de produtos, serviços e modelos de negócio. Conteúdo da palestra, que vale por uma aula, do Fabrício Teixeira, sobre UX Design antes do Wireframe. TAKE A TIP Inovação e Negócios 33

30 ÍNDICE SITES O QUE É PROTOTIPAGEM? FOLHAS DE SKETCH PICTOGRAFIA REFERÊNCIAS Para que você possa aprofundar seu conhecimento sobre o tema Prototipagem, separamos algumas recomendações de leituras, vídeos, ferramentas e cursos que irão ampliar seu conhecimento sobre o assunto. ;) Tudo o que você precisa saber sobre User Experience Agências e a prototipagem Para prototipar na web ou depois do papel Leitura obrigatória - IDEO Guia de UX Ícones gratuitos (creative commons e licenças liberadas para uso comercial) Lista de eventos de UX Blog sobre inovação, criatividade e design TAKE A TIP Inovação e Negócios 34

31 OBRIGADO :) CONTATO TAKE A TIP CONSULTORIA takeatip@takeatip.com.br