A relação entre a estrutura de fios UX e a pesquisa UX

Quando consideramos o design do website, a primeira coisa que a maioria de nós pensa é em marca e estilo de marca, as cores e características que ela joga fora assim que a página é carregada, e como isso é sedutor para nos impulsionar através de nossa jornada para alcançar o que precisamos dela.

Antes daquela página de imagens marcantes, cópia escrita inteligentemente, e sinos e apitos rodopiantes se tornarem uma página viva e respiratória de código, há muito mais procedimentos e práticas necessárias para levar cada equipe a um estágio em que a marca e a entrega possam ser montadas.

Cada processo de projeto começa considerando o que os interessados precisam de seus visitantes e o que eles precisam dos interessados. As discussões que impulsionam a realização de cada objetivo são ajudadas ao longo de seu caminho com pesquisa aprofundada, idéias, apresentações e protótipos.

UX? experiência do usuário? é a interação e a transação agradáveis do usuário no processo do seu site. O objetivo é proporcionar uma experiência de usuário que o incentive a concluir, voltar e recomendar de forma rápida, eficiente e o mais fácil possível.

Os Wireframes são uma ferramenta valiosa utilizada na primeira etapa e nas discussões subseqüentes de cada jornada de projeto.

O que é uma estrutura de fio UX?

Um design de rede wireframe é a representação mais simples de seu website, normalmente durante as etapas iniciais.

Os wireframes nos ajudam a imaginar a aparência e a sensação da jornada do cliente para o usuário, a decidir quais elementos são importantes, onde eles devem ficar na página e como levar o usuário ao próximo estágio para atingir sua meta.

Uma estrutura de fio UX orienta a comunicação, a organização e o fluxo de trabalho. Ela mantém os designers e pesquisadores focados no conceito, seus usuários e características, e são rápidos e fáceis de entregar ou aplicar mudanças no fluxo de trabalho.

Em qualquer estágio em que o design, a pesquisa e o fluxo de trabalho se reúnem, a eficiência é fundamental para a escala de tempo e o prazo. Portanto, você precisa de uma ferramenta que possa reformular as ideias de sua última deliberação e que não precise voltar a um designer ou a uma equipe de apresentação apenas para avançar algumas etapas simples.

Por que esperar dias ou semanas quando uma caneta e um papel podem fazer o mesmo trabalho em algumas pinceladas rápidas?

Os 3 níveis de design da estrutura de fios UX

Projeto de estrutura metálica de baixa fidelidade
Projeto de estrutura metálica de fiação de média fidelidade
Projeto de estrutura metálica de alta fidelidade

Dependendo da etapa do processo em que você se encontra e da pesquisa que já realizou, o design da Web com wireframe pode parecer tão simples e desalinhado quanto os esboços (baixa-fidelidade).

Eles progredirão para opções mais organizadas (e mais comuns) apresentadas profissionalmente usando um software que oferece layouts e fluxos de trabalho mais inteligentes e fáceis de imaginar (mid-fidelity).

No topo da pilha, as estruturas de arame apresentam layouts pixel-perfect (alta-fidelidade) com páginas apresentadas profissionalmente, a apenas alguns passos de suas próximas versões de protótipos.

Para as primeiras reuniões, caneta e papel são geralmente suficientes para fazer a bola rolar.

Com pesquisas adicionais, mais reflexão e deliberação, algo mais organizado pode ajudar cada equipe a considerar quais elementos estão funcionando e quais não estão e fornecer um plano melhor e mais estruturado de como proceder.

Por fim, essas apresentações de alta fidelidade fornecem uma versão esperançosa e detalhada que os designers, as cobaias e as partes interessadas podem ajustar antes de passar para o próximo estágio. Esses são os wireframes que mantêm todos na mesma página... são os projetos para construir os próximos estágios do processo.

Por que usar uma estrutura de fio UX?

Uma wireframe ajuda os designers a decidir qual conteúdo, informação e características cada plataforma precisa, como ela pode e deve ser estruturada, como funciona a hierarquia, e o que isso significa para o comportamento e expectativa do usuário.

Sua plataforma atenderá às necessidades dos usuários? Um wireframe de UX deve ser capaz de oferecer as seguintes vantagens:

Rápido e fácil de criar, alterar, apagar ou retrabalhar
Ajuda as equipes, partes interessadas e operadores envolvidos no processo de projeto a entender cada oportunidade, a permanecer focados e a permanecer na mesma página
Define e apresenta características e operações sem utilizar descrições complicadas, ou jargão de design
Testes manuais em estágios iniciais sem optar por opções de tempo e tecnologia
As partes interessadas podem considerar se o produto ou plataforma atende aos requisitos
Para determinar o fluxo lógico entre páginas, telas e ações
Detectar lacunas e compreender a jornada do cliente

UX wireframe ? a discussão começa aqui

Onde, como, por quê? Estas são as perguntas que você deve fazer sobre cada elemento de seu site.

Suas respostas definem a UX e UI de seu website, aplicativo ou outras plataformas digitais, de modo que cada UX ou UI wireframe ajuda você, seus usuários e parceiros a ver o quadro geral mais claramente dentro de uma estrutura definida.

As desvantagens dos testes de estruturas metálicas

Eles são estáticos, portanto não são o melhor método de teste segundo os padrões atuais. Eles são úteis para debates e discussões, mas não são tão bons para revelar reações reais e revelações dos usuários.
É uma opção ruim para apresentar o poder da animação, das transições e dos efeitos sobre a atenção e a reação do usuário. Não há a mesma facilidade para considerar a emoção do usuário nas imagens que as ferramentas alternativas de pesquisa de design revelam.
Wireframes requerem imaginação. Os designers terão essa abundância, mas você não pode garantir que seus clientes e usuários de teste terão a mesma profundidade de visão.
Leva tempo para criar as entregas que todos podem compreender. Conseguindo cada parte na mesma página poderia levar várias rodadas quando se trata de convencê-los. Tecnologia ou práticas superiores poderiam levá-los até lá mais cedo.

Como criar uma estrutura de fio UX

Mantenha-os simples.
Abandone todas as cores, pois elas só servem para distrair... atenha-se ao preto, branco e cinza.
Não use fotografias, fontes decorativas ou marcas (isso tudo vem muito depois).
Use os símbolos, espaços reservados e representações mais simples dos elementos que estamos acostumados a ver em páginas semelhantes.

Você deve ser capaz de tirar, rabiscar e reproduzir cada elemento com cada sugestão nova e valiosa, alternativa ou revisão solicitada. O processo é projetado para perseguir eventualidades e oportunidades rápida e facilmente, afinal de contas.

Não seja precioso com seus wireframes. A função deles é ser excluído e facilmente substituído... é por isso que os mantemos simples. Se uma rota não funcionar, descarte-a e crie a próxima que possa funcionar.

Os wireframes de UX são sobre feedback. O que funciona, o que não funciona e o que poderia tornar tudo dez vezes melhor para o seu visitante, fazendo com que ele atinja seus objetivos mais rapidamente e mais feliz durante toda a jornada.

O que é melhor: aderir a esboços simples ou usar ferramentas profissionais de estrutura metálica?

Um ou outro e ambos. Depende do seu sistema, de onde você está no processo e das instalações que tem à mão.

Equipes diferentes terão processos diferentes, com planos e conjuntos de habilidades diferentes; todos nós devemos usar nossos pontos fortes, portanto, espere que seus designers façam entregas alinhadas com as deles. O objetivo é realizar o trabalho da melhor maneira possível, da forma mais simples e direta que puderem. A maioria começa de forma simples e vai aumentando a fidelidade à medida que os elementos e processos se tornam mais concretos.

A pesquisa UX encontra a estrutura de fios UX

Ao redesenhar uma plataforma datada ou com falhas ou ao criar algo novo, sua pesquisa UX define os dados e as unidades de seus usuários.

Cada oportunidade de wireframe ajuda a descobrir opções alternativas e preferíveis de fluxo de trabalho. Durante a próxima etapa, a prototipagem revela como os usuários se sentem e, finalmente, tudo se une na fase de projeto, mostrando como deve funcionar como um produto acabado.

Onde aplicamos a pesquisa de usuários?

Quando se trata de pesquisa e estruturas de arame, os mesmos passos fundamentais são tão necessários quanto quando se parte de um projeto de página em branco. A diferença é que nós aplicamos nossos dados de pesquisa:

Organizar o fluxo de trabalho
Avalie a seqüência
Atribuir funcionalidade
Fornecer um layout ideal para a melhor experiência do usuário

O uso de pesquisa definida durante esses primeiros passos fornece uma plataforma educada para se construir, fornecendo precisão sobre suposições para todo o fluxo de trabalho e quaisquer seções menores.

Entrevistas, grupos de foco, pesquisas e estudos podem fornecer dados instrumentais e de fluxo de trabalho no início de cada projeto.

O que aprendemos com tais pesquisas?

A pesquisa de UX revela os objetivos de cada aplicativo, possíveis pontos problemáticos, comportamentos típicos, necessidades e desejos. Analisar os fluxos de trabalho existentes da concorrência ou anteriores pode destacar os principais desafios e sucessos de operações passadas, proporcionando discussões sobre como fazer as coisas melhor.

O mapeamento de fluxos de trabalho e sequências em wireframes proporciona uma jornada visual muito mais fácil de entender e também define o número de etapas necessárias para atingir um determinado objetivo.

Como devemos aplicar essas conclusões?

A funcionalidade aprimorada de cada sistema melhorado precisa incluir todos os elementos valiosos com as peças desnecessárias removidas. Examinando o fluxo de trabalho, combinado com as necessidades e reações do usuário, podemos entregar cada novo layout com uma experiência de usuário atualizada.

As ferramentas de prototipagem substituirão as estruturas de fios UX e UI na pesquisa UX?

Cada estrutura de arame é um esqueleto de seu projeto UX naquele momento. Seu objetivo é fornecer uma visão que todos possam entender, ver onde o processo está atualmente e discutir onde ele pode levar.

À medida que a tecnologia que usamos se torna mais inovadora e intuitiva, cada uma das ferramentas que utilizamos para apresentar o fluxo de trabalho e conduzir a discussão torna-se mais fácil de trabalhar. Elas fornecem cruzamentos e opções muito melhores para os pesquisadores UX utilizarem como parte do projeto e das viagens de pesquisa.

Vemos ferramentas de prototipagem tomarem constantemente o lugar da estrutura de arame na pesquisa UX, já que a prototipagem proporciona muito mais oportunidades para testes e feedback, bem como a usabilidade. Elas também oferecem oportunidades muito superiores para testar fisicamente fluxos e processos em arenas digitais em tempo real.

A entrega de dados úteis requer mais do que esboços e diálogo introdutório

No campo da pesquisa, nos esforçamos para obter os dados que impulsionam a tomada de decisões. As opções de protótipos de alta fidelidade fornecem muito mais do que precisamos do que a maioria das conversas de primeira fase de wireframe.

Com a facilidade de operação de todas as ferramentas digitais se tornando mais simples, é aparentemente simples pular para a prototipagem em vez de papel e caneta ou até mesmo para o software de wireframe personalizado. Se elas fornecem resultados de maior qualidade, tornando o processo um pouco mais simples, direto e rápido, especialmente nas mãos de pesquisadores de experiência do usuário, por que não deveriam ser as ferramentas a serem utilizadas e das quais dependeremos no futuro?

Se você gostaria de saber mais sobre wireframing e como conduzir pesquisas UX com wireframes, envie-nos um e-mail para hello@ux247.com.