Design & Web 3.0, Design am Internet vu Blockchainen

Web 3.0 definéieren ass nach ëmmer e Balanceakt.

Gebuer aus enger ëmmer méi Benotzer-centric Philosophie vun Disintermediation, et wäert eis drécken eise Wee vun Design Web Produiten ze iwwerschaffen. Eis Roll als Designer ass fundamental an der Adoptioun vu Web3. Tatsächlech, well d'Onboarding vun de Benotzer an der Welt vu Blockchainen haaptsächlech duerch d'Benotzung vun dApps gemaach gëtt, ass et den Designer deen hir Adoptioun duerch d'Qualitéit vun hiren Designen fördert oder am Géigendeel behënnert.

vum Site Cosmos, en exzellent Beispill vu Web3 UX / UI Design, deen d'Iddi vun engem interkonnektéierten an dezentraliséierten Universum induzéiert

1 - Web3 & d'Entstoe vun neie Produkter

# Wat ass Web 3.0?

Et ass schwéier et ze definéieren ouni Verglach mat Web 1.0 an 2.0.
Web 1.0 ass de statesche Web. Haaptsächlech berodend. Eng een-Manéier Informatiounen Dispositioun Internet.
Web 2.0 ass de partizipative Web, wéi mir et haut kennen. Interaktioun, den Zwee-Wee-Austausch a Schafung vun Daten. Nëmmen d'Muecht ass an den Hänn vu GAFAM (Google, Apple, Facebook, Amazon, Microsoft), mat engem Mëssbrauch vun der Benotzung vu perséinlechen Donnéeën.
Web 3.0 ass déi dezentraliséiert a fair Alternativ zum Web, an der Ära vu Blockchainen. Seng Philosophie ass de Räichtum besser ze verdeelen an dem Benotzer d'Kontroll iwwer seng Donnéeën ze ginn.

vum Site Azuki, en exzellent Beispill vu web3 UX / UI Design, deen déi nei Philosophie vun engem fairen a Gemeinschaftsbaséierten dezentraliséierte Web fördert.

# Déi nei Produkter / Servicer déi Web3 maachen

De Web3 gëtt erstallt duerch d'Entstoe vun neie Konzepter a Produkter, haaptsächlech finanziell an hiren Ufanks, awer geschwënn universell. Liesen : Ännerungen gemaach vun web3.

  • D'Blockchain Revolutioun. E Blockchain ass eng Datebank déi d'Geschicht vun den Austausch enthält, déi tëscht senge Benotzer zënter hirer Schafung duerchgefouert goufen. Et baséiert op engem kryptographesche Validatiounssystem. Haaptsächlech am Kontext vun cryptocurrency Austausch benotzt, a méi kierzlech NFT, déi bekanntst bleiwen Bitcoin an Ethereum (déi e grousst Universum vun dezentraliséierten Uwendungen (Dapps) hält).
  • Crypto-Währungen: Digital Währungen am Internet am Gebrauch, onofhängeg vu Bankennetzwierker a verbonne mat engem Verschlësselungssystem: Bitcoin (BTC), Ether (ETH), Cardano (ADA), Solana (SOL) ... Mir sinn natierlech Zeien vun engem staarken Entwécklung vun Krypto Handelsplattformen.
  • NFTs: Dëst sinn net-fungibel (net austauschbar) Tokens, déi an enger Blockchain registréiert sinn, déi et méiglech maachen eng digital Immobilie als authentesch an eenzegaarteg ze bezeechnen.
  • Ënnert de bekanntste NFT Plattformen sinn Opensee, Selten, oder SuperRar.
  • Notéiert datt et néideg ass Metamask installéiert ze hunn fir NFTs ze kafen. Wat ass MetaMask ? Et ass eng Browserverlängerung déi als cryptocurrency Portemonnaie op der Ethereum Blockchain funktionnéiert.Metaverse, VR/AR & Immersive Gaming: A metaverse is a fictional virtual world connected to the Internet and allowing a user to retour through virtual spaces and to exchange, share mat anere Benotzer. Haut gëtt et keen Metaverse, mee eng Rei vu Proto-Metaversen.
  • Et ass an der Welt vum Spill, datt dëst am meeschte entwéckelt, et ass scho méiglech Land an aner Objeten (Schëffer etc.) an Metaversen ze kafen op privat Siten gehost. De Metaverse gëtt virausgesot d'Gréisst vun engem Kontinent ze sinn an kéint bis 5000 bal 2030 Milliarden Dollar weien.
  • Notiz: d'Entstoe vun neie soziale Medien wéi z Desaccord. Kënschtlech Intelligenz: AI, oder Maschinn Léieren, ass nach net ze wäit verbreet am Web3, Mee mir bemierken d'Entstoe vun aussergewéinleche Produkter: DALL-E an ChatGP.
  • Et gëtt gesot datt NFTs vu statesche Biller op Artefakte mat intelligentem Verhalen goen.
    Dapps - dat sinn einfach Uwendungen, awer baséiert op der Blockchain an dofir dezentraliséiert.
    DAOs: En DAO ass eng Organisatioun, déi kollektiv vum Blockchain geréiert gëtt an un enger gemeinsamer Missioun schafft.

2 - D'Haapt UX Prinzipien fir dovun ze zéien

Wéi verwalten ech Interaktioune mam Blockchain a Benotzerreesen? Wéi abstrakt aus Komplexitéit fir eng glat Benotzererfarung ze bidden?

Ofhängeg vun der Natur vum Produkt dat entworf gëtt (Finanzen, Spill, NFT, etc.), wäert den Design net déiselwecht sinn. Awer mir kënne scho Guideprinzipien fannen, déi fir all dApps applicabel sinn.

  • DESIGNÉIERT FIR EN NEW MODEL REFLECT

Konzept vun Dezentraliséierung:

Web3 ass eng Revolutioun an der Aart a Weis wéi mir averstane sinn, baséiert op dezentraliséierte Protokoller, ouni Intermédiairen, a fir Wäert ze kreéieren an auszetauschen, verspriechend méi séier, méi bëlleg a méi transparent Transaktiounsveraarbechtung. Internet Benotzer sinn net méi gezwongen fir Tëschestatioun Siten ze benotzen a bezuelen, entweder mat Suen oder mat hiren Donnéeën.

Transformatioun vun der Notioun vu Schafung an Austausch vu Wäerter:

De Schëpfer ass am Zentrum vum Ökosystem, hie wäert d'Kontroll iwwer säin Inhalt / Daten an de Virdeel vu senger Monetariséierung behalen. Huelt d'Beispill vun Sound.xyz déi, dank NFTs, et erlaben, Kënschtler besser fir hir Kreatiounen ze bezuelen.

vum Site Sound.xyz, Beispill vun engem NFT-Projet fir Kënschtler besser ze belounen.

  • D'DEMOKRATISER TECHNOLOGIE DESIGNEN

Bedierfnes fir Vereinfachung vu komplexe Produkter:

D'Benotzer sinn nach ëmmer zimlech verluer an oninforméiert iwwer d'Arrivée vu Blockchainen an hir komplexe Produkter. Konfrontéiert mat all seng Méiglechkeeten vun der Evolutioun. Et wäert also néideg sinn ze designen andeems d'Vereinfachung, souguer d'Populariséierung, vun der Synthese vun Informatioun bréngt, déi blo Essenziell fir hir Handlung auszeféieren.

vum Site Blocknativ, en exzellent Beispill vun engem Versuch e komplext Konzept duerch Design ze vereinfachen, dee vu mempool..

Wa mir d'Massadoptioun vu Web3 Produkter wëllen, musse mir de Benotzer verständlech Interaktiounsmodeller ubidden, sou datt se se duerch Widderhuelung léiere kënnen (Bedierfnes fir hyperstrukturéiert Inhalt, thematesch a sengem Layout, loft, ganz einfach ze scannen, Faarfschema a Gradienten , super organiséiert a kloer Navigatioun a Megamenü, Gemeinschaftsgefill)

"Blochainiséierung" (= Alphabetiséierung) vun de Benotzer

Et ass gréisstendeels dem Designer seng Verantwortung fir nei mental Modeller ze kreéieren déi d'Leit normalerweis (nach) net hunn, fir dës nei Konzepter verdaubar / verständlech ze maachen. Wéi? Mat Synthese an Hëllefsmëttel zum Verständnis. Déi éischt ass also fir eis genuch an dëser neier Welt z'entdecken fir se ze verstoen an subtil z'erklären.

  • DESIGN FIR VERTROUWEN GENERÉIEREN

Transparenz:

Den Design muss déi néideg exzessiv Transparenz vun Daten an Transaktiounen berücksichtegen.

Gemeinschaft:

Web 3.0 ass gréisstendeels Gemeinschaftsinspiréiert. Dir musst dëse Sënn vu Behënnerung benotzen, aus dem Bild vun enger Plattform ofbriechen fir méi no un deem vun enger Gemeinschaft ze kommen.

UX als Sécherheetsprobleem:

Designers musse verstoen d'Sécherheetsgrenze vun der Blockchain Technologie, an denkt un d'Benotzersécherheet direkt vun der Designstadium (Erklärung vu Geforen).
Ze liesen: Déi 5 grouss Problemer vun der Blockchain, Usbek & Rica

3 - UI Design Trends (fir ze verfollegen oder erauszefuerderen)

E super Site fir Inspiratioun: d'DEEP WORK Studie Fäll

  •   Minimalismus - Et gëtt eng minimalistesch Approche fir Design an enger temporärer komplexer Welt! Awer dëst ass elegante Minimalismus (Opmierksamkeet op kleng, subtil Detailer).
  •   déi faarweg Gradienten. Déi berühmte "Aurora Gradienten". Dat fanne mir souguer an Tippfehler wéi um Cosmos Site. Gesinn Websäit    meshgradients.com fir Är Gradienten ze kreéieren.
  •   geometresch Formen. Geometresch Formen als Illustratiounen, déi d'Blocke vu Blockchainen widderhuelen an dofir d'Iddi vun der Dezentraliséierung, awer och vun enger verbonne globaler Gemeinschaft. Aroused Beispill vum Cosmos deen d'Planéiten fir dësen Zweck benotzt. Zum Beispill: Iron Fish

Nieft, et schéngt, datt et e Retour zu neo memphis zënter 2022 (80er Design). Kuckt dëst Basti UI Video.

  •   3D an Interaktivitéit - Mir sinn an der Ära vu VR / AR. Fir Ären 3D ze kreéieren, entdeckt dëst Tool: SPLINE. an och dëst Figma 3D Artwork Kit. Schéint Beispill vum Site Suen.
  •   Neo-brutalismus - Grouss Tippfeeler! ganz grouss Titelen, puer Ënnertitelen. Benotzerdefinéiert Schrëften. D'Philosophie ass och fir hiren Impakt op d'Ëmwelt ze reduzéieren.
  •   spilleresch a faarweg Designdetailer - Spaass a faarweg Detailer, an CTAs, an der Faarf vu bestëmmten Titelen oder am Hannergrond vun engem Block.
  •   claymorphism an dropshadows - Gebrauch vun dropshadow, ganz blurry iwwregens.
  •   Gitter a Rummen - Gitter a Lëschte vu Kaarten déi d'Liesbarkeet an d'Verständnis erliichteren. Besonnesch am Spill an NFTs, fir d'Verbesserung vun der Grafik ass déi eenzeg wichteg Saach.
  •   futuristesche Raum Themen - Beispill: Kosmos
  •   neien Ikon Design - Nei Ikon Design fir ganz attraktiv Landungssäiten
  •   Verständnishëllefen (Tooltips, Superorganisatioun, Minimum a wesentlech Informatioun)
  •   Glasmorphismus - Transparenz (Glaseffekt mat engem Blur am Hannergrond), Benotzung vu verschiddene Faarwen mat schwiewend Objeten, dënn a scharf Kontur, helle Faarwen. Follegt oder erausfuerdert dës Trends.

Als Schlussfolgerung, wann an hiren Ufanks d'Produkter vu Web3 vun technesche Profiler entworf goufen fir op technesch Problemer ze reagéieren, ass d'Iddi et en Internet fir d'Allgemengheet ze maachen, wärend seng Idealer behalen. Mir mussen also dës grouss Verantwortung an eiser Aarbecht als Designer iwwerhuelen, fir de Bedierfnesser vun der Populariséierung, Transparenz an Desintermediatioun gerecht ze ginn, a gläichzäiteg de Schwéierpunkt op de kreative Geescht ze setzen.

 

 

Séverine BAUDRAND, UX Designer @UX-Republic

 

Eis nächst Formatiounen