# data[].attributes.headline
UX Design, Prototipagem e Teste de Usabilidade com Quant-UX

# data[].attributes.subject
UX Design, Prototipagem e Teste de Usabilidade com Quant-UX

# data[].attributes.body
Gabriel Cavalcante

# data[].attributes.attachment_link.title
UX Design, Prototipagem e Teste de Usabilidade com Quant-UX

# data[].attributes.headline
Quais são as melhores ferramentas de prototipagem de interface? UI UX

# data[].attributes.subject
Quais são as melhores ferramentas de prototipagem de interface? UI UX

# data[].attributes.body
Gabriel Cavalcante

# data[].attributes.attachment_link.readable_text
Atenção: Escrevemos um artigo atualizado, sobre Ferramentas de UX/UI Design para você conhecer em 2021.

Seja você um profissional que está iniciando a sua carreira em UX e UI ou um profissional já com uma boa experiência na área, a questão das ferramentas de prototipagem é sempre um assunto importante.

Com as opções de aplicações crescendo cada dia mais, como saber qual é a melhor ferramenta para você? A escolha da ferramenta certa pode dobrar sua eficiência e até mesmo cortar os esforços pela metade.

Atualmente, no Brasil eu vejo que muita gente ainda utiliza o Photoshop para a parte de Visual Design, porém ele pode não ser a melhor opção, dependendo da etapa do projeto ou da plataforma para a qual você está criando.

A verdade é que não existe "a melhor" ferramenta de todas, mas sim a ferramenta adequada para você, seu projeto, a etapa e sua necessidade.

Antes de escolher esta ferramenta mais adequada, é importante que você se faça algumas perguntas. Quem sabe você descobre uma opção melhor, que vai ajudar em muito o seu trabalho.

1. Qual a curva de aprendizado?

Quanto tempo você demoraria para aprender a mexer nesta ferramenta? Quanto tempo você levaria para criar um protótipo? Essas são algumas perguntas que você deve se fazer.

Evite escolher ferramentas pesadas, com muitas funções que você nem vai usar.

Se você está gastando mais tempo tentando desvendar o programa do que montando o protótipo, tem algo errado aí.

2. Qual é o tipo de interface que você está prototipando?

É um site, um aplicativo mobile, um aplicativo desktop, um aplicativo para um wearable (Apple Watch, Android Wear)?

Dependendo do tipo da interface para a qual você está prototipando uma ferramenta ou outra podem se encaixam melhor em suas necessidades.

Além disso, alguns programas de prototipagem estão disponíveis apenas para Mac, outros rodam no navegador.

3. Qual a necessidade de fidelidade do protótipo?

Esse é um fator muito importante na hora de escolher a ferramenta com a qual você vai prototipar, pois existem várias diferenças de fidelidade.

Você precisa apenas de wireframes que mostrem a estrutura e layout ou precisa de algo que mostre mais detalhes e interações complexas?

4. Qual a necessidade de compartilhamento do protótipo?

A colaboração é algo bem importante no design, então é crucial considerar quais as possibilidades de colaboração oferecidas pela ferramenta.

Caso haja necessidade, algumas ferramentas permitem que você compartilhe seu protótipo com a sua equipe ou até mesmo que trabalhem de forma colaborativa no material.

5. Quais são as habilidades necessárias?

Você é um expert na área ou ainda está começando?

Noções de programação são necessárias para esse projeto ou mais a parte de Visual Design?

Dependendo do seu perfil profissional e do seu papel nesse projeto. Como por exemplo, se você vai prototipar e programar ou se vai fazer a parte visual, determinadas ferramentas podem atender melhor.

6. E finalmente, qual o seu orçamento?

Quanto você ou a sua empresa podem investir na ferramenta?

Com todas essas perguntas respondidas, vamos dar uma olhada em algumas ferramentas.

Feito exclusivamente para Mac OS X, é uma das ferramentas mais conhecidas no mercado internacional para criar interfaces, sites e ícones.

É bem similar ao Illustrator, porém mais fácil de usar. É possível ver um preview da interface no mobile ou tablet usando o app Sketch Mirror. Ao se integrar com o InVision ou Marvel é possível criar protótipos rapidamente.

É uma ferramenta de prototipação que roda na web e permite ter protótipos colaborativos e interativos, para receber feedback de clientes e colegas

É indicada para projetos que precisam de fidelidade mais baixa, mas aceita upload de arquivos PNG, JPG, GIF, AI e PSD.

Utilizar o InVision para projetos com muitas telas e com necessidade de testar/validar micro-interações poderá ser uma tarefa bem complicada e nada interessante de se trabalhar.

A empresa levantou há poucos dias um novo round de investimento, ($100M Series E) e está desenvolvimento novas ferramentas de Design de Interface e prototipação:
InVision Studio InVision Design System Manager
Lançado em 2017 (a versão final) pela Adobe, permite a criação de interfaces e também prototipagem.

Na aba Design, você pode criar interfaces usando ferramentas de texto e vetor, e na aba Prototype é possível ver um preview e compartilhar a interface.

Excelente para criar protótipos de alta fidelidade.

Adobe XD e recursos do lançamento na Adobe MAX 2017:

É uma ferramenta bem completa e já bem conhecida na área de Design UX. É bem usada por web e UX designers para criar wireframes clicáveis, fluxos de usuários e mapas de site, além de protótipos interativos.

É bem poderosa, mas peca na parte colaborativa e na prototipação para mobile.

É um aplicativo para desktop excelente, e embora não seja tão conhecido quanto o Adobe Xd ou o Sketch, é razoavelmente fácil de usar. Permite a criação rápida de wireframes clicáveis e protótipos de alta fidelidade.

Muito bom para apps web e mobile.

É uma ferramenta altamente colaborativa, que possui funcionalidades de prototipação rápida, protótipos de baixa ou alta fidelidade, snippets de código e várias outras funções bem interessantes.

Framer

Ferramenta que integra com outras como Sketch e Figma e permite que você crie animações extremamente detalhadas com poucas linhas de código (utiliza uma versão simplificada de JavaScript chamada CoffeeScript).

É a ferramenta de design do Facebook, porém apenas disponível para Mac OS, e mais focada em animações.

Você pode importar interfaces criadas no Sketch e inserir animações. Além disso, possui apps de preview para iOS e Android.

Outra ferramenta exclusiva para Mac OS, que também permite importar arquivos criados no Sketch e aplicar animações. Possui um app de preview para iOS.

Bem interessante para criar e verificar animações para apps mobile.

Ferramenta muito simples de criação de protótipos, mas que pode agradar tanto UX designers com conhecimento avançado, quanto iniciantes.

Permite a criação de protótipos de alta e de baixa fidelidade, além de ter integração com o Sketch. Recentemente adicionaram uma função bem bacana que permite transformar sketchs no papel em protótipos interativos para mobile.

Conclusão

Para se trabalhar com UX/UI hoje, existe uma gama muito grande de programas bem interessantes.

É claro, é importante que você esteja sempre atento aos novos lançamentos, principalmente para saber de novidades que podem melhorar o seu trabalho. Porém, o mais importante é sempre o seu desenvolvimento como designer.

Portanto, quando você perceber que está focando muito em uma ferramenta, pare e pense em se desenvolver como designer, pois dessa forma você nunca ficará desatualizado e para atrás como acontece com as ferramentas.

Eu gosto muito de trabalhar, antes de tudo, com caneta e papel, e também ensino isso aos meus alunos. Dessa forma, com as ideias ali, fica muito mais fácil sentar em frente a uma ferramenta e transformar aquilo em realidade.

# data[].attributes.attachment_link.title
Quais são as melhores ferramentas de prototipagem de interface? UI UX

# data[].attributes.attachment_link.description
Atenção: Escrevemos um artigo atualizado, sobre Ferramentas de UX/UI Design para você conhecer em 2021. Seja você um profissional que está iniciando a sua carreira em UX e UI ou um profissional já com uma boa experiência na área, a questão das ferramentas de prototipagem é sempre um assunto importante.

# data[].attributes.headline
ferramentas de prototipagem para qualquer designer

# data[].attributes.subject
ferramentas de prototipagem para qualquer designer

# data[].attributes.body
Albert Wallace

# data[].attributes.attachment_link.title
20 ferramentas de prototipagem, UX e usabilidade na web

# data[].attributes.attachment_link.description
Os protótipos são parte integrante do processo de design, pois permitem a revisão dos conceitos básicos do projeto na fase inicial de desenvolvimento e compartilham opiniões com o restante da equipe. Graças a eles, você pode facilmente criar um modelo interativo de um site ou aplicativo móvel, que é capaz de identificar qualquer deficiência no ...

# data[].attributes.body
Adrielle Abreu

# data[].attributes.attachment_link.title
Web Design ou UI Design? Entenda a Diferença entre UI Design e Web Design

# data[].attributes.body
Hudson Mota

# data[].attributes.attachment_link.readable_text
Usabilidade é o método que visa facilitar a utilização de uma interface pelo usuário sem perder a interação de suas funcionalidades com o sistema. Refere-se ao grau no qual o usuário consegue realizar uma tarefa. É tornar "algo" utilizável e funcional, mais especificamente, refere-se à rapidez com que os usuários podem aprender a usar alguma coisa e sua eficiência ao utilizá-la, sua facilidade de aprendizado - facilidade de relembrar.

A usabilidade de um site ou software nada mais é do que implementação de recursos focando o usuário final.

Vocês podem estar se perguntando por que é importante existir usabilidade na web, e a resposta para esta pergunta é simples. Se você deseja que o usuário realize algo quando visitar seu site, você deve com certeza se preocupar com a usabilidade. Pois atualmente, as pessoas esperam muito dos web sites e cada vez menos aceitam um projeto ruim.

Ou seja, a má utilização da usabilidade resultará em clientes e usuários insatisfeitos e perdas de negócios.

Há a princípio sete regras básicas que devem ser seguidas, estas regras colaboram para a facilidade de aprendizado, pois o usuário consegue explorar rapidamente o sistema e realizar suas tarefas.

Clareza na arquitetura da informação:É essencial que o usuário consiga distinguir o que é prioritário e o que é secundário no site - para isso deve-se ter um bom arranjo da informação, pois os usuários podem ter dificuldades em encontrar o que procuram, e, portanto devem ser ajudados. Deve-se fornecer um senso de como a informação está estruturada e localizada. Um bom exemplo é o mapa do site.

Facilidade de navegação: O usuário deveria conseguir acessar a informação desejada no máximo em três cliques.

Simplicidade: Quem navega quer encontrar o mais rapidamente possível o objetivo da busca. Deve ser evitado qualquer exagero, dando ao usuário paz e tranquilidade para que possa analisar a informação.

A relevância do conteúdo: Sempre que questionados sobre sites, usuários se referem à qualidade e relevância do conteúdo. - um bom texto para essa mídia, o mais conciso e objetivo possível, não ser promocional ou publicitário. Os leitores online imprimem textos (eles necessitam de paginas bem curtas e informações secundaria deixada para paginas de suporte).

Manter a consistência: Quando as coisas acontecem sempre do mesmo jeito, os usuários não precisam se preocupar a respeito do que irá acontecer. Um web site deve ser gerenciado como um projeto único de interface com o usuário.

Tempo suportável: O tempo de cargas das paginas deve ser curto - 10 segundos é o máximo de tempo antes que as pessoas percam o interesse. (na web os usuários já tem uma baixa expectativa limite pode aumentar para 15 segundos).

Foco nos usuários: É o "sair do caminho", afim de que o usuário possa fazer o que quer da maneira mais rápida possível.

Seguidas estas regras deve-se, antes de colocar seu site no ar, realizar sucessivos ciclos de análise, concepção e testes, com o objetivo de avaliar a qualidade das interações e levar em conta os resultados destas para a construção de novas versões das interfaces. O teste de usuário contribui para que se possa analisar o comportamento destes perante o site, observando assim suas virtudes e seus pontos fracos.

Se essas regras forem implementadas desde cedo, no desenvolvimento, essa estratégia pode reduzir o risco de falhas conceituais do projeto garantindo que, a cada ciclo, o sistema responda cada vez melhor às expectativas e necessidades dos usuários em suas tarefas.

Neste artigo expliquei de forma básica e rápida a necessidade da usabilidade na web.

# data[].attributes.attachment_link.description
Usabilidade é o método que visa facilitar a utilização de uma interface pelo usuário sem perder a interação de suas funcionalidades com o sistema. Refere-se ao grau no qual o usuário consegue realizar uma tarefa.

# data[].attributes.headline
Princípios do Design de Interfaces(Repost)

# data[].attributes.subject
Princípios do Design de Interfaces(Repost)

# data[].attributes.body
Hudson Mota

# data[].attributes.attachment_link.readable_text
Joshua Porter, Diretor de UX da , escreveu recentemente uma lista de itens que ele considera como os princípios do design de interfaces do usuário. Por considera-los úteis e objetivos tanto para quem está começando na área quando para que alguns profissionais mais experientes possam relembra-los, decidi traduzir e fazer algumas adaptações nessa lista, que publicarei aqui no blog em duas partes.

Veja abaixo a primeira parte da lista de princípios :)

1. Clareza é o trabalho #1 no Design de Interfaces

Clareza é o primeiro e mais importante objetivo de qualquer design de interfaces. Para uma interface ser eficaz e eficiente, o usuário deve ser capaz de reconhecer a sua utilidade e entender como ela pode ajudá-lo, prever o que vai acontecer durante o uso, e conseguir interagir com sucesso. Não há motivos para mistérios nas interfaces. Clareza inspira confiança e cativa o uso.

2. Interfaces existem para permitir a interação

Interfaces existem para permitir a interação entre as pessoas e nosso mundo. Elas podem ajudar a esclarecer, iluminar, mostrar as relações, nos unir, nos separar, gerenciar nossas expectativas, e nos dar acesso a diferentes serviços. O design de interfaces não é arte. Uma interface existe para realizar um trabalho, e sua eficácia pode ser medida. No entanto, as interfaces não devem possuir apenas função. As melhores interfaces são capazes de inspirar, mistificar, e intensificar a nossa relação com o mundo.

3. Prenda a atenção a todo custo

Vivemos em um mundo de constantes interrupções. É difícil até mesmo ler um livro sem que nada nos distraia e tire a nossa atenção por um minuto. "Atenção" é algo muito precioso. Não coloque em sua interface elementos desnecessários que podem distrair o seu usuário. Lembre-se em primeiro lugar do porque essa interface existe. Quando o uso é o principal objetivo, a atenção torna-se um pré-requisito, e no design de interfaces você deve conservá-la a todo custo.

4. Mantenha o usuário no controle

As pessoas se sentem mais confortáveis ​​quando estão no controle de suas ações e de seu ambiente. Interfaces mal projetadas tiram esse conforto do usuário, forçando as pessoas a interações não planejadas e resultados inesperados. Um bom design de interfaces deve sempre manter o usuário no controle, fornecendo sempre o status do sistema, boas mensagens de erro, ajuda e documentação.

5. Manipulação direta é melhor

Sempre é melhor quando somos capazes de manipular diretamente os objetos, sem o intermédio de nenhuma ferramenta. Mas com objetos cada vez mais tecnológicos e informacionais, essa manipulação direta nem sempre é possível, e por isso criamos as interfaces: para ajudar as pessoas a interagir com os objetos. No entanto, muitas vezes há um certo exagero na criação de botões e outros elementos de interface desnecessários para mediar a interação do usuário com o objeto, o que acaba burocratizando a interação. O ideal é possibilitarmos a interação direta sempre que possível, com os elementos de interface servindo de suporte apenas quando necessário. O ideal é projetarmos interfaces mais compactas, que dão ao usuário uma sensação de manipulação (mais) direta com o objeto.

6. Um objetivo principal por tela

Em um design de interfaces bem projetado, cada tela deve apoiar um único objetivo principal, uma única ação de real valor para a pessoa usar. Isto faz com que a curva de aprendizado seja menor, e a facilidade de uso maior. Telas que fornecem duas ou mais ações primárias tornam-se muito confusas. Como um artigo escrito deve ter um assunto único e forte, cada tela que você projetar deve apoiar uma ação única e forte, que será a sua razão de ser.

7. Mantenha ações secundárias em segundo plano

Telas com uma única ação primária podem ter várias ações secundárias, e é importante que elas sejam realmente apresentadas como secundárias. A razão pela qual um artigo existe não é para que as pessoas possam compartilhá-la no Twitter, mas sim para que elas possam ler e compreender. Para um bom design de interfaces, mantenha as ações secundárias em segundo plano, seja com um visual mais leve ou as mostrando somente quando a ação primária for concluída.

8. Fornecer sempre um "próximo passo"

Em nosso site ou aplicativo, dificilmente vamos querer que uma determinada ação do usuário seja a sua última. Por isso, é importante sempre projetar um "próximo passo" para cada interação que uma pessoa tem com a nossa interface. Um bom design de interfaces deve não só fornecer esse novo passo, como também mostrar o que acontecerá nessa próxima interação. Não abandone o usuário só porque ele já efetuou a interação que você queria, dê a ele um "próximo passo" natural e relevante, que o ajude ainda mais a alcançar seus objetivos.

9. O aspecto segue o comportamento (ou a forma segue a função)

Nós, seres humanos, ficamos mais confortáveis quando as coisas se comportam da maneira que esperamos, sejam outras pessoas, animais, objetos ou softwares. Quando algo ou alguém se comporta de forma consistente com as nossas expectativas, sentimos que temos um bom relacionamento com ele. Em um bom projeto de design de interfaces, cada um dos elementos devem aparentar o seu comportamento. Na prática, isso significa que o usuário deve ser capaz de prever como um elemento na interface vai se comportar, apenas olhando para ele. Se parece com um botão, deve funcionar como um botão.

10. Questões de consistência

Seguindo ainda no princípio anterior, um elemento da interface não deve parecer com outro a não ser que tenham a mesma função ou comportamento. O oposto disso também é importante, ou seja, elementos que tenham a mesma função ou comportamento não devem ter aparências diferentes pois é para elementos como a aparecer consistente. Devemos nos ater a isso para manter a consistência do nosso design de interfaces.

No próximo artigo, publicarei a segunda parte desta lista de princípios do design de interfaces. Tem alguma dúvida? Então deixe um comentário ;)

# data[].attributes.attachment_link.title
Princípios do Design de Interfaces, parte 1

# data[].attributes.attachment_link.description
Joshua Porter , Diretor de UX da , escreveu recentemente uma lista de itens que ele considera como os princípios do design de interfaces do usuário. Por considera-los úteis e objetivos tanto para quem está começando na área quando para que alguns profissionais mais experientes possam relembra-los, decidi traduzir e fazer algumas adaptações nessa lista, que publicarei aqui no blog em duas partes.

# data[].attributes.body
Diego Paiva

# data[].attributes.attachment_link.title
UX/UI Design? Saiba a diferença entre UI e UX Design

# data[].attributes.attachment_link.title
O que é Prototipagem em Desenvolvimento de Games? | Fábrica de Jogos

# data[].attributes.headline
o que faz basicamente um design de interfaces

# data[].attributes.subject
o que faz basicamente um design de interfaces

# data[].attributes.body
Esse profissional também é responsável pelo desenvolvimento de softwares, em especial pela maneira como ele será utilizado pelo usuário. O planejamento de detalhes fundamentais como a localização do menu principal em sistemas operacionais é uma de suas tarefas. Além disso, a interface deve garantir que o usuário esteja no controle, tornando a utilização realmente eficiente e confortável.

Fonte: http://tutano.trampos.co/13097-profissao-designer-interfaces/
Matheus Pinheiro
um guia das profissões sobre isso '-'

# data[].attributes.attachment_link.provider_name
tutano, a plataforma de conteúdo do trampos.co

# data[].attributes.attachment_link.readable_text
Nossa interação com o mundo digital depende de vários fatores, desde o tipo de dispositivo até quais softwares serão utilizados para realizar as tarefas. O Designer de Interfaces desenvolve produtos relacionados à tecnologia sempre pensando no usuário, para que ele possa utilizá-los de forma simples e eficiente.

Leia também:
" 4 segredos para criar um portfólio que fará qualquer um querer te contratar
" Guia de Profissões: Arquiteto(a) de Informação
" Guia de Profissões: Desenvolvedor(a) Front-end

Mesmo que hoje o desenvolvimento de produtos online seja mais comentado do que outras áreas de tecnologia, é preciso lembrar que esse profissional não atua apenas na internet. O Designer de Interfaces está presente também nas áreas de software e design industrial.

O que une essas esferas é o fato de que todas lidam com a interação humana. Então, se um produto não auxilia o dia a dia das pessoas, seja por sua inutilidade ou por ser difícil de usar, ele será facilmente ignorado. E o objetivo do mercado não é manter um estoque de produtos rejeitados, e sim oferecer soluções práticas ao consumidor.

A inovação também faz parte do trabalho de um Designer de Interfaces, porque nem sempre precisamos de produtos novos, mas de produtos aperfeiçoados. Telefones, carros e eletrodomésticos ainda são utilizados para os mesmos propósitos do século passado, porém, estão em constante atualização para atender às demandas dos usuários.

O QUE FAZ?

No âmbito das atividades online, o Designer de Interfaces pode lembrar o Web Designer, já que este último desenvolve peças digitais pensando na qualidade de navegação do usuário. De fato, as duas funções são muito próximas, mas o Designer de Interfaces trabalha em conjunto com o Arquiteto da Informação e/ou Designer de Experiência do Usuário (UX Designer). Mais uma vez, seu foco principal é a interação, em seguida a estética.

Esse profissional também é responsável pelo desenvolvimento de softwares, em especial pela maneira como ele será utilizado pelo usuário. O planejamento de detalhes fundamentais como a localização do menu principal em sistemas operacionais é uma de suas tarefas. Além disso, a interface deve garantir que o usuário esteja no controle, tornando a utilização realmente eficiente e confortável.

Por fim, outro caminho possível é o desenvolvimento de produtos. Os celulares são um bom exemplo de como os Designers de Interfaces trabalham para atender as necessidades das pessoas. Se antes a intenção era ter um telefone portátil, hoje carregamos computadores portáteis. Assim, os aparelhos ganharam telas maiores e, consequentemente, ficaram mais leves.

QUANTO GANHA?

Conforme os dados das oportunidades divulgadas no trampos.co, a faixa salarial de um Designer de Interfaces Júnior varia entre R$ 1.500 e R$ 3.000. Já a bolsa para estagiários normalmente é de R$ 1.000. Os salários para profissionais de nível Pleno podem chegar a R$ 5.000.

PERFIL E CARACTERÍSTICAS DO PROFISSIONAL

Entre as principais características exigidas, destacam-se o senso estético apurado e a curiosidade, para buscar novidades na área e meios que ajudem a melhorar os processos de trabalho. O perfil comportamental deve ser proativo, ágil, comprometido e responsável.

A parte técnica exige sólidos conhecimentos sobre responsividade e domínio dos softwares Photoshop, Illustrator e Sketch. Também é interessante ter conhecimentos de arquitetura, usabilidade e desenvolvimento de wireframes para web e mobile. Noção de marketing digital é um ótimo diferencial, já que a geração de leads é o resultado de um conteúdo bem organizado.

MERCADO DE TRABALHO

Como a inovação é parte essencial dessa área, a tendência é que Designers de Interfaces sejam cada vez mais requisitados no mercado, desde o produto tangível até o material digital, principalmente no momento em que as empresas começam a perceber a importância de um profissional especializado no usuário.
Colabore com esse material e com os futuros profissionais compartilhando suas experiências nos comentários abaixo. Veja mais posts sobre Guia de Profissões. Confira os trampos na área

# data[].attributes.attachment_link.title
Guia de Profissões: Designer de Interfaces | tutano

# data[].attributes.attachment_link.description
Nossa interação com o mundo digital depende de vários fatores, desde o tipo de dispositivo até quais softwares serão utilizados para realizar as tarefas. O Designer de Interfaces desenvolve produtos relacionados à tecnologia sempre pensando no usuário, para que ele possa utilizá-los de forma simples e eficiente.

# data[].attributes.body
Então...
UI Design ou User Interface Design (Design de Interface do Usuário) é área que estuda o meio pelo qual uma pessoa interage ou controla um dispositivo, software ou aplicativo.

# data[].attributes.body
para quem deseja aprender com conteúdo em inglês
by : João Vinicius

# data[].attributes.attachment_link.keywords[]
html css javascript tutorials "web design" "web development" development "front-end development" wordpress mvc "responsive design" "beginner html" "beginner css" "beginner javascript" js "node js" python laravel responsive tutorial tutorials "web design"

# data[].attributes.attachment_link.description
Black-belt your development skills. Tutorials on: - Modern JavaScript (beginner to advanced) - Node.js - React - Vue.js - Firebase - MongoDB - HTML & CSS - P...

# data[].attributes.attachment_link.title
Curso de CSS3 - Aula 01 - Introdução ao CSS3

# data[].attributes.attachment_link.title
Como Começar em UX Design: Absolutamente TUDO que você precisa saber

# data[].attributes.attachment_link.title
O que é UI Design? O que é uma interface?

# data[].attributes.body
Design e prototipação

# data[].attributes.attachment_link.readable_text
Usabilidade é o método que visa facilitar a utilização de uma interface pelo usuário sem perder a interação de suas funcionalidades com o sistema. Refere-se ao grau no qual o usuário consegue realizar uma tarefa. É tornar "algo" utilizável e funcional, mais especificamente, refere-se à rapidez com que os usuários podem aprender a usar alguma coisa e sua eficiência ao utilizá-la, sua facilidade de aprendizado - facilidade de relembrar.

A usabilidade de um site ou software nada mais é do que implementação de recursos focando o usuário final.

Vocês podem estar se perguntando por que é importante existir usabilidade na web, e a resposta para esta pergunta é simples. Se você deseja que o usuário realize algo quando visitar seu site, você deve com certeza se preocupar com a usabilidade. Pois atualmente, as pessoas esperam muito dos web sites e cada vez menos aceitam um projeto ruim.

Ou seja, a má utilização da usabilidade resultará em clientes e usuários insatisfeitos e perdas de negócios.

Há a princípio sete regras básicas que devem ser seguidas, estas regras colaboram para a facilidade de aprendizado, pois o usuário consegue explorar rapidamente o sistema e realizar suas tarefas.

Clareza na arquitetura da informação:É essencial que o usuário consiga distinguir o que é prioritário e o que é secundário no site - para isso deve-se ter um bom arranjo da informação, pois os usuários podem ter dificuldades em encontrar o que procuram, e, portanto devem ser ajudados. Deve-se fornecer um senso de como a informação está estruturada e localizada. Um bom exemplo é o mapa do site.

Facilidade de navegação: O usuário deveria conseguir acessar a informação desejada no máximo em três cliques.

Simplicidade: Quem navega quer encontrar o mais rapidamente possível o objetivo da busca. Deve ser evitado qualquer exagero, dando ao usuário paz e tranquilidade para que possa analisar a informação.

A relevância do conteúdo: Sempre que questionados sobre sites, usuários se referem à qualidade e relevância do conteúdo. - um bom texto para essa mídia, o mais conciso e objetivo possível, não ser promocional ou publicitário. Os leitores online imprimem textos (eles necessitam de paginas bem curtas e informações secundaria deixada para paginas de suporte).

Manter a consistência: Quando as coisas acontecem sempre do mesmo jeito, os usuários não precisam se preocupar a respeito do que irá acontecer. Um web site deve ser gerenciado como um projeto único de interface com o usuário.

Tempo suportável: O tempo de cargas das paginas deve ser curto - 10 segundos é o máximo de tempo antes que as pessoas percam o interesse. (na web os usuários já tem uma baixa expectativa limite pode aumentar para 15 segundos).

Foco nos usuários: É o "sair do caminho", afim de que o usuário possa fazer o que quer da maneira mais rápida possível.

Seguidas estas regras deve-se, antes de colocar seu site no ar, realizar sucessivos ciclos de análise, concepção e testes, com o objetivo de avaliar a qualidade das interações e levar em conta os resultados destas para a construção de novas versões das interfaces. O teste de usuário contribui para que se possa analisar o comportamento destes perante o site, observando assim suas virtudes e seus pontos fracos.

Se essas regras forem implementadas desde cedo, no desenvolvimento, essa estratégia pode reduzir o risco de falhas conceituais do projeto garantindo que, a cada ciclo, o sistema responda cada vez melhor às expectativas e necessidades dos usuários em suas tarefas.

Neste artigo expliquei de forma básica e rápida a necessidade da usabilidade na web.

# data[].attributes.attachment_link.description
Usabilidade é o método que visa facilitar a utilização de uma interface pelo usuário sem perder a interação de suas funcionalidades com o sistema. Refere-se ao grau no qual o usuário consegue realizar uma tarefa.

# data[].attributes.attachment_link.readable_text
Joshua Porter, Diretor de UX da , escreveu recentemente uma lista de itens que ele considera como os princípios do design de interfaces do usuário. Por considera-los úteis e objetivos tanto para quem está começando na área quando para que alguns profissionais mais experientes possam relembra-los, decidi traduzir e fazer algumas adaptações nessa lista, que publicarei aqui no blog em duas partes.

Veja abaixo a primeira parte da lista de princípios :)

1. Clareza é o trabalho #1 no Design de Interfaces

Clareza é o primeiro e mais importante objetivo de qualquer design de interfaces. Para uma interface ser eficaz e eficiente, o usuário deve ser capaz de reconhecer a sua utilidade e entender como ela pode ajudá-lo, prever o que vai acontecer durante o uso, e conseguir interagir com sucesso. Não há motivos para mistérios nas interfaces. Clareza inspira confiança e cativa o uso.

2. Interfaces existem para permitir a interação

Interfaces existem para permitir a interação entre as pessoas e nosso mundo. Elas podem ajudar a esclarecer, iluminar, mostrar as relações, nos unir, nos separar, gerenciar nossas expectativas, e nos dar acesso a diferentes serviços. O design de interfaces não é arte. Uma interface existe para realizar um trabalho, e sua eficácia pode ser medida. No entanto, as interfaces não devem possuir apenas função. As melhores interfaces são capazes de inspirar, mistificar, e intensificar a nossa relação com o mundo.

3. Prenda a atenção a todo custo

Vivemos em um mundo de constantes interrupções. É difícil até mesmo ler um livro sem que nada nos distraia e tire a nossa atenção por um minuto. "Atenção" é algo muito precioso. Não coloque em sua interface elementos desnecessários que podem distrair o seu usuário. Lembre-se em primeiro lugar do porque essa interface existe. Quando o uso é o principal objetivo, a atenção torna-se um pré-requisito, e no design de interfaces você deve conservá-la a todo custo.

4. Mantenha o usuário no controle

As pessoas se sentem mais confortáveis ​​quando estão no controle de suas ações e de seu ambiente. Interfaces mal projetadas tiram esse conforto do usuário, forçando as pessoas a interações não planejadas e resultados inesperados. Um bom design de interfaces deve sempre manter o usuário no controle, fornecendo sempre o status do sistema, boas mensagens de erro, ajuda e documentação.

5. Manipulação direta é melhor

Sempre é melhor quando somos capazes de manipular diretamente os objetos, sem o intermédio de nenhuma ferramenta. Mas com objetos cada vez mais tecnológicos e informacionais, essa manipulação direta nem sempre é possível, e por isso criamos as interfaces: para ajudar as pessoas a interagir com os objetos. No entanto, muitas vezes há um certo exagero na criação de botões e outros elementos de interface desnecessários para mediar a interação do usuário com o objeto, o que acaba burocratizando a interação. O ideal é possibilitarmos a interação direta sempre que possível, com os elementos de interface servindo de suporte apenas quando necessário. O ideal é projetarmos interfaces mais compactas, que dão ao usuário uma sensação de manipulação (mais) direta com o objeto.

6. Um objetivo principal por tela

Em um design de interfaces bem projetado, cada tela deve apoiar um único objetivo principal, uma única ação de real valor para a pessoa usar. Isto faz com que a curva de aprendizado seja menor, e a facilidade de uso maior. Telas que fornecem duas ou mais ações primárias tornam-se muito confusas. Como um artigo escrito deve ter um assunto único e forte, cada tela que você projetar deve apoiar uma ação única e forte, que será a sua razão de ser.

7. Mantenha ações secundárias em segundo plano

Telas com uma única ação primária podem ter várias ações secundárias, e é importante que elas sejam realmente apresentadas como secundárias. A razão pela qual um artigo existe não é para que as pessoas possam compartilhá-la no Twitter, mas sim para que elas possam ler e compreender. Para um bom design de interfaces, mantenha as ações secundárias em segundo plano, seja com um visual mais leve ou as mostrando somente quando a ação primária for concluída.

8. Fornecer sempre um "próximo passo"

Em nosso site ou aplicativo, dificilmente vamos querer que uma determinada ação do usuário seja a sua última. Por isso, é importante sempre projetar um "próximo passo" para cada interação que uma pessoa tem com a nossa interface. Um bom design de interfaces deve não só fornecer esse novo passo, como também mostrar o que acontecerá nessa próxima interação. Não abandone o usuário só porque ele já efetuou a interação que você queria, dê a ele um "próximo passo" natural e relevante, que o ajude ainda mais a alcançar seus objetivos.

9. O aspecto segue o comportamento (ou a forma segue a função)

Nós, seres humanos, ficamos mais confortáveis quando as coisas se comportam da maneira que esperamos, sejam outras pessoas, animais, objetos ou softwares. Quando algo ou alguém se comporta de forma consistente com as nossas expectativas, sentimos que temos um bom relacionamento com ele. Em um bom projeto de design de interfaces, cada um dos elementos devem aparentar o seu comportamento. Na prática, isso significa que o usuário deve ser capaz de prever como um elemento na interface vai se comportar, apenas olhando para ele. Se parece com um botão, deve funcionar como um botão.

10. Questões de consistência

Seguindo ainda no princípio anterior, um elemento da interface não deve parecer com outro a não ser que tenham a mesma função ou comportamento. O oposto disso também é importante, ou seja, elementos que tenham a mesma função ou comportamento não devem ter aparências diferentes pois é para elementos como a aparecer consistente. Devemos nos ater a isso para manter a consistência do nosso design de interfaces.

No próximo artigo, publicarei a segunda parte desta lista de princípios do design de interfaces. Tem alguma dúvida? Então deixe um comentário ;)

# data[].attributes.attachment_link.title
Princípios do Design de Interfaces, parte 1

# data[].attributes.attachment_link.description
Joshua Porter , Diretor de UX da , escreveu recentemente uma lista de itens que ele considera como os princípios do design de interfaces do usuário. Por considera-los úteis e objetivos tanto para quem está começando na área quando para que alguns profissionais mais experientes possam relembra-los, decidi traduzir e fazer algumas adaptações nessa lista, que publicarei aqui no blog em duas partes.

# data[].attributes.body
Um rápido estudo de prototipagem.

Artigo no Link abaixo.

https://brasil.uxdesign.cc/uma-r%C3%A1pido-estudo-de-prototipagem-81a1b300471b

# data[].attributes.headline
Prototipagem rápida: O que é, vantagens e aplicação da impressão 3D

# data[].attributes.subject
Prototipagem rápida: O que é, vantagens e aplicação da impressão 3D

# data[].attributes.attachment_link.readable_text
A prototipagem rápida com apoio na impressão 3D nada mais é do que uma tecnologia de manufatura aditiva, na qual o início do processo se dá através da criação de um design virtual em CAD. Esse método é interessante por ligar materiais camada a camada de uma forma a desenvolver o objeto no qual se deseja chegar.

Antes de a prototipagem rápida promover uma verdadeira revolução no setor, com as impressoras 3D, a construção de um protótipo de uma peça funcional era algo realmente trabalhoso.

Para se construir era preciso fazer toda a modelação da peça manualmente, para somente depois enformar e fazer o molde. Esse processo você pode notar que, além de caro e trabalhoso, era bem mais lento. Isso fazia com que a produção definitiva do produto ficasse mais barata do que a produção do protótipo.

Prototipagem rápida e impressão 3D

A impressão 3D, ao incrementar a prototipagem, criou uma verdadeira revolução em diversas áreas como, por exemplo, engenharia, mecânica, moda, medicina, entre outras. Todavia, foi na indústria que ela realmente causou uma profunda transformação.

Podemos inclusive afirmar que nos dias de hoje essa técnica é um verdadeiro pilar para o desenvolvimento de soluções inovadoras. Essas soluções trazem em seu conceito o risco do erro e a sequência de tentativa como uma maneira de aprimorar o modelo, aproximando-se o máximo possível das reais necessidades dos clientes.

Vantagens da prototipagem em impressão 3D

Que a tentativa e o erro fazem parte do desenvolvimento de produtos ninguém pode negar, não é mesmo? No entanto, tendo uma maior previsibilidade dos erros é possível diminuir o número de tentativas.

É nesse sentido que investir em prototipagem é fundamental, pois possibilita a identificação de:

Inúmeros parâmetros podem, nesse sentido, serem revisados dependendo da finalidade do objeto final, quando ainda esse se encontra na fase de protótipo. Com o surgimento da impressão 3D, na fase inicial, ou seja, no desenvolvimento do produto, inúmeros benefícios podem ser listados, tais como:

Agiliza o desenvolvimento de produtos;

Desenvolve a validação da forma e do design;

Possibilita fabricar objetos com precisão nos detalhes;

Melhora a comunicação;

Estimula o uso da criatividade para resolver problemas;

Versatilidade;

Minimizar resíduos;

Maior garantia da qualidade no produto final;

Possibilidade de reduzir custos com desenvolvimento.

Como você pode notar, a lista de vantagens é realmente grande, podendo inclusive crescer conforme aplicações novas vão sendo implantadas.

O uso da impressão 3D dentro das empresas

Algumas empresas passaram nos últimos anos a adotar o uso da impressão 3D em diversos segmentos da economia. Setores como saúde, automotivo, esportes e varejo são os que estão mais se beneficiando das inúmeras vantagens dessa tecnologia.

Com destaque para a indústria automobilística, observamos que o uso da tecnologia substitui a usinagem reduzindo em até 80% as despesas com protótipo de peças.

Nesse sentido, as possibilidades de inovação com desenvolvimento de novas soluções em tempos menores ajudaram a reduzir drasticamente o custo. Os designers, desse modo, acabaram conquistando resultados mais efetivos com um tempo bem inferior do que quando usavam formas mais antigas de criação de protótipos.

General Electric e a prototipagem 3D

A General Electric é uma das empresas pioneiras que vem legitimando o uso de impressão 3D em todos os seus protótipos.

Em uma de suas unidades nos EUA, a companhia colocou em fileiras várias impressoras 3D com capacidade de produção com peças feitas de materiais leves. Nessa unidade estão sendo produzidos componentes de testes, através de métodos de manufatura aditiva com impressão 3D.

Dessa forma, através desses métodos a empresa está aprimorando cada vez mais a modelagem antes de concretizar os projetos em grande escala.

Meio ambiente e impressão 3D

Uma das preocupações atuais, que inclusive gera debates no mundo todo, envolvendo órgãos como a Organização das Nações Unidas (ONU), é o aquecimento global. A tecnologia de impressão 3D possibilita, nesse sentido, a criação de carros mais eficientes em relação ao uso de combustíveis, colaborando assim para o meio ambiente.

Outro benefício que a tecnologia traz ao meio ambiente é a redução de resíduos, através de sua aplicação nas indústrias, inclusive, zerando-os em alguns casos.

Materiais, resistências, tolerâncias e acabamento

Em um processo de impressão 3D existem basicamente três processos: FDM, SLA e SLS.

Sendo o mais conhecido, o processo FDM é bastante utilizado nas impressoras mais simples, nas quais um filamento é adicionado camada por camada para formar a peça.

Já os processos SLA e SLS são bastante parecidos, sendo que no processo SLA é utilizado resina líquida e no processo SLS resina em pó. Em ambos os casos as resinas são fotossensíveis e a forma da peça é dada através de um projetor de luz.

Devido ao avanço da tecnologia 3D, houve uma grande evolução nos materiais utilizados para o desenvolvimento dos protótipos, podendo enaltecer dessa forma os seguintes materiais:

Quer saber mais sobre cada um desses materiais? Veja este post explicando os diferentes polímeros e filamentos de impressão 3D e aprenda a escolher o correto para seu projeto.

O futuro em 3D

No passado era inconcebível a ideia de se pensar na possibilidade de impressão de um molde final em minutos em um formato tridimensional. Entretanto, o uso da tecnologia 3D trouxe a capacidade de produzir peças bastante complexas, inclusive funcionais.

Além disso, colaborou para a geração de moldes e modelos com forma e profundidade que praticamente mudaram todo o processo produtivo.

Beneficiando-se da velocidade e da alta redução de custos, a impressão 3D revolucionou a indústria quando comparada à moldagem ou usinagem. Por essa razão, através da prototipagem rápida a indústria foi capaz de criar aprimoramentos contínuos em seus projetos, antes dos mesmos seguirem para a produção em série.

É bem possível que em um futuro não tão distante serão produzidos produtos inteiros com o uso da impressão 3D.

Se você se interessou e quer entender mais sobre a prototipagem rápida baixe o Guia de Impressão 3D, nele mostramos como preparar os arquivos e mandar para prototipagem 3D.

# data[].attributes.attachment_link.authors[].name
Impressão 3D preço baixo x qualidade: O que é mais importante? - Muv.

# data[].attributes.attachment_link.authors[].name
Imprimir em 3D: A verdade que nunca lhe contaram! - Muv.

# data[].attributes.attachment_link.authors[].name
6 ferramentas lean manufacturing usadas pelas grandes empresas - Muv.

# data[].attributes.attachment_link.authors[].name
Como patentear um produto em 6 passos simples? - Muv.

# data[].attributes.attachment_link.authors[].name
Quais são os materiais utilizados na Impressão 3D? - Muv.

# data[].attributes.attachment_link.authors[].name
Por que escolher a MUV como parceira na impressão 3D? - Muv.

# data[].attributes.attachment_link.title
Prototipagem rápida: O que é, vantagens e aplicação da impressão 3D - Muv.

# data[].attributes.attachment_link.description
A prototipagem rápida com apoio na impressão 3D nada mais é do que uma tecnologia de manufatura aditiva, na qual o início do processo se dá através da criação de um design virtual em CAD. Esse método é interessante por ligar materiais camada a camada de uma forma a desenvolver o objeto no qual se deseja chegar.

# data[].attributes.headline
Curso Sobre Diversos Tipos de Tecnologia professor Gustavo Guanabara.

# data[].attributes.subject
Curso Sobre Diversos Tipos de Tecnologia professor Gustavo Guanabara.

# data[].attributes.body
AURICCELIO
Não Perca tempo !!!

# data[].attributes.attachment_link.keywords[]
grátis cursos aulas videoaula vídeo-aulas "gustavo guanabara" html5 algoritmos php java mysql "banco de dados"

# data[].attributes.attachment_link.description
Cursos em vídeo-aulas totalmente gratuitos, criados pelo Professor Gustavo Guanabara. Informações para contato: contato@cursoemvideo.com

# data[].attributes.headline
Como é o dia a dia de um profissional da área de design.

# data[].attributes.subject
Como é o dia a dia de um profissional da área de design.

# data[].attributes.body
Para quem gostou da área e deseja saber um pouco mais sobre a profissão, aqui vai um vídeo de uma entrevista com uma profissional.

# data[].attributes.attachment_link.title
Como é o dia a dia do designer de interfaces?

# data[].attributes.body
Conceitos na prática pra você compreender melhor essa linguagem de marcação.

# data[].attributes.attachment_link.title
Curso de HTML e CSS para iniciantes - Aula 1

# data[].attributes.body
Para quem deseja ver um projeto Opensource multiplataformas, veja o link.

Por Camilo H.

# data[].attributes.attachment_link.readable_text
Use a Package Manager

Install with Brew (Mac)

If you are on a Mac and have Homebrew installed:
Note for Mac OS X Mojave users: if you see "App can't be opened because Apple cannot check it for malicious software" when opening VSCodium the first time, you can right-click the application and choose Open. This should only be required the first time opening on Mojave.
Install with Windows Package Manager (WinGet)

If you use Windows and have Windows Package Manager installed:

Install with Chocolatey (Windows)

If you use Windows and have Chocolatey installed (thanks to @Thilas):

Install with Scoop (Windows)

If you use Windows and have Scoop installed:

Install with snap (Linux)

VSCodium is available in the Snap Store as Codium, published by the Snapcrafters community. If your GNU/Linux distribution has support for snaps:

Install with Package Manager (Linux)

Parrot OS:

VSCodium is pre-installed in Parrot OS.

In case you don't find it by default, you can retrieve it from the official Parrot repo

@paulcarroty has set up a repository for VSCodium. The instructions below are adapted from there. Any issues installing VSCodium using your package manager should be directed to that repository's issue tracker.

Debian / Ubuntu (deb package):

Add the GPG key of the repository:

Add the repository:

Update then install vscodium:

Fedora / Centos / OpenSUSE (rpm package):

Add the GPG key of the repository:

Add the repository:

Fedora/RHEL:

printf "[gitlab.com_paulcarroty_vscodium_repo] \n name=gitlab.com_paulcarroty_vscodium_repo \n baseurl=https://paulcarroty.gitlab.io/vscodium-deb-rpm-repo/rpms/ \n enabled=1 \n gpgcheck=1 \n repo_gpgcheck=1 \n gpgkey=https://gitlab.com/paulcarroty/vscodium-deb-rpm-repo/-/raw/master/pub.gpg" |sudo tee -a /etc/yum.repos.d/vscodium.repo

openSUSE/SUSE:

printf "[gitlab.com_paulcarroty_vscodium_repo] \n name=gitlab.com_paulcarroty_vscodium_repo \n baseurl=https://paulcarroty.gitlab.io/vscodium-deb-rpm-repo/rpms/ \n enabled=1 \n gpgcheck=1 \n repo_gpgcheck=1 \n gpgkey=https://gitlab.com/paulcarroty/vscodium-deb-rpm-repo/-/raw/master/pub.gpg" |sudo tee -a /etc/zypp/repos.d/vscodium.repo

Install the software:

Nix(OS)

VSCodium is available in Nixpkgs. You can install it by adding vscodium to environment.systemPackages in configuration.nix, or locally:

Arch Linux

VSCodium is available on the AUR (Arch User Repository), and can be installed with an AUR Helper.

Examples:

Flatpak Option (Linux)

VSCodium is (unofficially) available as a Flatpak app and here's the build repo. If your distribution has support for flatpak, and you have enabled the flathub repo, you can install VSCodium via the command line:

...or by opening the flatpakref file from Flathub. VSCodium can also be found in GNOME Software if you have gnome-software-plugin-flatpak installed (as recommended in the Flathub setup instructions).

# data[].attributes.attachment_link.title
VSCodium - Open Source Binaries of VSCode

# data[].attributes.attachment_link.description
If you are on a Mac and have Homebrew installed: Note for Mac OS X Mojave users: if you see "App can't be opened because Apple cannot check it for malicious software" when opening VSCodium the first time, you can right-click the application and choose Open.

# data[].attributes.body
Em certos momentos precisamos modificar o nosso site por n motivos, então para sua motivação deixo aqui um canal no YouTube bem inspirador.

Por Camilo H.

# data[].attributes.attachment_link.keywords[]
"web tutorials" "html css" "ui design" "css effects" "css animation effects" "frontend developers" "html css tutorial" "responsive web design" "css hover eff...

# data[].attributes.attachment_link.description
Online Tutorials is a channel for learning Complete responsive website design, Creative CSS animation and Hover Effects,Amazing Vanilla Javascript projects, ...

# data[].attributes.body
Um artigo sobre prototipagem.

# data[].attributes.attachment_link.readable_text
Outros Métodos de prototipagem

Hoje em dia existem diversas técnicas para tangibilizar uma ideia, selecionei algumas técnicas que eu já utilizei, que podem ajudá-lo nessa sua jornada como designers.

Wizard Of Oz

Wizard Of Oz, ouvi esse termo pela primeira vez através da Vânia Teófilo, durante um evento chamado Solution Jam, quando cheguei em casa fucei a internet para aprender tudo sobre.

Wizard Of Oz é uma forma simples de prototipar uma ideia, ela pode ser aplicada em diversos contextos, você pode sempre melhorar essa técnica ou combinar ela com outras.

Wizard Of Oz é um protótipo com funções falsificadas, com intuito de manipular o usuário e capturar dados por exemplo, a interatividade dos protótipos dessa técnica vem de um humano, em vez de um algoritmo ou um software, você pode usá-lo para testar sua ideia com os usuários. Você está imitando alguns aspectos do seu produto para prototipá-lo, permitindo que você economize tempo e recursos. O exemplo mais comum dos protótipos do Wizard Of Oz é um protótipo de um sistema digital, esse tipo de protótipos são utilizados quando queremos simular um assistente virtual em que um humano trabalha em outro computador, ele digita as respostas.

Eu como amante de Hackathons já participei em mais de 10, usei essa técnicas algumas vezes, principalmente quando a solução final é uma inteligência artificial falsificada "Bot" ou assistente virtual operado por voz.

Nota: Eticamente, nós, como designers, estamos bem dentro dos limites quando fazemos isso; não envolve manipular usuários para ganhos imorais.

Esse tipo de prototipagem exige tempo e um bom planejamento de como serão as interações, respostas, perguntas etc.. Pense bem antes de usá-lo.

Prototipagem de serviço

Prototipagem de serviço é uma ferramenta que permite a simulação rápida de espaço e serviços, ao mesmo tempo observar a interação dos usuários com o protótipo. Deste modo você consegue pegar o feedback dos usuários no momento. Pode aprender mais sobre isso aqui
Protótipo do novo serviço aero para Lufthansa Protótipo de uma cabine Prototipando um um serviço hospitalar modular de um avião feito pela IDEO
POP (Prototyping On Paper)

Você não precisa ser um mestre em desenho artístico para fazer bons protótipos em Papel, outra você não precisa fazê-los bonitos e refinados. São apenas formas de descrever uma ideia abstrata, numa ideia mais concreta.

Produtos digitais como site, aplicativos, relógios inteligentes, protótipos desses produtos podem ser produzidos em qualquer lugar sem muitos recursos, basta ter uma folha e um papel.

Este tipo de prototipo são muito simples de fazer e baratos, de certa forma você pode utilizá-los para validar suas ideias juntos com os usuários finais ou com stakeholders e coletar insumos sobre usabilidade, percepção dos usuários sobre o produto a ser desenvolvido, inclusive para validar questões estratégicas. Bons designers sempre começam suas ideias nesse nível de protótipo, sem esquecer que não exigem muito tempo e você não se apega muito a eles, são fáceis de descartar e começar novamente com novas ideias.

Protótipo físico (Modelo físico)

São aqueles protótipos, que representam o produto fisicamente e remetem a ideia final como será o produto. É uma maneira adequada de materializar uma ideia, sair de um modelo de duas dimensões ou um esboço, para um modelo real em 3 dimensões.

Através desse protótipo o designer consegue estimular o pensamento analítico entre os envolvidos no projeto e gerar uma discussão saudável sobre o futuro do produto, inclusive testá-lo com os usuário para coletar possíveis feedback.

Os designers das empresas como Nike, BMW, General Electric, sempre começam suas ideias com um esboço depois, elevam a ideia para um modelo físico realístico.
A sua ideia é sobre o que?
Esse tipo de prototipagem exige tempo, dinheiro, conhecimento sobre modelagem 3D ou design industrial.
Qual é o seu propósito?
Como escolher qual tipo de protótipo fazer?
Qual é o tipo de produto está tentando construir?
Existem várias técnicas de prototipagem, essas que apresentei nesse artigo são apenas algumas delas, mas para escolher a técnica adequada para seu projeto, eu uso um método simples que consiste em responder as perguntas abaixo:
Qual o escopo do projeto?
Exemplo: Melhorar a mobilidade Urbana, reduzindo o gás carbônico, produzido pelas viaturas.
Qual é a situação do projeto?
Exemplo: Tornar o meio ambiente mais saudável, sustentável e menos poluente para o público em geral.

É sempre bom deixar isso bem claro para quem está envolvido no projeto, se está desenvolvendo um produto físico (ex: Bolsa ou Carro) digital (Ex: App, uma plataforma de realidade virtual) ou um serviço (Ex: Bancário, atendimento clínico ou um serviço público) isso lhe ajudará a se concentrar no que mais importa no protótipo.

Define o escopo, grande, fechado ou aberto, fazendo isso você terá noção do tempo que você pode gastar para desenvolver seu protótipo.

Aqui você responde se o projeto está apenas começando, está em andamento ou está quase ao fim.

Teste sempre seu protótipo

Não importa quanto tempo levou para fazer seu protótipo, testar é sempre importante, é ao longo de um teste que se descobre as falhas. Mesmo os protótipos mais refinados possuem falhas. Observar um usuário interagindo diretamente com o seu protótipo lhe dará muitas informações e novas ideias. Por isso devemos testá-lo com as pessoas para coletar suas opiniões, só assim poderemos melhorar aquilo que estamos projetando.

Conclusão

Em suma era isso que eu queria compartilhar com você, não existe a técnica certa ou errada, tudo depende do desafio que você está tentando solucionar e da sua criatividade.

Não se empolgue demais ao criar um protótipo e nem se apegue muito, pois lá na frente as coisas podem não dar certo como você imagina. Faça sempre protótipos baratos, não gaste dinheiro em vão sem antes ter a certeza que você está no caminho certo. Obrigado por chegar até aqui, até a próxima :D

Agradeço demais meu amigo rafael frota. pelos feedback

📚 Alguns livros

Isto é Design Thinking de Serviços- Marc Stickdorn

Design Sprint:- Jake Knapp

Sketching User Experiences - Saul Greenberg

Prototyping for Designers- Kathryn Mcelroy

This is Service Design Doing Methods - Marc Stickdorn

Designing UX Prototyping - Ben Coleman

The $1 Prototype- Greg Nudelman

Paper Prototyping - Carolyn Snyder

The Service Startup- Tenny Pinheiro

🔗Leitura Adicional e referências

# data[].attributes.attachment_link.description
Hoje em dia existem diversas técnicas para tangibilizar uma ideia, selecionei algumas técnicas que eu já utilizei, que podem ajudá-lo nessa sua jornada como designers. Wizard Of Oz, ouvi esse termo pela primeira vez através da Vânia Teófilo, durante um evento chamado Solution Jam, quando cheguei em casa fucei a internet para aprender tudo sobre.

# data[].attributes.attachment_link.title
Introdução ao Figma - Plataforma Grátis de Design de Interface