MENU

| BR

Campus

Cursos

Programas Executivos

Paises

Prototipagem em UX Design: 5 ferramentas de prototipação para tirar ideias do papel

Prototipagem em UX Design: 5 ferramentas de prototipação para tirar ideias do papel
#UX
8 de julho - min de leitura

Mais do que utilizar uma ferramenta de prototipagem, é importante entender suas funcionalidades e como ela pode ajudar na criação do seu projeto. Veja exemplos de como usar Keynote e até a Lego para prototipar.


Seja você um profissional que acabou de iniciar na carreira em UX e UI ou mesmo se já tem certa experiência na área, (re)pensar sobre opções e funcionalidades das ferramentas de prototipação é sempre fundamental.

Tanto para quem dá os primeiros passos na área, com o foco na funcionalidade aplicada, quanto aos mais experientes, quando conta muito a reavaliação sobre métodos já utilizados, a escolha certa da ferramenta de prototipagem fará a diferença. 

Nesse texto, trazemos cinco ferramentas diferentes, indicadas pelo nosso professor Harold Shcultz Neto, que ministra aulas de UX e Discovery no curso de Gestão em Produtos Digitais. Elas vão ajudá-lo a aumentar a produtividade e eficiência em seu processo de prototipação.

Ao final de cada uma, incluímos um link que contém exemplo prático para que você entenda a relevância destas funcionalidades, espelhadas no dia a dia.

E porque escolhemos só 5, entre tantas opções de mercado? Pois cremos que não existe “a melhor” ferramenta de todas, mas sim a mais adequada ao projeto, etapa e suas necessidades específicas. 

Sendo assim, avalie seu contexto, acompanhe nossas opções e bom trabalho com a sua prototipagem!

1 - Pencil Before Pixel

Essa frase é um clássico no UX Design, principalmente no universo das grandes consultorias do Vale do Silício. O motivo é simples: é mais efetivo você começar seu protótipo com lápis e papel do que gastar muito tempo em softwares que demandam conhecimento prévio. 

Além disso, o papel, quando bem feito, permite interações que nos sistemas digitais demorariam ou simplesmente seriam impossíveis de serem realizadas.

Quando usar: dificilmente você vai usar lápis e papel nas etapas finais de um projeto, já que nesta fase é preciso trazer realismo e as diferenças de interações em dispositivos são cruciais para serem validadas. Essa ferramenta, portanto, é recomendada em projetos rápidos ou validações de novas iniciativas, quando o contexto ainda está confuso.

Veja um exemplo de prototipagem Pencil Before Pixel

2 - Apple Keynote

Esqueça o PowerPoint. O Keynote (para usuários do Mac) é uma das melhores ferramentas para protótipos rápidos do mercado. 

Sim você leu bem: basta desenhar um layout com imagens realistas e adicionar links na apresentação et voilà! Eis seu protótipo com interação! 

“Muitos designers não vão levar isso a sério, mas como a maioria das pessoas tem familiaridade com este tipo de ferramenta, é o melhor primeiro passo. Ah, e pode ser responsivo. Basta você escolher um tamanho de slide personalizado e terá o arquivo em formato para smartphone”, explica Neto.

Quando usar: quando você não tem tempo de aprender mais uma ferramenta digital, e precisa testar algumas coisas básicas, como um fundo de site, tipo de menu etc.

Veja um exemplo de prototipagem com Apple Keynote

3 - Invision

Considerada uma das ferramentas que mais cresceu no início do boom do Design Sprint e outras metodologias ágeis

Primeiro, por ter fácil navegação, o que simplifica o entendimento. Segundo, por ter se tornado a queridinha dos designers, em razão da excelente estratégia de conteúdo da empresa fabricante, possuidora de alguns dos melhores relatórios e práticas na área, sendo esta última, talvez, sua principal vantagem.

Quando usar: tanto na fase inicial de projetos quanto numa fase mais avançada, onde já se demanda um protótipo de média para alta fidelidade.

Veja um exemplo de prototipagem com Invision

4 - Figma

Atualmente, Figma é o número 1 na lista de qualquer UX Designer que se preze. E a resposta para essa predileção é bem aceitável: sua excelente robustez. 

Essa ferramenta tem tudo que as outras mais robustas, como Adobe XD e Sketch possuem, mas, com muito mais flexibilidade e colaboratividade, já que tem o poder da nuvem, ou pelo menos a forma como o desenvolvido em cloud.

Ela permite criar ações fáceis, que não pesam o PC, podendo ser usado até com chromebooks, além de uma completa sessão de compartilhamento, chat, colaboração e integração com outros sistemas.

Quando usar: Sempre e em qualquer fase do projeto pois é extremamente flexível.

Veja um exemplo de prototipagem com Sigma

5 - LEGO

Como diz nosso professor Neto, “nem só de digital são os projetos”.

No mundo físico, uma das melhores ferramentas pra você prototipar, desde ambientes até serviços completos, é o LEGO.

Obviamente, vai demandar certa abstração dos usuários-teste e criatividade da parte do profissional. Mas, o resultado com certeza irá lhe surpreender.

Quando usar: em projetos de Design de Serviços onde você precisa simular ambientes e interações no mundo físico.

Veja um exemplo de prototipagem com Lego

E aí, interessado(a) em entender melhor cada ferramenta destas, tirar dúvidas e aprender as funcionalidades delas mais profundamente? 

Então, vem conhecer nosso curso de Experiência do Usuário , um dos mais completos do mercado atual.

Nele, você vai criar protótipos, das mais variadas maneiras, aprendendo a desenhar e validar linguagem digital, padrões de design e interação, análise heurística e muito mais.

Outras notícias

Novos hábitos do consumidor: quais comportamentos e consumos ganharam força durante a pandemia img
#Marketing

Novos hábitos do consumidor: quais comportamentos e consumos ganharam força durante a pandemia

O mundo não vai mudar completamente após a pandemia, mas existe uma mudança em curso que agora acontece de maneira muito acelerada, com impacto direto nas estratégias de negócio Digital First. Aos poucos, os novos hábitos do consumidor ganham forma.Alguns ficaram muito tempo em casa, outros evitaram ir muito longe, alguns tiveram mais tempo, outros começaram a trabalhar demais, alguns ficaram muito sozinhos outros passaram mais tempo do que estão acostumados com a família.O que aconteceu neste confinamento forçado?Novos hábitos do consumidorAumento das compras onlineNos últimos meses, conversei com 2 plataformas de e-commerce diferentes que afirmaram que o volume de vendas digitais atual é como se todo dia fosse uma Black Friday, os consumidores no home office forçado recorreram às compras online e levaram os lojistas a abrir mais de 135 mil lojas online novas no Brasil. Um nova rotina dentro de casaE será que esse home-office é para sempre? Se depender de  26% dos CEOS das 500 maiores empresas da lista da Fortune sim! Isso altera o deslocamento dessas pessoas pela cidade mudando os locais onde fazem compras e consomem refeições. E essa mudança de deslocamento deve fazer com que as pessoas passem mais tempo no bairro onde moram, assim as lojas locais ampliam sua importância para esse consumidor. Outro hábito que esse consumidor desenvolveu foi o costume de cozinhar em casa, um hábito que deve se manter mesmo pós-quarentena. O portal de receitas do UOL teve crescimento de 230% da audiência em junho/2020 quando comparado a março/2020.Para quem tem filhos o home-office pode ter se tornado um pesadelo, sem escola e tendo de apoiar mais de perto as tarefas educacionais, muitos pais perceberam que não tinham talento para a pedagogia, ou mesmo quando estavam à altura da tarefa, isso comprometia sua vida profissional.Sem poder sair para shows muita gente acompanhou seu cantor favorito dentro de casa, as lives que começaram simples ganharam status de superprodução e levaram milhões de brasileiros para o YouTube. Das 10 maiores lives musicais do YouTube na era pós-covid, 7 são brasileiras. Marília Mendonça chegou a ter 3,3 milhões de usuários simultâneos e seu show no YouTube já foi visto mais de 50 milhões de vezes.Empresas se adequando ao novo cenárioDe olho na mudança de comportamento do consumidor algumas marcas online estão fazendo integração com lojas de bairro, o que permite entregar serviços além de produtos. Por exemplo, a Petlove que agora pode vender banho e tosa que será entregue nos petshops parceiros.A renda do consumidor em geral caiu, essa é outra realidade dura desse novo cenário, isso tem feito com que as pessoas experimentem novas marcas e deem mais valor a novas formas de economizar, como cashback (dinheiro de volta) nas compras. De olho nessa tendência, a Magalu lançou o cashback no seu app.E enquanto alguns dão graças aos céus por poder abrir seu restaurante, outros estão aproveitando para lançar kits para cozinhar em casa, que é uma ótima maneira de manter esse cliente que criou um novo hábito.Se no ensino fundamental, médio e graduação as pessoas aguardam ansiosamente a volta às aulas, no segmento de cursos técnicos muitos tiveram experiências positivas e vão repensar a necessidade de sair de casa para se atualizar profissionalmente. E não falo apenas sobre a Digital House, existem relatos animados em todo o setor de educação. Quais os impactos no mercado?Essas mudanças de hábitos foram observadas em diversas pesquisas diferentes, e impactam cerca de 20% a 33% dos consumidores. Já pensou no seu modelo de negócio atual com apenas 67% a 80% dos seus clientes? Essa redução acaba inviabilizando muitos negócios que já não iam bem antes da pandemia, e deve forçar muitos mercados a mudança. Algumas pessoas que estão lucrando com esses novos modelos vão continuar contratando, e investindo em marketing para convencer ainda mais consumidores. E por fim, muitas dessas oportunidades apresentam uma opção mais barata ao consumidor que em sua maioria está passando por maus bocados. Isso não significa que você precise abandonar imediatamente seu negócio ou criar um novo, mas deixa claro que você precisa refletir diariamente se é o momento da virada ou de criar algo em paralelo.É hora de criar uma área de monitoramento de mercado (que para o pequeno empreendedor é um tempinho semanal para olhar as novidades da sua área de atuação) e se aprofundar na experiência do cliente (CX). As principais inovações muitas vezes vem de observar ou conversar com os consumidores.Quando a mudança vai chegar para qualquer setor é incerto, mas com certeza o consumidor não será mais o mesmo do mundo pré-pandemia.

Growth Hacking: o que é e como a estratégia de hacking de crescimento funciona img
#Marketing

Growth Hacking: o que é e como a estratégia de hacking de crescimento funciona

Desenvolvido pelo empreendedor americano Sean Ellis, toda empresa precisa saber o que é growth hacking. Ao pé da letra, o termo pode ser definido como o “marketing orientado a experimentos”. Independentemente do tamanho e segmento da empresa, todas têm um objetivo em comum – fazer o seu negócio crescer. Afinal, ninguém entra em campo para perder.Quando tratamos de experimentar, não significa que vamos “acertar no chute”, pois toda ação deve ser pensada estrategicamente, visando o crescimento sustentável a partir dos pontos deficientes. Growth Hacking: para aplicar, tenha em mente hipóteses.O growth hacking segue essa linha em três passos: formula as hipóteses, realiza os testes e descobre as oportunidades reais no mercado para desenvolver estratégias e acelerar o negócio da empresa diante da concorrência.Diferentemente de outras técnicas de marketing, o growth hacking é orientado pelos Key Performance Indicators (KPIs), para atingir o objetivo proposto. Como Growth Hacking funciona na práticaPodemos chegar a dizer que estratégias de growth hacking são “brigas contra o tempo”, pois há um sentimento de fazer tudo no menor tempo e custo possível, por meio de experimentos que validem as hipóteses criadas. Porém, essa agilidade exige uma equipe preparada e investimento em ferramentas que possibilitem experimentos e automações para encontrar as melhores soluções. Para sintetizar o processo do growth hacking, podemos resumi-lo em quatro etapas:1. Defina um objetivo;2. Crie hipóteses;3. Faça testes que comprovem as hipóteses;4. Utilize ferramentas de teste, analytics e automação.Com o growth hacking, não existe “acertar no escuro”. Antes do advento do digital, muitas empresas investiam uma fortuna em mídia off, mas sem saber o retorno que aquela veiculação de propaganda na televisão traria ao seu negócio. O growth hacking ajuda no crescimento das empresas por um motivo bem simples. Antes da estratégia ser aplicada, ela passou por experimentos e foi “metrificada”. Vantagens do growth hackingJá discutimos a respeito do conceito de growth hacking, inclusive já mostramos um dos seus benefícios. Separamos agora mais 4 benefícios desta estratégia de crescimento tão utilizada por startups:Crescimento rápidoVimos que o objetivo é crescer exponencialmente e o mais rápido possível. O growth hacker é o profissional responsável por analisar diversas áreas da organização, propor melhorias e ganhar mercado. É primordial que as estratégias tenham custos baixos e sejam criativas. Ambas as exigências são desafios inerentes do cotidiano de qualquer startup.Escalabilidade Falar sobre crescimento da empresa sem associar com aumento de receita é impossível. Os custos operacionais podem até aumentar, mas não pode sobressair ao retorno ganho.PrevisibilidadeUma das grandes vantagens é a mensuração de resultados, pois esse profissional consegue prever o que pode acontecer em determinado período, com base no histórico de transações e nos dados armazenados.ViralizaçãoAbuse das técnicas de viralização, como a indicação aos amigos por meio das mídias sociais. Isso faz com que a empresa seja reconhecida no mercado de forma mais rápida e com um investimento bem menor.Quer se tornar um growth hacker na área do marketing? Conheça os cursos da Digital House: Marketing Digital, Marketing Digital Avançado e Gestão de Marketing Digital.

Inovação nos negócios: como reinventar sua empresa e sobreviver às crises img
#Marketing

Inovação nos negócios: como reinventar sua empresa e sobreviver às crises

Neste momento atípico que vivemos, onde a dimensão da transformação digital ganha mais sentido, a pergunta é: como reinventar sua empresa e sobreviver a estas mudanças?  Como diz o escritor Theodor Seuss Geisel, mais conhecido pelo pseudônimo Dr. Seuss, “não é sobre o que é, é sobre o que pode se tornar”. Trazendo a analogia para o momento atual, a Era Digital convida pessoas e negócios a este tipo de reinvenção, que impacta em seus modelos de trabalho, produtos, serviços e processos - inclusive na forma de identificar oportunidades de trabalho na crise.Este artigo reflete justamente sobre essa necessidade de “reciclar” sua empresa, com inovação aplicada.Pra reinventar sua empresa, é preciso inovaçãoTransformação Digital é muito mais que tecnologia, pois nos propõe uma nova realidade, toda conectada e com informações em tempo real.Partindo do princípio que o digital é algo muito mais amplo e envolve o ser humano com tecnologias trabalhando a seu favor, os negócios passam a incorporar cada vez mais o conceito de digital first.O consumidor pensa cada vez mais no digital como primeira opção (ainda mais neste período “teste”/pandemia, onde se experienciou que isso é possível), acaba por desenvolver um mindset ágil, no sentido de simplificar sua rotina com tecnologias úteis, integradas e acessíveis, desapegando das estruturas físicas.Portanto, se sua empresa quer vender para este novo consumidor, precisará falar sua língua. Por exemplo, abrir um site de e-commerce ou atendimento remoto pode parecer um importante passo nesse sentido. Porém, isso de nada adianta se o gestor não aprender como ser um bom líder na Era Digital, adquirindo habilidades digitais e tecnologias adequadas para conduzir essa loja virtual, por exemplo.Dicas para uma empresa se reinventar nos negóciosNa prática, para transformar seu negócio, no sentido e na rapidez que a Transformação Digital exige, é preciso levar em conta algumas ações, como:Fazer um benchmarking de mercado  Você precisa saber como fazer um benchmarking, pois através dele consegue descobrir o que os concorrentes estão fazendo, o que dá certo e o que nem tanto. Desta forma, pode adotar alguma estratégia similar que funcione na sua empresa.Falar com seu público-alvoEntreviste gente. Afinal, inovação é a tecnologia bem desenvolvida, executada e utilizada por seres humanos. Descubra quais problemas seu público-alvo tem e se realmente ele está satisfeito com seus produtos e serviços. Essas conversas podem trazer vários insights e ideias novas de aprimoramento.Conversar com fornecedores de tecnologia para o seu mercadoPergunte o que eles têm disponível para melhorar o seu negócio. Dependendo do seu ramo, ferramentas específicas podem otimizar o dia a dia dos processos, aumentar a produtividade e visibilidade das vendas, e, ainda, trazer resultados com mais rapidez. Buscar parceiros agreguem valor à sua marca Faça parceria colaborativa com outras empresas do ramo, com propósitos parecidos aos da sua marca e que forneçam serviços e produtos que agreguem aos seus. Assim, a sua marca fica mais sólida no segmento e seus clientes ganham em benefícios integrados.Seja agile - crie métricas e prazos Para aprimorar ou desenvolver novas soluções em seu negócio, utilize metodologias ágeis para acelerar o processo de implantação. O Scrum ou o Kanban são boas opções, pois têm o objetivo de reduzir o tempo de entrega de uma solução ou projeto.Tecnologia como aliada na transformação digitalEsta virada de chave pode parecer muito complexa mas, com um bom direcionamento e flexibilidade mental, reinventar seu negócio pode ser uma experiência incrível e lucrativa.Na Digital House, temos cinco cursos na área de Negócios que te ajudam nesse trabalho. Conheça cada um deles e adquira um mindset digital para tornar sua empresa mais adequada às transformações desta era.Aprenda professores especialistas de mercado e faça networking durante e após o curso. Entenda que tecnologia sozinha não faz transformação alguma. Conhecimento e a prática das habilidades digitais é que geram inovação e, consequentemente, prosperidade.