Templates de UX

Sprint Remoto de Design da AJ&Smart

Resolva grandes desafios, crie novos produtos ou melhore os existentes com este template de Design Sprint. Construa produtos melhores com processos inovadores e mais rápidos.

Kit de Ferramentas para Storyboard

Simplifique seu processo de contar histórias com o Storyboarding Toolkit. Este template abrangente fornece todas as ferramentas que você precisa para criar storyboards detalhados, incluindo planejamento de cenas, desenvolvimento de personagens e gerenciamento de linha do tempo. É perfeito para cineastas, designers e equipes de marketing que desejam criar narrativas coesas e envolventes. Use este conjunto de ferramentas para organizar suas ideias, garantir consistência e dar vida às suas histórias com clareza e precisão.

Mapa de Jornada Para Traçar a Experiência do Cliente

Uma jornada é uma ferramenta para mapear a experiência do cliente de (uma parte de) seu produto/serviço de forma visual.

Mapa de Experiência do Usuário FlyUX

O Mapa de Experiência do Usuário mostra visualmente o que os usuários do FlyUX fazem, pensam, querem e sentem enquanto usam o aplicativo. Tudo baseado em pesquisa do usuário.

Mapa de empatia do usuário

O template do Mapa de Empatia do Usuário ajuda você a visualizar as experiências e necessidades dos usuários. É uma ferramenta essencial para times que buscam projetar produtos que ressoem com seus usuários. Use este template para desenvolver empatia e melhorar a satisfação do usuário.

Oficial Sprint de Design Remoto de 5 dias

O objetivo de um Design Sprint é construir e testar um protótipo em apenas cinco dias. Você levará um pequeno time, liberará a agenda por uma semana e avançará rapidamente do problema para a solução testada usando uma lista de verificação comprovada, passo a passo. Steph Cruchon do Design Sprint criou este template para a Miro em colaboração com gurus do design sprint no Google. Este template de Design Sprint é projetado especificamente para sprints remotos, permitindo que você conduza sprints produtivos e eficientes com colegas ao redor do mundo.

Template de Wireframes de baixa fidelidade

Quando você está projetando um site ou desenvolvendo um aplicativo, as fases iniciais devem ser AMPLAS — ver o panorama geral e comunicar a grande ideia. Wireframes de baixa fidelidade permitem que você veja e faça isso. Esses layouts básicos (pense neles como a versão digital de um esboço em um guardanapo) ajudam suas equipes e stakeholders do projeto a determinar rapidamente se um design atende às necessidades dos seus usuários. Nosso template permite que você use wireframes facilmente durante reuniões ou workshops, apresentações e sessões de crítica.

Plano de Serviço com IA

Integre IA no design do seu serviço com o template "Plano de Ação com IA". Esta ferramenta ajuda a mapear processos de serviço e identificar oportunidades para aprimoramento com IA. Use-o para visualizar interações, simplificar fluxos de trabalho e melhorar experiências do cliente com soluções impulsionadas por IA. Perfeito para equipes que desejam inovar e otimizar serviços utilizando tecnologia avançada.

Template de Mapa de história do usuário

Popularizada por Jeff Patton em 2005, a técnica de mapeamento de histórias de usuário é uma maneira ágil de gerenciar backlogs de produto. Seja trabalhando sozinho ou com um time de produto, você pode aproveitar o mapeamento de histórias de usuário para planejar lançamentos de produtos. Mapas de histórias de usuário ajudam os times a manter o foco no valor de negócio e lançar funcionalidades que são importantes para os clientes. O framework auxilia o time multifuncional a obter um entendimento comum sobre o que precisa ser feito para satisfazer as necessidades dos clientes.

Mapa do ecossistema

Defenda uma abordagem centrada no cliente com este Template de Mapeamento do Ecossistema. Compreenda o ecossistema da sua organização de forma holística por meio da defesa do cliente.

Template de Wireframe para Site

Wireframing é um método para projetar um site no nível estrutural. Um wireframe é um layout estilizado de uma página da web que mostra os elementos de interface em cada página. Use este Template de Wireframe para iterar sobre páginas da web de forma rápida e econômica. Você pode compartilhar o wireframe com clientes ou colegas de equipe e colaborar com as partes interessadas. Os wireframes permitem que os times obtenham o suporte de stakeholders sem investir muito tempo ou recursos. Eles ajudam a garantir que a estrutura e o fluxo do seu site atenderão às necessidades e expectativas do usuário.

Template de Mapa de Empatia

Atraindo novos usuários, convencendo-os a experimentar seu produto e transformando-os em clientes leais — tudo começa com entendê-los. Um mapa de empatia é uma ferramenta que leva a esse entendimento, ao lhe dar espaço para articular tudo o que você sabe sobre seus clientes, incluindo suas necessidades, expectativas e fatores de decisão. Dessa forma, você poderá desafiar suas suposições e identificar as lacunas no seu conhecimento. Nosso template permite que você crie facilmente um mapa de empatia dividido em quatro quadrantes principais: o que seus clientes dizem, pensam, fazem e sentem.

Template de Sitemap

Construir um site é uma tarefa complexa. Vários stakeholders se unem para criar páginas, escrever conteúdos, desenhar elementos e construir uma arquitetura de site que atenda ao público-alvo. Um sitemap é uma ferramenta eficaz para simplificar o processo de design do site. Ele permite que você faça um inventário do conteúdo e dos elementos de design que planeja incluir em seu site. Ao visualizar seu site, você pode estruturar e construir cada componente de uma forma que faça sentido para o seu público.

Template de Diagrama de Sequência UML

Analise e demonstre como entidades externas interagem com o seu sistema usando um diagrama de sequência. Obtenha uma visão panorâmica dos seus processos de trabalho, funções empresariais e interações com clientes utilizando este diagrama. Identifique também quaisquer potenciais problemas precocemente e solucione-os antes da implementação.

Template de protótipo de baixa fidelidade

Prototipos de baixa fidelidade servem como visões iniciais práticas do seu produto ou serviço. Esses protótipos simples compartilham apenas algumas funcionalidades com o produto final. São ideais para testar conceitos abrangentes e validar ideias. Prototipos de baixa fidelidade ajudam as equipes de produto e UX a estudar a funcionalidade do produto ou serviço concentrando-se em iterações rápidas e testes de usuário para informar os designs futuros. O foco em esboçar e mapear conteúdos, menus e fluxo de usuário permite que tanto designers quanto não-designers participem do processo de design e ideação. Em vez de produzir telas interativas vinculadas, protótipos de baixa fidelidade se concentram em insights sobre necessidades dos usuários, a visão dos designers e o alinhamento dos objetivos dos stakeholders.

Template para Wireframe de Apps

Pronto para começar a criar um aplicativo? Não apenas imagine como ele funcionará e como os usuários interagirão com ele – deixe que um wireframe mostre isso para você. A criação de wireframes é uma técnica para criar um layout básico de cada tela. Quando você faz wireframes, idealmente no início do processo, você perceberá o que cada tela deve realizar e obterá o apoio de stakeholders importantes – tudo isso antes de adicionar o design e o conteúdo, o que economizará tempo e dinheiro. E ao considerar as etapas da jornada do usuário, você proporcionará uma experiência mais envolvente e bem-sucedida.

Template de Persona de Usuário

Uma persona de usuário é uma ferramenta para representar e resumir um público-alvo para seu produto ou serviço que você pesquisou ou observou. Quer você esteja em marketing de conteúdo, marketing de produto, design ou vendas, você opera com um alvo em mente. Pode ser seu cliente ou prospecto. Pode ser alguém que vai se beneficiar do seu produto ou serviço. Geralmente, é uma coleção inteira de personalidades e necessidades que se cruzam de maneiras interessantes. Ao destilar seu conhecimento sobre um usuário, você cria um modelo para a pessoa que deseja segmentar: esta é uma persona.

Template de Classificação de Cartões

O método de card sorting é uma técnica de brainstorming usada geralmente por equipes de design, mas aplicável a qualquer sessão de brainstorming ou grupo. O método é projetado para facilitar sessões de brainstorming mais eficientes e criativas. Em um exercício de card sorting, você e sua equipe criam grupos a partir de conteúdos, objetos ou ideias. Comece etiquetando um baralho de cartões com informações relacionadas ao tema do brainstorming. Trabalhando em grupo ou individualmente, vocês então organizam os cartões de uma maneira que faça sentido para vocês, e depois rotulam cada grupo com uma breve descrição. O card sorting permite a formação de conexões inesperadas, mas significativas, entre ideias.

Template de Fluxograma do Website

Um fluxograma de site, também conhecido como sitemap, mapeia a estrutura e a complexidade de qualquer site atual ou futuro. O fluxograma também pode ajudar seu time a identificar lacunas de conhecimento para conteúdos futuros. Quando você está construindo um site, quer garantir que cada parte do conteúdo forneça aos usuários resultados de pesquisa precisos baseados em palavras-chave associadas ao seu conteúdo web. Os times de produto, UX e conteúdo podem usar fluxogramas ou sitemaps para entender tudo que está contido em um site e planejar adicionar ou reestruturar o conteúdo para melhorar a experiência do usuário no site.

Template de diagrama de afinidade

Você pode usar um diagrama de afinidade para gerar, organizar e consolidar as informações que surgem de uma sessão de brainstorming. Seja ao desenvolver um produto, resolver um problema complexo, estabelecer um processo ou desvendar uma questão, um diagrama de afinidade é uma estrutura útil e simples que dá a cada membro do time a oportunidade de contribuir e compartilhar suas ideias. Mas ele não é apenas ideal para brainstormings—este é um ótimo template e ferramenta quando você precisa chegar a um consenso ou analisar dados como resultados de pesquisas.

Template de Wireframe de E-Commerce

O template de Wireframe de Site de E-commerce foi projetado para guiar você em sua jornada de criação de wireframes de sites de e-commerce. Comece com um wireframe básico em preto e branco, que inclui todos os elementos e telas essenciais para um design completo de UI — basta customizá-lo conforme suas necessidades. Este template é ideal para qualquer negócio de e-commerce e pode ser facilmente adaptado para um restaurante, loja de roupas, mercearia ou varejista de tecnologia. Com componentes personalizáveis e um esquema de cores editável, você pode personalizar rapidamente o wireframe para se adequar ao seu negócio específico.

Template de Mapa da jornada do cliente

Um mapa de jornada do cliente (CJM) é uma representação visual da experiência do cliente. Ele permite capturar o caminho que um cliente segue ao comprar um produto, inscrever-se em um serviço ou interagir com seu site. A maioria dos mapas inclui uma persona específica, descreve a experiência do cliente do início ao fim e captura os potenciais altos e baixos emocionais da interação com o produto ou serviço. Use este template para criar facilmente mapas de jornada do cliente para projetos de todos os tipos.

Template para fluxo de telas

Um screen flow (ou wireflow) reúne um layout multi-tela que combina wireframes com fluxogramas. O resultado é um fluxo de ponta a ponta que mapeia o que os usuários veem em cada tela e como isso impacta seu processo de tomada de decisão através do seu produto ou serviço. Ao pensar visualmente sobre o que seus clientes estão vendo, você pode se comunicar com equipes internas, stakeholders e clientes sobre as decisões que tomou. Você também pode usar um screen flow para encontrar novas oportunidades de tornar a experiência do usuário mais fluida e sem frustrações do início ao fim.

Template de Wireframe para página de destino de site

O template de wireframe de site fornece tudo o que você precisa para iniciar seu próximo conceito de site ou página da web. Em vez de começar do zero, o template oferece um layout personalizável pronto para uso em seus designs. Altere e reorganize as páginas e componentes incluídos para construir o wireframe perfeito para seu projeto.