Daha Az Güven, Daha Fazla Gerçek: Web3 Tasarım En İyi Uygulamaları ve Kalıpları

Yayınlanan: 2022-07-22

Geliştiricilerin yeni bir internet hayali var. Web3, kullanıcılara çevrimiçi olarak oluşturdukları platformların ve içeriğin tam sahipliğini veren merkezi olmayan bir modeldir. Ancak internette devrim yaratmaya çalışmak birden fazla tasarım zorluğu sunar - başlıca, Web3'ün farklı özelliklerinin neden olduğu kafa karışıklığını ve güvenlik endişelerini çözen kullanıcı arayüzleri oluşturmak.

Web3 Açıklaması

Web3'ü anlamak için internetin kısa bir tarihini bilmek faydalı olacaktır:

  • Web 1.0 ademi merkeziyetçiydi, yani içerik ve platformların sahipliği ve kontrolü birçok kişi ve işletme arasında dağıtıldı.
  • İnternetin mevcut yinelemesi olan Web 2.0, Apple, Google, Facebook (şimdi Meta) ve Twitter gibi kullanıcı dostu platformlara sahip az sayıda yazılım şirketi sayesinde gelişti. Daha fazla insan çevrimiçi olarak aktif yaratıcılar ve tüketiciler haline geldikçe, web daha merkezileşti, büyük ölçüde birkaç şirket tarafından sahiplenildi ve kontrol edildi.

Web3 ile geliştiriciler interneti yeniden merkezsiz hale getiriyor. Teknoloji tekelleri artık kullanıcıların oluşturduğu içerik ve platformlara sahip olmayacak. Web3 ayrıca internetin güvenlik ve mahremiyet sorunlarını çözmeyi amaçlar.

Web3:

  • Güvensiz: Geliştiriciler, içerik oluşturucular ve diğer kullanıcılar, Web3 platformlarının ve DApp'lerin (merkezi olmayan uygulamaların) oluşturulma ve sürdürülme şeklinin yanı sıra hangi içeriğin yayınlanabileceği üzerinde kontrolü elinde tutar. Kod ve hizmetlerin çalışma şekli hakkında tam görünürlükleri vardır. Bu, şirketlerin ve hükümetlerin kontrole sahip olduğu ve kullanıcıların uygulamaların nasıl geliştirildiği ve yönetildiğine ilişkin bilgileri bağımsız olarak doğrulayamadığı web 2.0'ın aksine.
  • İzinsiz : Kullanıcılar herhangi bir Web3 uygulamasına bir şirket veya devlet kurumundan izin almadan girebilir. Özel anahtarlarını, dijital para birimlerine erişmek için kullandıkları şifreleri tutan dijital kripto cüzdanlarıyla oturum açarlar. Cüzdanlar, USB sürücülere benzer donanımlar veya MetaMask ve TrustWallet gibi mobil uygulamalar olabilir.
  • Dağıtılmış: İnternet ürünleri ve hizmetleri üzerindeki güç ve kontrol, yatırımcıların veya CEO'ların elinde yoğunlaşmaz, Web3 platformlarının geliştirilmesine ve bakımına katkılarına dayalı olarak sahiplik hissesi kazanan kullanıcılar arasında adil bir şekilde dağıtılır.
  • Açık: Web3, verileri bloklar olarak bilinen bireysel gruplarda depolayan blok zinciri üzerinde çalışır. Bir blok bilgi ile dolduğunda, bir öncekine bağlanır ve kronolojik sırayla bir zincir oluşturur. Blockchain, finansal işlemleri kaydetmek için en yaygın olarak kullanılan açık bir defterdir.

Çoğu Web3 uygulaması, büyük ölçüde geliştiricilerden oluşan ve geliştiriciler tarafından yönetilen küçük ekipler tarafından oluşturulur. Bazı takımlar bağımsızdır; diğerleri, NFT (karşılaştırılamaz token) pazar yerleri ve kripto borsaları dahil olmak üzere şirketler tarafından istihdam edilmektedir. Çoğu zaman, Web3 ürünleri üzerinde çalışmak üzere tasarımcıları işe alan geliştiricilerdir. Çoğu durumda, bu hızla değişen alandaki dik öğrenme eğrisi nedeniyle önceden Web3 deneyimine sahip tasarımcılar tercih edilir.

Web3 Kullanım Durumları ve Genişlemenin Önündeki Engeller

Web3'e finansal uygulamalar hakimdir: kripto para birimi, ticaret için kripto borsaları (merkezi olmayan borsalar veya DEX'ler) ve benzersiz dijital veya fiziksel öğelerin sahipliğini belirtmek için kullanılan NFT'ler. Ek olarak, merkezi olmayan finans veya DeFi, kullanıcıların bankaları atlamasına ve borçlanma, borç verme, faiz kazanma ve varlık alım satımı gibi eşler arası finansal hizmetlere erişmesine olanak tanır.

Web3'ü diğer sektörlere genişletmek zor oldu. Örneğin, meşru bir Web3 sitesini dolandırıcılıktan ayırt etmenin bir yolu yoktur; bu sorun, kullanıcıların Web3 platformlarına erişmek için kripto cüzdan kimlik bilgilerini girmeleri gerektiğinden büyüyen bir sorundur. Bir Web3 sitesi dolandırıcıysa, giren herhangi bir kullanıcı potansiyel olarak tüm parasını kaybedebilir.

Diğer bir sorun da blockchain'in resim veya video yüklemeye izin vermemesidir. Kullanıcılar medyayı Ethereum gibi kripto ağlarında depolayabilir, ancak bu pahalıdır.

Web3 video oyunlarında, NFT'ler oyuncuların avatarlarını ve satın alınan öğeleri temsil edebilir - ancak bu varlıkları diğer oyunlara veya uygulamalara aktarmak genellikle imkansızdır, bu da oyuncuların yatırımlarını azaltır ve onları Web3 oyunlarından caydırır.

Tasarımcıların Bilmesi Gerekenler

Aşağıdaki UI kalıplarından ve UX tasarım ilkelerinden yararlanmak, Web3 platformlarının büyümesini daha da ileriye götürebilir:

Açık İstemler ve Eksiksiz Bilgiler Sunun

Pek çok Web3 uygulaması, yanlışlıkla kullanıcılardan önemli bir deneyime sahip olduğunu varsayıyor. Bunun yerine, tasarımcılar Web3'ün alışılmadık özelliklerinin ve eylemlerinin sonuçlarını netleştirmelidir. Örneğin, bir likidite havuzuna kripto para yatırmadan önce, yeni yatırımcıların paralarının değer kaybedebileceğini bilmeleri gerekir; bu, para yatırma ekranında bir açılır mesajla iletilebilecek bir uyarıdır.

DeFi uygulamalarındaki etkinlikler, protokoller olarak bilinen standartlarla yönetilir. Çoğu DeFi uygulaması, düzenli güvenlik denetimleri gerçekleştirir ve güvenlik açıkları, kod sorunları ve düzeltmeler dahil olmak üzere önemli bulguları belgeler. Tasarımcılar, yeni denetim raporları mevcut olduğunda DeFi uygulamalarının kullanıcıları bilgilendirmesini sağlayabilir ve karmaşık bölümleri açık metin olarak özetleyerek denetimlerin daha kolay anlaşılmasına yardımcı olabilir.

Benzer şekilde, birçok kişi protokollerin mekaniğini anlamak ve bir uygulamanın kullanımı hakkında bilinçli kararlar vermek için Web3 ürün belgelerini okur. Bu malzemenin çoğu, anlaşılması zor olan teknik jargondan oluşuyor.

Burada yine tasarımcılar, daha teknik içeriğe bağlantılar ile birlikte dokümantasyon bölümlerinin başında konuşma özetleri sağlayarak kullanıcı dostu içerik sağlayabilirler. Açılır sözlükler, metne bağlantı simgeleri olarak yerleştirilebilir ve kullanıcıların bir fare tıklaması veya parmak dokunuşuyla terimlerin anlamlarını öğrenmelerini sağlar. Ve kopya, önemli Web3 kavramlarını gösteren resimlerle bölünebilir.

Döviz Kurlarını Bildirmek için Tanıdık Para Birimlerini Kullanın

Bitcoin gibi kripto para birimleri daha popüler hale geldikçe ve fiyatları dalgalandıkça, ne kadar değerli olduklarını takip etmek zor olabilir. Bu belirteçlerin NFT'ler gibi varlıklar için alınıp satıldığı ve alınıp satıldığı dijital cüzdanlarda ve e-ticaret uygulamalarında, tasarımcılar kullanıcılara kriptodan yerel para birimlerine fiyat dönüşümlerini göstermeli ve birkaç ondalık basamaktan fazlasını kullanmaktan kaçınmalıdır.

Cüzdan ve İşlem Karmalarını Kolayca Okunabilir Hale Getirin

Varsayılan olarak, blok zincirindeki her adres, kimlik veya karma olarak bilinen 42'ye kadar uzun bir karakter dizisidir. Para gönderirken, insanlar tüm diziyi kontrol etmelidir. Hata yapmak kolaydır ve riskler yüksektir: Tüm blok zinciri işlemleri kesindir. Varlıklar yanlış cüzdan adresine gönderilirse, onları kurtarmanın bir yolu yoktur. Çalıştığım bir yatırım şirketinde ICO (ilk madeni para teklifi) anlaşmalarına aracılık ettik, katılımcı işletmelere büyük transferler gönderdik ve her seferinde alıcı cüzdan adresini kontrol eden altı kişimiz vardı.

Ethereum Ad Hizmeti (ENS), insanların karmalarını adları ve .eth gibi okunması ve hatırlanması daha kolay bir şeye dönüştürmelerini sağlar. Ancak, pahalı olduğu için herkes ENS kullanmaz.

Web3 UX tasarımcıları, kullanıcıların tüm dizeyi kontrol etmeden doğrulamasını sağlamak için karmanın yalnızca ilk ve son dört karakterini göstererek işlemleri daha az stresli hale getirebilir. Tasarımcılar ayrıca, kullanıcıların herhangi bir işlemden önce karmaları iki kez kontrol etmeleri için bir gereklilik oluşturabilir ve her alıcı adresinin yanına tanımlayıcı bir logo ekleyebilirler. Bu ekstra doğrulama katmanlarına, varlıkları yanlış adrese göndermenin tamamen fon kaybına yol açacağını hatırlatan bir hatırlatma eşlik etmelidir.

İşlem Bekleme Sürelerini Netleştirin

Bir banka aracılığıyla çevrimiçi olarak para aktarırken, hemen bir durum güncellemesi veya işlemin gerçekleştiğine dair bir onay alırsınız. Bu, Web3 DEX'lerde böyle değildir. Blok zinciri işlemleri için minimum işlem süresi yaklaşık üç dakikadır - ancak iki saat kadar beklemek zorunda kaldım. Altı yıldır bu teknolojiyi kullanıyorum ve para cüzdanımdan çıktığında ve zamanında teslimat onayı almadığımda hala panikliyorum.

Daha fazla DEX, durum çubuğunda veya bildirimlerde metin veya animasyonlar yoluyla işlem durumunu göstermelidir. Güncellemeleri kullanıcı arayüzünde göstermek mümkün değilse, açık kaynaklı blok gezginine (Etherscan on Ethereum gibi) bir bağlantı sağlamak iyi bir alternatiftir.

Ekran görüntüsü, Ethereum ağında barındırılan bir kripto para birimi olan Tether (USDT) depozitosu bildirimini gösterir. "Depozitonuz tahmini süre içinde gelmezse, Para Yatırma Kendi Kendine Yardım ile ilerlemeyi kontrol edin" yazan bir mesaj ve bir bağlantı sağlar. Ortalama varış süresinin üç dakika olduğunu ve madeni paraların 12 ağ onayından sonra yatırılacağını belirten bir metin de var. Ek olarak, kullanıcının mevcut 0 USDT bakiyesi gösterilir.
Ethereum ağında kripto para birimi Tether'in (USDT) yatırıldığına dair bir bildirim. Kullanıcıların rahatını ve güvenini artırmak için daha fazla Web3 alışverişinin işlem durumunu ve ortalama teslimat süresini görüntülemesi gerekir. (Kaynak: Shetcoiner.com)

Bir "Maks Gönder" Düğmesi Uygulayın

Bitcoin, eter ve diğer kripto para birimleri genellikle birçok ondalık basamakta ifade edilir, örneğin 0.0000085191. NFT gibi bir varlık satın almak için bir bireye veya işletmeye para gönderirken veya akıllı bir sözleşmeye para yatırırken toplam tutarı doğru ve verimli bir şekilde yazmak zordur. Tasarımcılara, uygulamalarda kullanıcıların tüm cüzdan bakiyelerini tek bir tıklamayla başka bir adrese aktarmalarını sağlayan bir “Maks Gönder” düğmesi oluşturmalarını öneririm.

Bu, bir kişinin cüzdanının bakiyesi, aktarması gereken miktara eşit veya biraz daha yüksek olduğunda uygundur; bazı kullanıcıların birden fazla cüzdanı vardır, bu da bu durumların olasılığını artırır. Tam bakiyeyi gönderebilirler ve işlev bunu otomatik olarak bitcoin veya ethere dönüştürür. Bu özellik, cüzdan bakiyesi toplam vadesinden büyük olduğunda herhangi bir hesaplama yapmaz, bu nedenle tasarımcıların, kullanıcıların yanlışlıkla niyet ettiklerinden daha fazlasını göndermemesini sağlamak için bir onay iletişim kutusu eklemelidir.

Gaz Fiyatlarının Nasıl Çalıştığını Açıklayın

Gaz, muhtemelen Web3'teki en sinir bozucu ve kafa karıştırıcı şeydir, özellikle de kriptoya yeni başlayan biri için. Gaz fiyatları, kullanıcıların işlemleri gerçekleştirmek için gereken bilgi işlem gücünün maliyetini karşılamak için ödediği ekstra ücretlerdir. Kullanıcılar, transferleri hızlandırmak için daha yüksek ücretler ödemeyi tercih edebilir.

Tasarımcıların gazın ne olduğunu ve nasıl çalıştığını açıklamaları gerekiyor. Mümkünse, gaz fiyatını kullanıcılar arasında en yaygın olan yerel itibari para biriminde (genellikle USD) göstermelidirler. Tasarımcılar ayrıca uygun bir gaz fiyatı kombinasyonu ve bunun sonucunda ortaya çıkan aktarım hızı önerebilir; Düşük gaz ödemeleri nedeniyle işlemler durur veya başarısız olursa, tasarımcılar kullanıcıların transferleri hızlandırmak için daha yüksek ücretler ödemesine izin vermelidir.

Kullanıcıların İşlem Geçmişlerini Kolayca Erişilebilir Hale Getirin

Hemen hemen tüm merkezi e-ticaret web siteleri (web 2.0), kullanıcıların kapsamlı satın alma geçmişlerini kontrol etmelerine izin verir. Merkezi olmayan bir borsada böyle bir kayda erişmek zordur: Cüzdanlar bir işlem geçmişi sağlar, ancak bir seferde yalnızca bir hesap için ve DApp'lere göre filtrelemek zor veya imkansızdır. Merkezi bir platformda mevcut türde bir geçmiş elde etmek için Web3 kullanıcıları, Etherscan gibi kullanıcı dostu olmayan ve belirli bir işlemi bulmayı zorlaştıran bir blok gezginine gitmelidir.

Web3 tasarımcıları, insanlara bireysel DApp'lerde yaptıkları zincir üstü işlemleri gözden geçirmeleri için basit bir yol sağlamalıdır. Bu, yan panel veya menü gibi bulunması kolay bir yere yerleştirilmelidir. Başka bir seçenek, bir düğme ile etkinleştirilen bir "zincirleme görünüm" modu oluşturmak olabilir: Bir kez tıklandığında, tüm kullanıcı arayüzüne bir filtre yerleştirir ve DApp içindeki blok zincirinde depolanan tüm içeriği (işlem geçmişi de dahil olmak üzere) gösterir. . Kullanıcıların işlem kayıtlarını kolayca filtrelemelerine ve dışa aktarmalarına izin vermek de yararlı olacaktır.

Ekran görüntüsü, Ethereum ağındaki merkezi olmayan bir değişim olan Zerion'daki bir kullanıcının işlem geçmişinin bir bölümünü görüntüler. İki kripto para birimi mevduatı --- BitTorrent ve eter --- sakızlı bir ayı NFT'sinin alınmasıyla birlikte gösterilir. Ek olarak, resimde 15.023,99 $ bakiyesinin yanı sıra gaz fiyatları, para birimi dönüştürme ve kripto alımları için seçenekler gösterilmektedir. Bir yan menü, geçmişin genel bakış, yatırımlar, transferler, NFT'ler ve diğer seçenekler kadar kolay erişilebilir olduğunu gösterir.
Ethereum ağında barındırılan DeFi platformu Zerion'daki bir kullanıcının işlem geçmişi. Tasarımcılar, bu kayıtlara erişmeyi, filtrelemeyi ve dışa aktarmayı kolaylaştırarak çok sayıda Web3 uygulamasının kullanıcı arayüzünü iyileştirebilir. (Kaynak: Zerion)

Kolay, Özel Anahtar Yönetimini Etkinleştirin

Kullanıcıların dijital cüzdanlarına erişmelerini sağlayan özel anahtarların saklanması kolay değildir. İnsanlar bazen onları yedeklemeyi unuturlar veya nasıl yapacaklarını bilemezler. Bu anahtarlar kaybedildiğinde geri alınamaz: “Şifreyi sıfırla” seçeneği yoktur. Tasarımcılar bu sorunu MetaMask örneğini izleyerek ve her kullanıcıya cüzdanlarının kilidini açmak için kullanılabilecek bir dizi kelime olan bir tohum cümlesi sağlayarak çözebilir.

Tasarımcıların ayrıca, özel anahtarlarını veya tohum sözcüklerini kaybetmeleri durumunda fonlarının erişilemez ve hırsızlığa karşı savunmasız olacağı konusunda kullanıcıları uyarması gerekir. Böyle bir mesaj, önce cüzdanı kurarken bir bildirim olarak ve daha sonra önceden ayarlanmış bir programda yinelenen bir hatırlatıcı olarak kullanıcının cüzdan uygulamasında açılmalıdır.

Önemli Çıkarımlar

Web3'ün popülaritesinin artması ve dijital cüzdanların ve finansal platformların ötesine geçmesi için tasarımcıların Web3 uygulamalarını daha tutarlı ve sezgisel hale getirmesi gerekiyor. Ayrıca, yeni gelenleri Web3 platformlarında bulunan yeni özellikler ve etkileşimlerle tanıştırmaya yardımcı olmak için daha basit kullanıcı eğitimi sağlamalıdırlar.

DApp'leri güvende hissettirmek de yüksek bir öncelik olmalıdır. Web3'ün güvenilmez, izinsiz doğasını kontrol etmek imkansızdır, ancak tasarımcılar neyin yanlış gidebileceğini tahmin edebilir ve bu oluşumları önlemeye yardımcı olabilir. Riskler hakkında daha şeffaf uyarılar, insanların endişelerini yatıştırmak ve onları Web3'ü benimsemeye ikna etmek için uzun bir yol kat edecektir.

Toptal Blog'da Daha Fazla Okuma:

Maksimum Ürün Güveni İçin Nasıl Tasarım Yapılır?

Bu Başarılı Etkileşim Tasarım İlkeleri ile UX'inizi Güçlendirin

Kodsuz Web Tasarımı için Web Akışı Avantajları: Bir Vaka Çalışması