{"id":2397,"date":"2022-06-03T00:00:00","date_gmt":"2022-06-03T00:00:00","guid":{"rendered":"https:\/\/www.cesar.org.br\/painel\/insight\/a-evolucao-da-web-e-o-papel-do-design-na-era-3-0\/"},"modified":"2026-06-05T11:08:09","modified_gmt":"2026-06-05T14:08:09","slug":"a-evolucao-da-web-e-o-papel-do-design-na-era-3-0","status":"publish","type":"insight","link":"https:\/\/www.cesar.org.br\/painel\/insight\/a-evolucao-da-web-e-o-papel-do-design-na-era-3-0\/","title":{"rendered":"A evolu\u00e7\u00e3o da Web e o papel do Design na Era 3.0"},"content":{"rendered":"
\n

Um pouquinho da hist\u00f3ria da Internet, para onde ela nos levar\u00e1 e o que voc\u00ea, designer, tem a ver com isso<\/b><\/p>\n

Por Priscila Alc\u00e2ntara, designer de intera\u00e7\u00e3o no CESAR.<\/em><\/p>\n

Era uma vez a Internet, l\u00e1 do in\u00edcio dos anos 90 (tamb\u00e9m conhecida como Web 1), onde tudo o que se conseguia fazer era ler informa\u00e7\u00f5es conectadas atrav\u00e9s de hiperlinks. No m\u00e1ximo, era poss\u00edvel interagir com um conte\u00fado, navegando de forma n\u00e3o linear entre eles. Como se tiv\u00e9ssemos uma revista (algu\u00e9m lembra o que \u00e9 isso?) em que pod\u00edamos pular diretamente para a p\u00e1gina que quis\u00e9ssemos (caso fosse “bem desenhada”) ao inv\u00e9s de ler na sequ\u00eancia como um livro. Se algu\u00e9m quisesse criar algum conte\u00fado era necess\u00e1rio ter um conhecimento em computa\u00e7\u00e3o que n\u00e3o era acess\u00edvel para a maioria das pessoas. E, olha, a Web 1 j\u00e1 foi uma revolu\u00e7\u00e3o! \u00a0Ela que nos trouxe at\u00e9 aqui e mudou a forma como o mundo se comunica. Sabemos que hoje pode parecer uma coisa atrasada, mas poder fazer isso j\u00e1 era algo bem espetacular.<\/p>\n

Web 2.0 – conectando pessoas<\/h2>\n

Com o passar do tempo, somente consumir conte\u00fados atrav\u00e9s de uma plataforma digital passou a ser pouco. E a\u00ed nasceu a Web 2: uma vers\u00e3o da Internet onde as pessoas comuns poderiam n\u00e3o s\u00f3 consumir o que estava dispon\u00edvel atrav\u00e9s de meios eletr\u00f4nicos, mas tamb\u00e9m \u00a0criar e publicar o seu pr\u00f3prio conte\u00fado. Foi quando come\u00e7amos a publicar atrav\u00e9s de f\u00f3runs, comentar em not\u00edcias, comprar e vender atrav\u00e9s da Internet, criar documentos e compartilhar com outras pessoas.<\/p>\n

As redes sociais – primeiro com Orkut, depois com Facebook, Instagram, Twitter e at\u00e9 TikTok – fazem parte dessa gera\u00e7\u00e3o da Internet. Se hoje voc\u00ea faz compras pela Internet, consegue buscar qualquer coisa no Google e n\u00e3o na biblioteca do bairro, paga com cart\u00e3o “na maquininha”, faz transfer\u00eancias imediatas de dinheiro, ou mesmo nem lembra como se paga uma conta na “boca do caixa do banco”, isso se deve \u00e0 Web 2.<\/p>\n

Todas essas a\u00e7\u00f5es podem parecer inimagin\u00e1veis se considerarmos a capacidade de processamento que t\u00ednhamos nos computadores dos tempos de Web 1. Por\u00e9m, hoje carregamos algo com poder de armazenamento e processamento muito superior em nossos bolsos: nossos smartphones. Com eles, pudemos levar nossas conex\u00f5es com pessoas muito al\u00e9m dos nossos desktops, abrindo milhares de possibilidades de intera\u00e7\u00e3o.<\/p>\n

O design se expandiu na mesma medida, e houve um “boom” (em tempos mais recentes) em termos de design de experi\u00eancia (UX Design) que, embora n\u00e3o seja exclusivo do ambiente digital, ganhou bastante for\u00e7a por meio dele. N\u00e3o era mais aceit\u00e1vel que apenas pessoas com conhecimentos espec\u00edficos de computa\u00e7\u00e3o ou acad\u00eamicos tivessem acesso e possibilidade de usufruir do melhor que a Internet tem a oferecer, era necess\u00e1rio tornar tudo mais intuitivo. O design de intera\u00e7\u00e3o ganhou for\u00e7a aqui, se expandiu e pulou o muro. \u00a0E qual \u00e9 o pr\u00f3ximo passo?<\/p>\n

E o que vem agora com a Web 3?<\/h2>\n

Bom, se a Web 1 pode ser definida, a grosso modo, como a Era da Leitura e a Web 2 como a Era da Escrita, podemos dizer que a Web 3 seria algo como a Era da Governan\u00e7a. Em troca de poder ser um “escritor” na Web 2, os usu\u00e1rios fornecem seus dados a grandes empresas que, muitas vezes, centralizam essa informa\u00e7\u00e3o, utilizando-as para intelig\u00eancia de mercado (quem nunca pensou em algo e recebeu, quase que instantaneamente, um an\u00fancio na sua rede social sobre isso?).<\/p>\n

Com a Web 3, a ideia \u00e9 que as decis\u00f5es sejam tomadas de forma mais descentralizada e n\u00e3o apenas pelas gigantes da Internet: uma rede distribu\u00edda de computadores deve validar e certificar uma informa\u00e7\u00e3o, que deixa de ser propriedade de grandes companhias e diminui a sua for\u00e7a.<\/p>\n

A grande ideia da Web 3 \u00e9 que a rede possa ser auto regulada e confi\u00e1vel atrav\u00e9s da seguran\u00e7a da informa\u00e7\u00e3o certificada por rede distribu\u00edda. Tudo isso de forma ub\u00edqua, ou seja, voc\u00ea n\u00e3o necessariamente precisa estar num computador (ou no seu smartphone) para tirar proveito do que a Internet tem para te oferecer. Voc\u00ea poder\u00e1 ter uma experi\u00eancia personalizada, no mundo “real”, atrav\u00e9s de objetos inteligentes e intelig\u00eancia artificial capazes de reconhecer o contexto em que a pessoa est\u00e1 inserida.<\/p>\n

Mais do que isso, a Web 3 traz a confian\u00e7a dos dados transparentes. Podemos comparar a Internet descentralizada a um cart\u00f3rio no qual \u00e9 poss\u00edvel acessar os dados de qualquer lugar e n\u00e3o h\u00e1 risco de pegar fogo, perdendo toda a informa\u00e7\u00e3o ali armazenada.<\/p>\n

Como funciona: as pessoas registram a informa\u00e7\u00e3o na Internet, que criar\u00e1 uma s\u00e9rie de c\u00f3pias fidedignas e validadas por uma s\u00e9rie de computadores conectados em rede e, visto que h\u00e1 v\u00e1rias c\u00f3pias dessa informa\u00e7\u00e3o \u00e9 poss\u00edvel validar alguma que esteja discrepante e invalid\u00e1-la.<\/p>\n

Aquele sonho de que as pessoas saibam quando um tweet que voc\u00ea escreveu \u00e9 ir\u00f4nico ou n\u00e3o deve se realizar atrav\u00e9s da Web 3, que ser\u00e1 capaz de reconhecer, atrav\u00e9s de intelig\u00eancia artificial, os sentimentos por tr\u00e1s da escrita com base no contexto dos dados.<\/p>\n

A ideia \u00e9 que a expans\u00e3o da realidade virtual com a “febre” do metaverso, bem como os “selos de propriedade digital” confi\u00e1veis, como NFT (sigla para o termo ingl\u00eas non-fungible token, ou token n\u00e3o fung\u00edvel),\u00a0e a populariza\u00e7\u00e3o de moedas digitais, seja o primeiro passo para a populariza\u00e7\u00e3o da Web 3.
\nO que deve garantir a seguran\u00e7a disso tudo \u00e9 a tecnologia frequentemente chamada de Blockchain, a rede distribu\u00edda que “certifica” o que \u00e9 o que n\u00e3o \u00e9 confi\u00e1vel, bem como quem deveria ou n\u00e3o ter acesso \u00e0s informa\u00e7\u00f5es na Internet.<\/p>\n

O acesso aos dados ser\u00e1 livre para todos verem?<\/h3>\n

N\u00e3o \u00e9 bem assim. Assim como num cart\u00f3rio, existem dados p\u00fablicos e privados. A Web 3 prev\u00ea meios para que os usu\u00e1rios escolham os dados que desejam compartilhar publicamente e tamb\u00e9m permita que informa\u00e7\u00f5es estejam privadas ou at\u00e9 mesmo dispon\u00edveis apenas atrav\u00e9s de valida\u00e7\u00e3o e para pessoas e organiza\u00e7\u00f5es confi\u00e1veis, de forma bem simplista, similar ao que ocorre quando voc\u00ea compartilha um documento na nuvem s\u00f3 para pessoas espec\u00edficas ou quando voc\u00ea disponibiliza um QR Code para que as pessoas possam te fazer uma transfer\u00eancia via Pix.<\/p>\n

Esse tipo de autoriza\u00e7\u00e3o \u00e9, frequentemente, por meio de uma “chave” e funciona como uma senha que dar\u00e1 os acessos e permiss\u00f5es espec\u00edficos para cada pessoa. Inclusive, as Leis de Prote\u00e7\u00e3o de Dados (LGPD, no Brasil) est\u00e3o a\u00ed para ajudar na regula\u00e7\u00e3o de quem tem acesso e como os dados s\u00e3o utilizados.<\/p>\n

E qual o papel do design nisso?<\/h2>\n

O que \u00e9 uma boa forma de explicar por que \u00e9 urgente que a gente pense no design para Web 3: \u00e9 tudo muito novo! E como todas as coisas novas, o design pode ajudar fazendo com que as pessoas entendam a aplicabilidade da Web 3 sem precisar quebrar a cabe\u00e7a. Alguns princ\u00edpios do design que j\u00e1 est\u00e3o estabelecidos desde as gera\u00e7\u00f5es anteriores da Internet ganham ainda mais for\u00e7a. Confira:<\/p>\n

Ensine as pessoas a usar a tecnologia sem que elas precisem fazer um curso<\/h3>\n

As pessoas aprendem o que lhes interessa. Ent\u00e3o, \u00e9 preciso que voc\u00ea mostre a aplicabilidade da solu\u00e7\u00e3o que est\u00e1 propondo, assim como a tecnologia por tr\u00e1s do que est\u00e1 sendo oferecido. Deixe que as pessoas vejam a Blockchain funcionando e se certifiquem de que a curva de aprendizado do seu produto ou servi\u00e7o digital \u00e9 adequada e proporcional ao interesse delas.<\/p>\n

Se voc\u00ea projeta uma solu\u00e7\u00e3o muito dif\u00edcil e que as pessoas n\u00e3o entendem muito bem o que est\u00e1 acontecendo, elas s\u00f3 usar\u00e3o em duas hip\u00f3teses: 1) enquanto forem obrigadas; e 2) enquanto n\u00e3o surgir uma solu\u00e7\u00e3o que fa\u00e7a a mesma coisa de um jeito mais simples. Pense nas pessoas e projete para elas e n\u00e3o para a\u00a0tecnologia.<\/p>\n

\n
\"\"
Voc\u00ea precisar mostrar o valor do que est\u00e1 fazendo: qual a vantagem de usar um NFT se as pessoas n\u00e3o conseguirem ver a diferen\u00e7a entre isso e um QR Code que elas j\u00e1 conhecem?<\/figcaption><\/figure>\n<\/div>\n<\/div>\n

Mostre que o seu produto ou servi\u00e7o \u00e9 confi\u00e1vel atrav\u00e9s do design<\/h2>\n

Quando se fala em novidades – principalmente se essas novidades podem envolver dinheiro como um NFT ou uma transfer\u00eancia de moedas digitais – \u00e9 comum que as pessoas fiquem mais temerosas. Por isso, \u00e9 importante que voc\u00ea seja transparente e forne\u00e7a a quantidade certa de informa\u00e7\u00e3o de acordo com o utilizador da sua solu\u00e7\u00e3o. Planeje as suas interfaces para demonstrar confian\u00e7a por fornecer dados que possam ser verific\u00e1veis: ao incluir c\u00f3digos de autentica\u00e7\u00e3o de transa\u00e7\u00f5es, possibilidade de rastreio e verifica\u00e7\u00e3o, e por tornar simples o que pode ser feito no caso de algum erro do sistema (sim, porque quando o utilizador erra \u00e9 muito mais prov\u00e1vel que o projeto do produto digital n\u00e3o tenha deixado t\u00e3o claro assim como realizar uma tarefa). Esses s\u00e3o alguns exemplos de onde voc\u00ea pode trabalhar para garantir que o produto ou servi\u00e7o digital que est\u00e1 sendo projetado seja seguro para as pessoas e confi\u00e1vel.<\/p>\n

\"\"<\/p>\n

Deixe as pessoas saberem o que est\u00e1 acontecendo<\/h2>\n

Feedback nas intera\u00e7\u00f5es n\u00e3o \u00e9 algo novo. \u00c9 um princ\u00edpio fundamental da comunica\u00e7\u00e3o: at\u00e9 quando voc\u00ea conversa com um amigo \u00e9 importante que voc\u00ea receba informa\u00e7\u00f5es que possibilitem saber se a outra pessoa est\u00e1 escutando e se ela est\u00e1 entendendo a informa\u00e7\u00e3o. Quando tratamos de Web 3, o feedback nas aplica\u00e7\u00f5es assume um papel ainda mais importante porque as pessoas querem “ver” a tecnologia funcionando, querem saber o que est\u00e1 acontecendo. Elas querem fazer parte e ter a garantia de que “a inova\u00e7\u00e3o” tamb\u00e9m \u00e9 confi\u00e1vel. Um simples “loading” com uma mensagem de “carregando” pode n\u00e3o ser suficiente para estabelecer uma rela\u00e7\u00e3o de confian\u00e7a com o utilizador, quando voc\u00ea est\u00e1 trazendo algo novo como, por exemplo, usando blockchain para garantir a seguran\u00e7a de uma cadeia de distribui\u00e7\u00e3o, que \u00e9 algo que impacta financeiramente os usu\u00e1rios e as organiza\u00e7\u00f5es.<\/p>\n

\"800\"<\/p>\n

E isso aqui \u00e9 s\u00f3 um gostinho do que \u00e9 projetar para Web 3. O design vai ganhar ainda mais relev\u00e2ncia em mostrar que as solu\u00e7\u00f5es que estamos desenvolvendo s\u00e3o seguras, confi\u00e1veis e t\u00eam real presen\u00e7a no dia-a-dia das pessoas para tornar a vida delas melhor. J\u00e1 pensou em como voc\u00ea pode fazer a sua parte na nova era da Internet?<\/p>\n

O CESAR \u00e9 uma organiza\u00e7\u00e3o design-driven totalmente inserida no cen\u00e1rio da transforma\u00e7\u00e3o digital. Desenvolvemos solu\u00e7\u00f5es tecnol\u00f3gicas, robustas e escal\u00e1veis centradas nas pessoas atrav\u00e9s de abordagens de experimenta\u00e7\u00e3o cl\u00e1ssicas do design. Por isso, entendemos que ele \u00e9 chave para a cria\u00e7\u00e3o de produtos, servi\u00e7os, processos e neg\u00f3cios inovadores.<\/p>\n

\"\"Quer entender mais como o design pode contribuir para a sua organiza\u00e7\u00e3o? Clique aqui para baixar o nosso\u00a0Guia Design para Descoberta.<\/a><\/strong><\/p>\n

Este texto contou com a colabora\u00e7\u00e3o de Bruna Bunzen, Diego Souza, Erika Campos, F\u00e1bio Passos e Victor Lins na revis\u00e3o de conte\u00fado.<\/div>\n","protected":false},"featured_media":6922,"template":"","categories":[1],"tags":[463,102],"formato_insights":[16],"class_list":["post-2397","insight","type-insight","status-publish","has-post-thumbnail","hentry","category-design","tag-analise-de-dados","tag-ux","formato_insights-artigo"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.cesar.org.br\/painel\/wp-json\/wp\/v2\/insight\/2397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cesar.org.br\/painel\/wp-json\/wp\/v2\/insight"}],"about":[{"href":"https:\/\/www.cesar.org.br\/painel\/wp-json\/wp\/v2\/types\/insight"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cesar.org.br\/painel\/wp-json\/wp\/v2\/media\/6922"}],"wp:attachment":[{"href":"https:\/\/www.cesar.org.br\/painel\/wp-json\/wp\/v2\/media?parent=2397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cesar.org.br\/painel\/wp-json\/wp\/v2\/categories?post=2397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cesar.org.br\/painel\/wp-json\/wp\/v2\/tags?post=2397"},{"taxonomy":"formato_insights","embeddable":true,"href":"https:\/\/www.cesar.org.br\/painel\/wp-json\/wp\/v2\/formato_insights?post=2397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}