ความน่าเชื่อถือน้อยลง ความจริงมากขึ้น: แนวทางปฏิบัติและรูปแบบการออกแบบ Web3 ที่ดีที่สุด

นักพัฒนามีความฝันของอินเทอร์เน็ตใหม่ Web3 เป็นรูปแบบการกระจายอำนาจที่ให้ผู้ใช้เป็นเจ้าของแพลตฟอร์มและเนื้อหาที่พวกเขากำลังสร้างออนไลน์อย่างเต็มที่ แต่การพยายามปฏิวัติอินเทอร์เน็ตทำให้เกิดความท้าทายด้านการออกแบบหลายประการ ส่วนใหญ่แล้ว การสร้างอินเทอร์เฟซผู้ใช้ที่แก้ไขความสับสนและข้อกังวลด้านความปลอดภัยที่เกิดจากคุณลักษณะเฉพาะของ Web3

Web3 อธิบาย

เพื่อทำความเข้าใจ Web3 การทราบประวัติโดยย่อของอินเทอร์เน็ตมีประโยชน์:

• Web 1.0 ได้รับการกระจายอำนาจ หมายความว่าความเป็นเจ้าของและการควบคุมเนื้อหาและแพลตฟอร์มมีการกระจายไปยังบุคคลและธุรกิจจำนวนมาก
• Web 2.0 ซึ่งเป็นการทำซ้ำของอินเทอร์เน็ตในปัจจุบัน พัฒนาขึ้นจากบริษัทซอฟต์แวร์จำนวนน้อยที่มีแพลตฟอร์มที่ใช้งานง่าย เช่น Apple, Google, Facebook (ปัจจุบันคือ Meta) และ Twitter เมื่อผู้คนจำนวนมากขึ้นกลายเป็นครีเอเตอร์และผู้บริโภคที่กระตือรือร้นทางออนไลน์ เว็บจึงกลายเป็นศูนย์กลางมากขึ้น ซึ่งส่วนใหญ่เป็นเจ้าของและควบคุมโดยองค์กรเพียงไม่กี่แห่ง

ด้วย Web3 นักพัฒนาทำให้อินเทอร์เน็ตกระจายอำนาจอีกครั้ง การผูกขาดเทคโนโลยีจะไม่ครอบครองและควบคุมเนื้อหาและแพลตฟอร์มที่ผู้ใช้สร้างขึ้นอีกต่อไป Web3 ยังมีจุดมุ่งหมายเพื่อแก้ปัญหาความปลอดภัยและความเป็นส่วนตัวของอินเทอร์เน็ต

Web3 คือ:

• ไม่น่าเชื่อถือ: นักพัฒนา ผู้สร้างเนื้อหา และผู้ใช้อื่น ๆ ยังคงควบคุมวิธีการสร้างและบำรุงรักษาแพลตฟอร์ม Web3 และ DApps—แอปพลิเคชันแบบกระจายศูนย์—รวมถึงเนื้อหาที่สามารถโพสต์ได้ พวกเขาสามารถมองเห็นรหัสและวิธีการเรียกใช้บริการได้อย่างสมบูรณ์ สิ่งนี้ตรงกันข้ามกับเว็บ 2.0 ซึ่งองค์กรและรัฐบาลมีอำนาจควบคุมและผู้ใช้ไม่สามารถตรวจสอบข้อมูลได้อย่างอิสระเกี่ยวกับวิธีการพัฒนาและจัดการแอปพลิเคชัน
• ไม่ ได้รับอนุญาต: ผู้ใช้สามารถเข้าสู่แอป Web3 ใดๆ โดยไม่ได้รับอนุญาตจากบริษัทหรือหน่วยงานรัฐบาล พวกเขาลงชื่อเข้าใช้ด้วยกระเป๋าเงินดิจิตอลเข้ารหัสที่มีคีย์ส่วนตัว รหัสผ่านที่ใช้ในการเข้าถึงสกุลเงินดิจิทัล กระเป๋าเงินอาจเป็นฮาร์ดแวร์ที่คล้ายกับไดรฟ์ USB หรือแอปบนอุปกรณ์เคลื่อนที่ เช่น MetaMask และ TrustWallet
• กระจาย: อำนาจและการควบคุมผลิตภัณฑ์และบริการทางอินเทอร์เน็ตไม่ได้กระจุกตัวอยู่ในมือของนักลงทุนหรือซีอีโอ แต่กระจายอย่างเท่าเทียมกันในหมู่ผู้ใช้ ซึ่งได้รับส่วนแบ่งความเป็นเจ้าของจากการมีส่วนร่วมในการพัฒนาและบำรุงรักษาแพลตฟอร์ม Web3
• เปิด: Web3 ทำงานบนบล็อคเชน ซึ่งเก็บข้อมูลในแต่ละกลุ่ม เรียกว่าบล็อค เมื่อบล็อกเต็มไปด้วยข้อมูลแล้ว บล็อกนั้นจะเชื่อมโยงกับบล็อกก่อนหน้า ก่อตัวเป็นลูกโซ่ตามลำดับเวลา Blockchain เป็นบัญชีแยกประเภทเปิดที่ใช้กันมากที่สุดในการบันทึกธุรกรรมทางการเงิน

แอป Web3 จำนวนมากสร้างขึ้นโดยทีมเล็กๆ ซึ่งส่วนใหญ่ประกอบด้วยและนำโดยนักพัฒนา บางทีมเป็นอิสระ บริษัทอื่น ๆ ได้รับการว่าจ้างจากบริษัทต่างๆ รวมถึงตลาดซื้อขายหลักทรัพย์ NFT (โทเค็นที่ไม่สามารถเปลี่ยนได้) และการแลกเปลี่ยนคริปโต บ่อยครั้งที่นักพัฒนาซอฟต์แวร์จ้างนักออกแบบให้ทำงานเกี่ยวกับผลิตภัณฑ์ Web3 ในหลายกรณี นักออกแบบที่มีประสบการณ์ Web3 มาก่อนเป็นที่ต้องการมากกว่าเนื่องจากช่วงการเรียนรู้ที่สูงชันในพื้นที่ที่เปลี่ยนแปลงอย่างรวดเร็วนี้

กรณีการใช้งานและอุปสรรคต่อการขยายตัวของ Web3

Web3 ถูกครอบงำโดยแอปพลิเคชันทางการเงิน: สกุลเงินดิจิทัล การแลกเปลี่ยน crypto สำหรับการซื้อขาย (การแลกเปลี่ยนแบบกระจายอำนาจหรือ DEX) และ NFT ซึ่งใช้เพื่อแสดงถึงความเป็นเจ้าของรายการดิจิทัลหรือทางกายภาพที่ไม่ซ้ำใคร นอกจากนี้ การกระจายอำนาจทางการเงินหรือ DeFi ยังช่วยให้ผู้ใช้ข้ามธนาคารและเข้าถึงบริการทางการเงินแบบ peer-to-peer เช่น การยืม การให้ยืม การรับดอกเบี้ย และการซื้อขายสินทรัพย์

การขยาย Web3 ไปยังภาคอื่น ๆ ได้พิสูจน์แล้วว่ายาก ตัวอย่างเช่น ไม่มีทางที่จะบอกไซต์ Web3 ที่ถูกต้องจากการฉ้อโกง ซึ่งเป็นปัญหาที่ขยายใหญ่ขึ้นเนื่องจากผู้ใช้ต้องป้อนข้อมูลประจำตัวของกระเป๋าสตางค์เข้ารหัสลับเพื่อเข้าถึงแพลตฟอร์ม Web3 หากเว็บไซต์ Web3 เป็นการหลอกลวง ผู้ใช้ที่เข้าสู่เว็บไซต์อาจสูญเสียเงินทั้งหมด

ปัญหาอีกประการหนึ่งคือ blockchain ไม่อนุญาตให้อัปโหลดรูปภาพหรือวิดีโอ ผู้ใช้สามารถจัดเก็บสื่อบนเครือข่าย crypto เช่น Ethereum ได้ แต่มีราคาแพง

ในวิดีโอเกม Web3 NFT สามารถแสดงรูปแทนตัวของผู้เล่นและรายการที่ซื้อได้ แต่มักจะเป็นไปไม่ได้ที่จะโอนสินทรัพย์เหล่านี้ไปยังเกมหรือแอปอื่น ๆ ทำให้การลงทุนของผู้เล่นลดลงและขัดขวางพวกเขาจากการเล่นเกม Web3

สิ่งที่นักออกแบบต้องรู้

การใช้ประโยชน์จากรูปแบบ UI และหลักการออกแบบ UX ต่อไปนี้สามารถส่งเสริมการเติบโตของแพลตฟอร์ม Web3:

แจ้งข้อมูลที่ชัดเจนและครบถ้วน

แอป Web3 จำนวนมากเข้าใจผิดคิดว่าประสบการณ์ของผู้ใช้จำนวนมาก ในทางกลับกัน นักออกแบบควรชี้แจงความหมายของคุณลักษณะและการทำงานที่ไม่คุ้นเคยของ Web3 ตัวอย่างเช่น ก่อนฝากเงินคริปโตลงในกลุ่มสภาพคล่อง นักลงทุนรายใหม่จำเป็นต้องรู้ว่าเงินของพวกเขาอาจสูญเสียมูลค่า ซึ่งเป็นคำเตือนที่สามารถแสดงข้อความป๊อปอัปบนหน้าจอการฝากเงิน

กิจกรรมในแอป DeFi อยู่ภายใต้มาตรฐานที่เรียกว่าโปรโตคอล แอป DeFi ส่วนใหญ่ทำการตรวจสอบความปลอดภัยเป็นประจำและค้นหาคีย์ของเอกสาร รวมถึงช่องโหว่และปัญหาโค้ดและการแก้ไข นักออกแบบสามารถมั่นใจได้ว่าแอป DeFi จะแจ้งให้ผู้ใช้ทราบเมื่อมีรายงานการตรวจสอบใหม่ และสามารถช่วยให้การตรวจสอบเข้าใจง่ายขึ้นโดยการสรุปส่วนที่ซับซ้อนในข้อความที่ชัดเจน

ในทำนองเดียวกัน หลายคนอ่านเอกสารผลิตภัณฑ์ Web3 เพื่อทำความเข้าใจกลไกของโปรโตคอลและตัดสินใจอย่างชาญฉลาดเกี่ยวกับการใช้แอปพลิเคชัน เนื้อหานี้ส่วนใหญ่ประกอบด้วยศัพท์แสงทางเทคนิคที่เข้าใจยาก

ที่นี่อีกครั้ง ผู้ออกแบบสามารถรับรองเนื้อหาที่เป็นมิตรกับผู้ใช้โดยให้บทสรุปการสนทนาที่จุดเริ่มต้นของส่วนเอกสาร พร้อมด้วยลิงก์ไปยังเนื้อหาทางเทคนิคเพิ่มเติม อภิธานศัพท์ป๊อปอัปสามารถฝังเป็นไอคอนลิงก์ในข้อความ ทำให้ผู้ใช้สามารถเรียนรู้ความหมายของคำศัพท์ต่างๆ ได้ด้วยการคลิกเมาส์หรือแตะด้วยนิ้ว และสามารถแยกสำเนาด้วยรูปภาพที่แสดงแนวคิด Web3 ที่สำคัญได้

ใช้สกุลเงินที่คุ้นเคยในการสื่อสารอัตราแลกเปลี่ยน

เนื่องจาก cryptocurrencies เช่น bitcoin ได้รับความนิยมมากขึ้นและราคาของพวกเขาผันผวน การติดตามว่ามีมูลค่าเท่าใดจึงเป็นเรื่องยาก ในกระเป๋าเงินดิจิทัลและแอพอีคอมเมิร์ซที่มีการซื้อ ขาย และแลกเปลี่ยนโทเค็นเหล่านี้สำหรับสินทรัพย์ เช่น NFT นักออกแบบควรแสดงให้ผู้ใช้เห็นการแปลงราคาจาก crypto เป็นสกุลเงินท้องถิ่นของพวกเขา และหลีกเลี่ยงการใช้ตำแหน่งทศนิยมมากกว่าสองสามตำแหน่ง

ทำให้กระเป๋าเงินและธุรกรรมแฮชอ่านง่าย

โดยค่าเริ่มต้น แต่ละที่อยู่ในบล็อคเชนจะมีอักขระยาวถึง 42 ตัว ซึ่งรู้จักกันในชื่อ ID หรือแฮช เวลาส่งเงินคนต้องเช็คทั้งสาย เกิดข้อผิดพลาดได้ง่ายและมีเดิมพันสูง: ธุรกรรมบล็อคเชนทั้งหมดถือเป็นที่สิ้นสุด หากทรัพย์สินถูกส่งไปยังที่อยู่กระเป๋าเงินไม่ถูกต้อง ไม่มีทางที่จะกู้คืนได้ ที่บริษัทการลงทุนที่ฉันทำงาน เราเป็นนายหน้าซื้อขาย ICO (การเสนอเหรียญเริ่มต้น) ส่งการโอนเงินจำนวนมากไปยังธุรกิจที่เข้าร่วม และเรามีคน หก คนตรวจสอบที่อยู่กระเป๋าเงินของผู้รับทุกครั้ง

Ethereum Name Service (ENS) ช่วยให้ผู้คนเปลี่ยนแฮชของพวกเขาเป็นสิ่งที่อ่านและจดจำได้ง่ายขึ้น เช่น ชื่อของพวกเขา บวก . .eth อย่างไรก็ตาม ไม่ใช่ทุกคนที่ใช้ ENS เพราะมีค่าใช้จ่ายสูง

นักออกแบบ Web3 UX สามารถทำให้การทำธุรกรรมเครียดน้อยลงโดยแสดงเพียงอักขระสี่ตัวแรกและสี่ตัวสุดท้ายของแฮชเพื่อให้ผู้ใช้ตรวจสอบโดยไม่ต้องตรวจสอบสตริงทั้งหมด นักออกแบบยังสามารถสร้างข้อกำหนดให้ผู้ใช้ตรวจสอบแฮชซ้ำก่อนทำธุรกรรมใดๆ ได้ และสามารถใส่โลโก้ระบุที่อยู่ถัดจากที่อยู่ผู้รับแต่ละราย การตรวจสอบชั้นพิเศษเหล่านี้ควรมาพร้อมกับการเตือนว่าการส่งทรัพย์สินไปยังที่อยู่ที่ไม่ถูกต้องจะส่งผลให้สูญเสียเงินทั้งหมด

ชี้แจงเวลารอการทำธุรกรรม

เมื่อโอนเงินออนไลน์ผ่านธนาคาร คุณจะได้รับการอัปเดตสถานะหรือการยืนยันทันทีว่าธุรกรรมนั้นผ่าน สิ่งนี้ไม่เป็นเช่นนั้นกับ Web3 DEX เวลาดำเนินการขั้นต่ำสำหรับธุรกรรมบล็อคเชนคือประมาณสามนาที—แต่ฉันต้องรอนานถึงสองชั่วโมง ฉันใช้เทคโนโลยีนี้มาหกปีแล้ว และยังคงตื่นตระหนกเมื่อเงินออกจากกระเป๋าเงินของฉัน และไม่ได้รับการยืนยันการจัดส่งที่ตรงเวลา

DEX เพิ่มเติมควรแสดงสถานะการทำธุรกรรมผ่านข้อความหรือภาพเคลื่อนไหว ในแถบสถานะหรือการแจ้งเตือน หากไม่สามารถแสดงการอัปเดตใน UI ได้ การให้ลิงก์ไปยังตัวสำรวจบล็อกแบบโอเพนซอร์ส เช่น Etherscan บน Ethereum เป็นทางเลือกที่ดี

ใช้ปุ่ม "ส่งสูงสุด"

Bitcoin, ether และ cryptocurrencies อื่น ๆ มักแสดงเป็นทศนิยมหลายตำแหน่ง เช่น 0.0000085191 เป็นการยากที่จะพิมพ์จำนวนเงินทั้งหมดอย่างถูกต้องและมีประสิทธิภาพเมื่อส่งเงินไปยังบุคคลหรือธุรกิจเพื่อซื้อสินทรัพย์ เช่น NFT หรือเมื่อฝากเงินเข้าในสัญญาอัจฉริยะ ฉันแนะนำให้นักออกแบบสร้างปุ่ม "ส่งสูงสุด" ในแอปพลิเคชัน ทำให้ผู้ใช้สามารถโอนยอดคงเหลือในกระเป๋าเงินทั้งหมดไปยังที่อยู่อื่นได้ด้วยคลิกเดียว

สะดวกเมื่อยอดเงินในกระเป๋าเงินของบุคคลเท่ากับหรือสูงกว่าจำนวนเงินที่ต้องโอนเล็กน้อย ผู้ใช้บางคนมีหลายกระเป๋าเงิน ซึ่งเพิ่มโอกาสที่เหตุการณ์เหล่านี้จะเกิดขึ้น พวกเขาสามารถส่งยอดคงเหลือทั้งหมดได้ และฟังก์ชันจะแปลงเป็น bitcoin หรือ ether โดยอัตโนมัติ คุณลักษณะนี้จะไม่ดำเนินการบัญชีใดๆ เมื่อยอดคงเหลือในกระเป๋าสตางค์มากกว่ายอดค้างชำระ ดังนั้นนักออกแบบจึงควรมีกล่องโต้ตอบการยืนยันเพื่อให้แน่ใจว่าผู้ใช้ไม่ได้ส่งเกินที่ตั้งใจไว้โดยไม่ได้ตั้งใจ

อธิบายว่าราคาก๊าซทำงานอย่างไร

Gas น่าจะเป็นสิ่งที่น่ารำคาญและสับสนที่สุดใน Web3 โดยเฉพาะอย่างยิ่งสำหรับผู้ที่เพิ่งเริ่มใช้ crypto ราคาก๊าซเป็นค่าใช้จ่ายเพิ่มเติมที่ผู้ใช้จ่ายเพื่อให้ครอบคลุมค่าใช้จ่ายของกำลังประมวลผลที่จำเป็นในการประมวลผลธุรกรรม ผู้ใช้สามารถเลือกที่จะจ่ายค่าธรรมเนียมที่สูงขึ้นเพื่อเพิ่มความเร็วในการโอน

นักออกแบบจำเป็นต้องอธิบายว่าก๊าซคืออะไรและทำงานอย่างไร หากเป็นไปได้ พวกเขาควรแสดงราคาก๊าซในสกุลเงิน fiat ดั้งเดิมซึ่งพบบ่อยที่สุดในหมู่ผู้ใช้ (โดยปกติคือ USD) นักออกแบบยังสามารถแนะนำการผสมผสานระหว่างราคาน้ำมันและความเร็วในการถ่ายโอนที่ได้ หากธุรกรรมหยุดชะงักหรือล้มเหลวเนื่องจากการจ่ายก๊าซต่ำ นักออกแบบควรอนุญาตให้ผู้ใช้จ่ายค่าธรรมเนียมที่สูงขึ้นเพื่อเร่งการโอน

ทำให้ประวัติการทำธุรกรรมของผู้ใช้สามารถเข้าถึงได้ง่าย

เว็บไซต์อีคอมเมิร์ซแบบรวมศูนย์เกือบทั้งหมด (web 2.0) อนุญาตให้ผู้ใช้ตรวจสอบประวัติการซื้อที่ครอบคลุมได้ เป็นการยากที่จะเข้าถึงบันทึกดังกล่าวในการแลกเปลี่ยนแบบกระจายอำนาจ: Wallets ให้ประวัติการทำธุรกรรม แต่สำหรับบัญชีเดียวเท่านั้นในแต่ละครั้ง และการกรองโดย DApps นั้นยากหรือเป็นไปไม่ได้ ในการรับประวัติที่มีอยู่บนแพลตฟอร์มแบบรวมศูนย์ ผู้ใช้ Web3 จะต้องไปที่ Block explorer เช่น Etherscan ซึ่งไม่เป็นมิตรกับผู้ใช้และทำให้ยากต่อการค้นหาธุรกรรมเฉพาะ

นักออกแบบ Web3 ควรให้วิธีง่ายๆ แก่ผู้คนในการตรวจสอบธุรกรรมออนไลน์ที่พวกเขาทำภายใน DApps แต่ละรายการ ควรวางไว้ในตำแหน่งที่หาง่าย เช่น แผงด้านข้างหรือเมนู อีกทางเลือกหนึ่งคือการสร้างโหมด "chain-view" ที่เปิดใช้งานโดยปุ่ม: เมื่อคลิกแล้วจะวางตัวกรองไว้เหนือ UI ทั้งหมด ซึ่งระบุเนื้อหาทั้งหมดภายใน DApp ที่จัดเก็บไว้ใน blockchain รวมถึงประวัติการทำธุรกรรม . นอกจากนี้ยังเป็นประโยชน์ที่จะให้ผู้ใช้กรองและส่งออกบันทึกธุรกรรมของตนได้อย่างง่ายดาย

เปิดใช้งานการจัดการคีย์ส่วนตัวที่ง่ายดาย

คีย์ส่วนตัวที่อนุญาตให้ผู้ใช้เข้าถึงกระเป๋าเงินดิจิทัลนั้นไม่สามารถจัดเก็บได้ง่าย บางครั้งผู้คนลืมสำรองข้อมูลหรือไม่รู้ว่าต้องทำอย่างไร คีย์เหล่านี้ไม่สามารถกู้คืนได้เมื่อสูญหาย: ไม่มีตัวเลือก "รีเซ็ตรหัสผ่าน" นักออกแบบสามารถแก้ปัญหานี้ได้โดยทำตามตัวอย่างของ MetaMask และให้วลีเมล็ดพันธุ์แก่ผู้ใช้แต่ละคน ซึ่งเป็นชุดคำที่สามารถใช้ปลดล็อกกระเป๋าสตางค์ของตนได้

นักออกแบบยังต้องเตือนผู้ใช้ด้วยว่าเงินของพวกเขาจะไม่สามารถเข้าถึงได้และเสี่ยงต่อการถูกโจรกรรมหากพวกเขาทำกุญแจส่วนตัวหรือวลีเริ่มต้นหาย ข้อความดังกล่าวควรปรากฏขึ้นในแอพกระเป๋าเงินของผู้ใช้ อันดับแรกเป็นการแจ้งเตือนเมื่อตั้งค่ากระเป๋าเงิน จากนั้นเป็นการเตือนซ้ำตามกำหนดการที่กำหนดไว้ล่วงหน้า

ประเด็นที่สำคัญ

เพื่อให้ Web3 ได้รับความนิยมและขยายไปไกลกว่ากระเป๋าเงินดิจิทัลและแพลตฟอร์มทางการเงิน นักออกแบบจำเป็นต้องทำให้แอป Web3 มีความสอดคล้องและใช้งานง่ายยิ่งขึ้น พวกเขายังต้องให้การศึกษาแก่ผู้ใช้ที่ตรงไปตรงมามากขึ้น เพื่อช่วยให้ผู้มาใหม่คุ้นเคยกับคุณลักษณะใหม่และการโต้ตอบที่พบบนแพลตฟอร์ม Web3

การทำให้ DApps รู้สึกปลอดภัยต้องมีความสำคัญสูงเช่นกัน เป็นไปไม่ได้ที่จะควบคุมลักษณะที่ไม่น่าเชื่อถือและไม่มีการอนุญาตของ Web3 แต่นักออกแบบสามารถคาดเดาสิ่งที่อาจผิดพลาดและช่วยป้องกันเหตุการณ์เหล่านั้นได้ คำเตือนที่โปร่งใสมากขึ้นเกี่ยวกับความเสี่ยงจะช่วยบรรเทาความกังวลของผู้คนและโน้มน้าวให้พวกเขายอมรับ Web3

อ่านเพิ่มเติมในบล็อก Toptal:

วิธีการออกแบบเพื่อความไว้วางใจสูงสุดในผลิตภัณฑ์

เพิ่ม UX ของคุณด้วยหลักการออกแบบการโต้ตอบที่ประสบความสำเร็จเหล่านี้

ข้อดีของ Webflow สำหรับการออกแบบเว็บแบบไม่มีโค้ด: กรณีศึกษา