Prototipagem de alta fidelidade e baixa fidelidade: O quê, como e porquê?

Na verdade, os termos “alta fidelidade” e “baixa fidelidade”, eram, em primeiro lugar utilizado na música rock para descrever o som e habilidades de jogo de rock and roll no final da década de 1980. Com o passar dos anos, elas também são aplicadas na web/design de aplicativos para referir-se a diferentes níveis de detalhes e funcionalidade em um protótipo.

no entanto, quais são as diferenças reais entre eles, como e por que devemos escolher o protótipo de alta ou baixa fidelidade para um melhor design ou pesquisa de usuário?

no seguinte, vou explicar-lhe as bases e as diferenças que residem na alta fidelidade e baixa fidelidade, e explicar por que e como escolhê-los para fazer excelentes protótipos para um melhor design ou pesquisa de usuário.Índice:

• Primeiro, o que é um protótipo
• o Que é um protótipo de baixa fidelidade
• o Que é um protótipo de alta fidelidade
• Diferença entre a alta fidelidade e de baixa fidelidade protótipo
• Como e por que a escolha hi-fi gratuito ou de baixo-fi gratuito protótipo para um melhor design
• a Melhor ferramenta de prototipagem para a web/design do aplicativo

Primeiro, o Que É um Protótipo?

“um protótipo é uma amostra precoce, modelo ou liberação de um produto construído para testar um conceito ou processo. É um termo usado em uma variedade de contextos, incluindo semântica, design, eletrônica e programação de software.”- – – – da Wikipedia.

quando se trata de design UI/UX, um protótipo ajuda os designers a traduzir suas ideias de design em um modelo digital e tangível. Eles podem direcionar partes de teste ou todos os UIs, interações e fluxos UX para ver se eles são viáveis e excutáveis.

além disso, como as necessidades das equipas variam, eles também fazem o protótipo de baixa fidelidade ou protótipo de alta fidelidade para testar as suas ideias de design para diferentes fins.O que é um protótipo de baixa fidelidade?

o protótipo de baixa fidelidade-conhecido como protótipo lo-fi de baixa tecnologia, lo-fi ou lo-fi, é um protótipo semi-acabado que se concentra na função, estrutura, processo, e fornece a estrutura mais simples e elementos de uma web/app. É muitas vezes usado para traduzir ideias de design em artefatos testáveis e tangíveis para coletar e analisar as demandas do usuário na fase inicial.O que é um protótipo de baixa fidelidade?O que é um protótipo de Alta Fidelidade?

o protótipo de alta fidelidade-conhecido como high-tech, high-fi ou hi-fi protótipo, é um protótipo abrangente e interativo que está muito perto dos produtos finais com muitas funções, interações e detalhes. É muitas vezes usado na avaliação de usabilidade posterior para descobrir os potenciais problemas que um projeto web/app pode ainda existir.

diferença entre protótipo de Alta Fidelidade e baixa fidelidade

ainda não sabe as diferenças entre protótipos de baixa fidelidade e alta fidelidade? Não te preocupes! Aqui estão 3 exemplos reais de protótipo de baixa fidelidade para ajudá-lo a aprender mais sobre protótipos de baixa fi:

1. O protótipo de baixo movimento de fidelidade exemplo

este protótipo de baixo fi mostra os movimentos do segundo menu claramente sem se concentrar muito nos seus detalhes da IU.

2. Exemplo de protótipo UX de baixa fidelidade para um construtor de Websites

este protótipo UX de baixa fidelidade apresenta os layouts de página, sistemas de navegação e fluxos de Usuários de interações claramente sem muitos detalhes UI. Ele ajuda os designers a testar suposições e encontrar questões UX invisíveis rapidamente.

3.Lo-fi Protótipo Exemplo de Concurso

Este é outro bom exemplo (criado em Mockplus, mais fácil, mais rápido e mais inteligente de prototipagem ferramenta para mostrar as principais layouts e elemento de posicionamentos de um aplicativo. Mesmo sem detalhes do elemento, ele ajuda os designers a detectar e resolver problemas potenciais em uma fase anterior. Estás a ver? Mesmo sem detalhes UI, O protótipo low-fi ajuda a transmitir ideias de design e mostrar as principais funções, estruturas, fluxos e interações de uma web/app facilmente. Traz muitos benefícios aos designers.Vantagens dos protótipos de baixa fidelidade:

• baixo custo. O custo de um protótipo de baixa fidelidade é extremamente baixo.
• rápido. Sem se concentrar em cada detalhe da interface, os designers podem simplesmente seguir as suas ideias de design e criar um protótipo simples e testável dentro de alguns minutos.Fácil de demonstrar, colaborar e iterar. Sem muitos detalhes UI, um protótipo de baixo fi não requer muitas habilidades profissionais. E mais pessoas podem participar e colaborar no mesmo projeto. Também é fácil para os designers fazer mudanças e iterar o protótipo durante a colaboração.
• fácil de obter feedback. Uma vez que um protótipo de baixa fidelidade é fácil de transportar e demonstrar, os designers também podem compartilhá-lo diretamente com outras pessoas (incluindo os membros da equipe e partes interessadas) para coletar feedback de design.
• fácil de detectar e resolver problemas potenciais. Um protótipo de baixa fidelidade também permite aos designers testar facilmente fluxos de usuários, interações e menus de navegação de uma web/app. É bom para os designers para detectar e enfrentar potenciais problemas UI / UX rapidamente.

desvantagens dos protótipos de baixa fidelidade:

• pormenores/animações/interacções da IU limitados. Para transmitir ideias rapidamente, um protótipo de baixa fidelidade é muitas vezes criado com detalhes UI limitados, funções, animações e interações, etc. Assim, não é bom para outros designers ou membros da equipe ter uma compreensão completa do web/app design.
• os resultados dos testes são limitados e imprecisos. Sem detalhes de design suficientes, um protótipo de baixa fidelidade, em certa medida, não pode simular com precisão os cenários reais do Usuário. Os resultados dos testes também são inevitavelmente afetados e imprecisos. Desnecessariamente para dizer, quando o protótipo é modificado dramaticamente na fase posterior, os resultados dos testes podem ser completamente diferentes.Então, se você só tiver algumas ideias de design, quer apresentá-las com um protótipo simples, discutir e colaborar com outros designers ou membros da equipe antes de escavar, um protótipo de baixa fidelidade é perfeito para você.

  

  e então, aqui estão 3 exemplos reais de protótipo de alta fidelidade para ajudá-lo a aprender mais sobre protótipos de alta fidelidade:

  1. Job List High Fidelity Prototype Example

  

  This high fidelity prototype not only shows the UI details, but also displays user flows and interactions clearly. Designers podem facilmente verificar e testar detalhes muito pequenos para ver se ainda existem alguns problemas UI/UX.

  2. Exemplo De Protótipo De Alta Fidelidade

  

  3. Design de produto Protótipo de Alta Fidelidade Exemplo

  

  alta-fidelidade protótipo permite que você para transmitir idéias de design com cores ricas, botões, fotos, ícones, animações, interações e mais detalhes.Vantagens dos protótipos de alta fidelidade:

  • detalhes de design ricos. Os protótipos de Alta Fidelidade são construídos com mais fotos HQ, cores, animações, ícones, botões e outros elementos. Cada elemento é projetado exatamente como se estivesse em um site/app real.Melhor efeito visual. Com um grande esquema de cores, animações vívidas, layouts e muito mais, um protótipo de alta fidelidade também muitas vezes tem melhores efeitos visuais do que um protótipo de baixa fidelidade.Resultados mais precisos dos testes. Com detalhes ricos, um protótipo de alta fidelidade parece uma web / app real. É fácil para os designers simular os cenários de usuário real e testar o produto de todos os aspectos possíveis, incluindo as interações, fluxos de usuário, efeitos de elementos e esquemas de cores, bem como o UX. Os resultados dos testes também são muito mais precisos.Reacções mais eficazes . É claro que, depois de ser compartilhado com outros designers e membros da equipe, o feedback recebido também é mais eficaz para resolver os problemas existentes.
  • mais atraente para os clientes e partes interessadas. Também é bom para os designers para apresentar claramente como o web / app final deve funcionar e ajudar a atrair mais clientes, stakeholders e investidores.

  desvantagens dos protótipos de alta fidelidade:

  • maior custo. Um protótipo de alta fidelidade muitas vezes precisa ser criado com uma ferramenta de prototipagem profissional. Em comparação com o protótipo de baixa fidelidade, o seu custo é certamente muito mais elevado.
  • difícil de mudar e iterar. Quando algumas mudanças são feitas, uma série de páginas ou elementos em um protótipo de alta fidelidade também precisam ser modificados ao mesmo tempo. Isto pode ser problemático e demorado.

  assim, um protótipo de Alta Fidelidade é altamente funcional e interativo para você e sua equipe para encontrar e resolver alguns pequenos problemas UI/UX, bem como obter mais acionistas e clientes na fase de projeto final.

  como e por que escolher o protótipo Hi-fi ou Low-fi para um melhor Design?Como já mencionamos acima, uma vez que a alta fidelidade e a baixa fidelidade desempenham um papel muito diferente na criação de projetos bem sucedidos, é melhor também usá-los para diferentes compras ou em diferentes fases de design:

  1.Porque é que um protótipo de baixa fidelidade é melhor para si na fase de concepção inicial?

  

  Obviamente, o protótipo de baixa fidelidade é mais focada em conceitos de alto nível dos produtos finais e ajudar a descobrir os problemas potenciais, bem como fazê-los resolvido em fase muito precoce.

  ajuda a garantir que você e a sua equipa escolheram e seguiram o tema e a direcção de design certos antes de escavarem.

  assim, na fase inicial do design, quando você e a sua equipa estão a tentar traduzir rapidamente ideias em protótipos visualizados, encurtando as iterações e recolhendo o feedback dos utilizadores, um protótipo de baixa fidelidade é uma escolha muito melhor.Em poucas palavras, quando é o momento certo para usar um protótipo de baixo nível de fi?

  • Quando uma idéia de projeto flashes em sua mente e você deseja convertê-lo em um tangíveis modelo rapidamente
  • Quando você quiser discutir suas ideias de design com seus parceiros assim que possível
  • Quando você quiser testar se as idéias de design de são viáveis e que atendem às necessidades de usuários
  • Quando você deseja obter o feedback de outros membros da equipe

  Por isso é de alta fidelidade de prototipagem melhor para você no final fase de concepção?

  

  E, em seguida, uma vez que o protótipo de alta fidelidade, muitas vezes, presta muita atenção para os detalhes e funções de uma web/app, muitas vezes, é melhor para os designers, para testar a viabilidade da web/app projetos e atrair mais usuários interessados no terminando a fase de design.Em poucas palavras, quando é a melhor altura para usar um protótipo de alto-fi?

  • Quando o design visual de seu produto tiver sido feito
  • Quando você quiser testar o seu web/app detalhes, tais como os elementos de INTERFACE do usuário, esquemas de cores e página de cópias, etc
  • Quando você quiser testar uma interação, fluxo de trabalho, o fluxo de usuários, animação de transição, efeitos visuais ou gostaria de idéias de design completo com detalhes de INTERFACE do usuário
  • Quando você quiser saber o feedback de outros designers e usuários

  Como Escolher o Direito de Prototipagem Ferramenta para um Melhor Design?

  

  independentemente de escolher um protótipo de alta fidelidade ou de baixa fidelidade, o único objectivo é apresentar as suas ideias de design fantásticas de forma mais viva e construir excelentes protótipos web/app, certo? Se sua resposta é “sim”, o próximo passo para você é escolher uma ferramenta de prototipagem certa.Mas ainda não sabe como? Aqui estão várias dicas para as suas referências:

  • Price. O preço é sempre o fator mais importante para você escolher uma ferramenta de prototipagem low-fi ou high-fi. No entanto, não é o único factor que deve ter em consideração. Um preço barato ou caro não indica nada. O que precisas é apenas daquele que te fica melhor.
  • curva de aprendizagem. Quanto tempo leva para você e sua equipe para aprender uma nova ferramenta sempre importa ao escolher uma ferramenta de prototipagem certa. Então, se você não quiser perder tempo explorando novas características de uma ferramenta, é melhor para você escolher uma mais fácil.
  • Utilização. Hoje em dia, há muitas ferramentas de prototipagem por aí que fornecem características completamente diferentes. Para escolher o mais adequado para você e sua equipe, é melhor saber quais recursos você vai precisar exatamente em seu processo de design de produto. Então, é necessário que você descubra as necessidades reais de seus membros de equipe de diferentes departamentos com antecedência.
  • trabalho de equipa. Para discutir ideias de design e obter feedback de outros membros da equipe oportunamente, a maioria dos designers/equipes de design preferem escolher uma ferramenta de prototipagem que suporta o trabalho em equipe. Também precisas disso? Se o fizer, uma ferramenta que lhe permita a si e à sua equipa comunicar e colaborar livremente online é uma opção melhor.
  • fidelidade. Bem, ao escolher uma ferramenta de prototipagem, também é necessário levar em consideração a fidelidade.
  • integração. Outro fator que você deve considerar é ver quão bem a ferramenta de prototipagem se encaixa no seu processo de design. Hoje em dia, no caso de os usuários terem que mudar de ferramentas com freqüência ao projetar, muitas ferramentas de prototipagem são integradas com outras ferramentas, tais como Sketch, PS, Facebook, Slack e muito mais.

  no geral, espero que estas dicas possam ajudá-lo a escolher uma ferramenta certa.

  3 Melhores Baixa Fidelidade Ferramentas de Prototipagem

  Aqui estão os 3 melhores de baixa fidelidade ferramentas de prototipagem para a sua references:

  folhas de Papel e canetas

  

  Com a forma mais rápida e simples ferramenta, canetas e papel vai ajudar a desenhar suas ideias com facilidade e rapidez, e também facilitar a discussão interna entre os membros da equipe. Mesmo que às vezes eu precise usar software de prototipagem para desenhar, eu geralmente prefiro usar canetas e papel para esclarecer minhas idéias primeiro.

  Pros:

  • Completamente grátis
  • Fast
  • Fácil de iniciar

  Contras:

  • Não inteligente interações e animações
  • Você não pode mostrar todas as suas ideias claramente
  • Você não pode discutir e testar cada detalhe

  Mockplus

  

  Mockplus é um poderoso baixa fidelidade de prototipagem ferramenta que fica muito a atenção nos últimos anos. Permite traduzir ideias de design em protótipos interactivos, testá-las, partilhá-las e iterá-las com facilidade. A sua funcionalidade de colaboração e gestão em equipa também ajuda a melhorar a sua eficiência de trabalho sem esforço.

  Prós:

  • Fornecer Mais de 200 pré-construído e de componentes de 3000 pré-concebido ícones
  • Criar interações com um simples arrastar-e-soltar
  • Oferecem várias opções para exportar páginas e protótipos
  • Fornecem numerosos exemplos e projetos
  • Fornecer muitas maneiras de compartilhar e testar um protótipo on-line ou no celular
  • Comunicar, comente e colabore um protótipo online
  • Integrar com o Esboço

  Contras:

  • Não completamente grátis

  Balsamiq maquetes

  

  Basamiq é um simples de baixa fidelidade de prototipagem ferramenta que permite a você desenhar suas ideias de design em um quadro de comunicações diretamente. É realmente útil quando você se concentra apenas nas estruturas e no conceito geral de seu design.

  Cons:

  • fornecer uma biblioteca UI pintada à mão
  • exportar desenhos para imagens PNG/PDF directamente

  Cons:

  • Falta interacções básicas, enquanto a prototipagem de projetos

  2 Melhores Alta Fidelidade de Ferramentas de Prototipagem

  Marvel App

  

  Marvel app é um poderoso e de alta-fidelidade de prototipagem ferramenta que suporta a criação de wireframes, protótipos e maquetes de forma colaborativa on-line. Ele permite que você faça o upload direto de imagens(incluindo o JPF, GIF e PSD) e adicione animações para que eles criem protótipos interativos rapidamente.Mockplus Cloud

  

  Mockplus Cloud é uma ferramenta de colaboração profissional em design online que permite aos gestores de produtos, designers e desenvolvedores trabalhar em conjunto online com auto specs, ativos e excertos de código.

  It is also used as an all-in-one high-fidelity prototyping tool. Você pode facilmente fazer upload de projetos com ativos e detalhes de especificações do Sketch/PS/Adobe XD, e adicionar comandos de interação ricos para criar protótipos interativos e de alta fidelidade.

  para uma equipa de produtos, o protótipo recém-criado também pode ser partilhado com um link e obter feedback em tempo real.

  em resumo, nos dias de hoje, para atrair muito mais usuários, muitas ferramentas de prototipagem são criadas para atender às necessidades dos usuários o maior número possível. Não parece haver uma fronteira clara entre uma ferramenta de prototipagem de baixa-fi e alta-fi.

  assim, para escolher uma ferramenta de prototipagem certa, é melhor para você e sua equipe para tomar mais opções de ferramentas para testes.

  Wrap Up

  Não importa o que as diferenças de baixa fidelidade e protótipos de alta fidelidade são, como e por que você vai escolher de baixa fidelidade e / ou protótipos de alta fidelidade para uma melhor projeto ou pesquisa de usuário, uma boa ferramenta de prototipagem, como o mais fácil e mais rápido, Mockplus, muitas vezes, significa muito para você criar um excelente web/app com interfaces belas e boas experiências para o usuário. Espero que este artigo possa inspirar-te de qualquer maneira.

  pode também gostar de:

  de que Ferramentas de prototipagem precisa para o design UX?Quais são as vantagens da prototipagem? Como aproveitar ao máximo?

  a Colaboração da Equipe de Ferramentas de Prototipagem: Axure VS Mockplus

  Wireframe vs Maquete vs Protótipo & Selecção de Ferramentas de Prototipagem