+44 (0) 800 0246247
hello@ux247.com
Get in touch
UX24/7UX24/7
  • Home
  • What we do
    • Services
    • Our Approach
    • Global Reach
    • Training
  • Our Clients
    • Customers
    • Client Success Stories
  • Our Knowledge Base
    • Blog
    • Newsletter
    • Publications
    • Videos
    • Business Case for UX
    • UX Glossary
  • Who we are
    • About UX247
    • Accredited Practitioner Programme
    • Careers
    • Become a Paid Research Participant
  • Contact Us
  • pt_BRPT
    • de_DEDE
    • en_GBEN
    • es_ESES
    • id_IDID
    • jaJA
    • tr_TRTR
    • zh_CNZH

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

Início Blog A relação entre a estrutura de fios UX e a pesquisa UX
janeiro 13, 2022
foto de um livro contendo vários desenhos de estrutura de arame

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

Conteúdo esconder
1 A relação entre a estrutura de fios UX e a pesquisa UX
1.1 O que é uma estrutura de fio UX?
1.1.1 Os 3 níveis de design da estrutura de fios UX
1.2 Por que usar uma estrutura de fio UX?
1.2.1 UX wireframe ? a discussão começa aqui
1.2.2 As desvantagens dos testes de estruturas metálicas
1.3 Como criar uma estrutura de fio UX
1.4 O que é melhor: aderir a esboços simples ou usar ferramentas profissionais de estrutura metálica?
1.5 A pesquisa UX encontra a estrutura de fios UX
1.5.1 Onde aplicamos a pesquisa de usuários?
1.5.2 O que aprendemos com tais pesquisas?
1.5.3 Como devemos aplicar essas conclusões?
1.6 As ferramentas de prototipagem substituirão as estruturas de fios UX e UI na pesquisa UX?
1.6.1 A entrega de dados úteis requer mais do que esboços e diálogo introdutório

Neste artigo, vamos examinar as perguntas:

  • O que são armações de arame UX?
  • Como eles são usados no processo de projeto?
  • O que poderia substituí-los?
  • Como eles se beneficiam 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

  1. Projeto de estrutura metálica de baixa fidelidade
  2. Projeto de estrutura metálica de fiação de média fidelidade
  3. 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.
website

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.

Posts relacionados

Foto de uma pessoa com o rosto escondido
Esconder PII em vídeos de sessões de pesquisa UX
0
28 jul 2021
imagem de pessoas na forma de uma peça de quebra-cabeça
Quantos participantes você precisa para os estudos de Pesquisa UX?
0
03 conjunto 2020
A pesquisa remota UX é uma alternativa válida à moderação presencial
A pesquisa remota UX é uma alternativa válida à moderação presencial
0
15 maio 2020
A Covid-19 irá criar um novo normal para o UX online
A Covid-19 irá criar um novo normal para o UX online
0
15 abr 2020
Foto de uma jovem sobre o momento em que ela está chegando à idade adulta
2020 - O ano em que a pesquisa remota de UX atingiu a maioridade
0
06 jan 2021
Captura de tela do software de videoconferência on-line Zoom
Configurando o Zoom para Pesquisa Remota UX
0
01 abr 2020
Foto do globo com destaque para a China
O que aprendemos durante a recente pesquisa UX na China
0
15 jul 2020
foto de uma senhora pegando uma fotografia na frente de uma planta de morango
A importância de criar UX personas de usuário
0
30 atrás 2022
Pesquisa UX versus consultoria UX
Pesquisa de UX vs. consultoria de UX? Qual é a diferença?
0
14 conjunto 2022
Uma ilustração de uma mão segurando um telefone durante a UX Research
Um Guia para Iniciantes em Pesquisa UX
0
12 em 2021
Ilustração de uma mulher e dois homens
Como recrutar os participantes certos para a pesquisa UX
0
09 jul 2020
Foto de pessoas silhuetizadas em uma praia
Organizando a Pesquisa UX na Ásia
0
07 atrás 2020
foto de telefone celular com um painel de finanças comerciais mostrando o desempenho
Como uma Agência de Pesquisa UX pode ajudar meu negócio a ter sucesso
0
22 jul 2022
Imagem de lâmpada com bolhas em torno dela representando múltiplas idéias
Pesquisa de design: Por que você não deve testar hipóteses
0
19 maio 2021
Operações de Pesquisa em uma Agência de Pesquisa UX
Operações de Pesquisa em uma Agência de Pesquisa UX
0
10 jun 2020

Busca

Sobre nós

O que fazemos

  • Serviços
  • Nossa abordagem
  • Alcance Global
  • Treinamento

Nossos clientes

  • Clientes
  • Histórias de sucesso de clientes

Contate-nos

Endereço: Unidade 20150, PO Box 6945, Londres, W1A 6US
Telefone: +44(0) 800 0246247
E-mail: hello@ux247.com
  • Política de Privacidade
  • Mapa do site
  • Termos de uso
© 2023 UX24/7 Ltd

Assine nosso boletim informativo UX !


O ?UX Crucible? é um resumo mensal de notícias e histórias sobre experiência do usuário de todo o mundo.

Inscreva-se agora usando o formulário abaixo.

[yikes-mailchimp form="1″]