Templates de UX

Ficha de Observação de Experiência de Serviço

O Plano de Ação de Serviço Expandido oferece uma visão detalhada dos seus processos e interações de serviço. Este template é ideal para análise completa de serviço e aprimoramento. Use-o para alinhar os times, visualizar a jornada do cliente e identificar oportunidades de otimização. É perfeito para aprimorar a entrega de serviços, promover a colaboração e garantir uma experiência de serviço sem falhas e eficiente para seus clientes.

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 forma ágil de gerenciar backlogs de produto. Esteja você 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. Os mapas de histórias de usuário ajudam os times a manterem o foco no valor para o negócio e a lançar funcionalidades que os clientes valorizam. O framework ajuda a criar um entendimento compartilhado para o time multifuncional sobre o que precisa ser feito para atender às necessidades dos clientes.

Template de Wireframes de baixa fidelidade

Quando você está projetando um site ou construindo um aplicativo, as etapas iniciais devem ser GRANDES — olhando o quadro geral e comunicando a grande ideia. Wireframes de baixa fidelidade permitem que você veja e faça exatamente isso. Esses esboços preliminares (pense neles como a versão digital de um rascunho em um guardanapo) ajudam suas equipes e stakeholders do projeto a determinar rapidamente se um design atende às necessidades dos usuários. Nosso template permite que você use wireframes facilmente durante reuniões ou workshops, apresentações e sessões de crítica.

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 exibe os elementos de interface em cada página. Use este modelo de Wireframe para iterar em 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 buy-in das partes interessadas sem investir muito tempo ou recursos. Eles ajudam a garantir que a estrutura e o fluxo do seu site atendam à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 Wireframe de Apps

Pronto para começar a construir um aplicativo? Não apenas imagine como ele funcionará e como os usuários interagirão com ele—deixe um wireframe mostrar a você. Wireframing é uma técnica para criar um layout básico de cada tela. Quando você cria wireframes, idealmente no início do processo, você terá uma compreensão do que cada tela irá realizar e conseguirá a aprovação de stakeholders importantes—tudo isso antes de adicionar o design e o conteúdo, o que economizará tempo e dinheiro. E ao pensar nas coisas em termos da jornada do usuário, você oferecerá uma experiência mais atraente e bem-sucedida.

Template de Diagrama de Sequência UML

Analise e mostre como entidades externas interagem com o seu sistema usando um diagrama de sequência. Tenha uma visão panorâmica dos seus processos de trabalho, funções de negócios e interações com clientes usando este diagrama. Além disso, identifique possíveis problemas antecipadamente e resolva-os antes de implementar.

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. Seja você de marketing de conteúdo, marketing de produto, design ou vendas, você opera com um público-alvo em mente. Talvez seja seu cliente ou potencial cliente. Talvez seja alguém que vai se beneficiar do seu produto ou serviço. Normalmente, é toda uma coleção 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 espera segmentar: essa é uma persona.

Template de Classificação de Cartões

A classificação de cartões é uma técnica de brainstorming tipicamente usada por times de design, mas aplicável a qualquer brainstorming ou time. O método é projetado para facilitar brainstormings mais eficientes e criativos. Em um exercício de classificação de cartões, você e seu time criam grupos a partir de conteúdos, objetos ou ideias. Você começa etiquetando um baralho de cartões com informações relacionadas ao tema do brainstorming. Trabalhando em grupo ou individualmente, você então classifica os cartões de uma maneira que faça sentido para você e depois etiqueta cada grupo com uma breve descrição. A classificação de cartões permite formar conexões inesperadas, mas significativas, entre ideias.