Как да проектираме ориентирани към потребителя Web3 приложения (DApps): съвети и трикове

В бавното, но сигурно преминаване от Web2 към Web3 , децентрализираните приложения (dApps) обещават да бъдат стъпка напред спрямо своите Web2 колеги с по-голямо овластяване на потребителите и собственост върху данните.

Независимо от това, традиционните принципи на UX/UI (т.е. последователни елементи на интерфейса, плавно навлизане на потребителя, кратък език) все още имат стойност; от друга страна, има уникални предизвикателства, пред които са изправени UX/UI дизайнерите и разработчиците, които се стремят да създадат ангажиращи потребителски изживявания в dApps.

Всъщност статистиката показва, че само 25% от потребителите на Web3 се чувстват уверени в използването на децентрализирани приложения.

Потребителите очакват повече автономия, изисквайки интуитивни интерфейси, които им позволяват да навигират сложни Web3 концепции и мрежи без усилие.

Web3 разработчиците често изискват тясно сътрудничество с дизайнерите, за да реализират своите творения; децентрализираната природа на Web3 ги приканва да преосмислят променливите на човешкото поведение, като фактора на доверие, като се има предвид, че dApps вече не разчитат на посредници и централизирани агенции.

Какво прави потребителя на Web3 добър?

За разлика от традиционните уеб приложения, Web3 се грижи за разнообразна аудитория, варираща от опитни крипто ентусиасти до новодошли, които си намокрят краката в DeFi . Когато проектирате dApp, вземете предвид тези различни нива на техническо разбиране.

• Крипто-местни : Тези потребители се чувстват комфортно с концепции като портфейли, лични ключове и такси за газ. Те могат да дадат приоритет на разширени функции и опции за персонализиране.

  
  

• Новодошли : Тези потребители може да не са запознати с блокчейн терминологията и да изискват ясни обяснения и насоки. Простотата и лекотата на използване са от първостепенно значение за тази група.

Ключови принципи на интуитивния дизайн за Web3

Когато се задълбочите в интуитивния дизайн за Web3 и blockchain dApps , разбирането на мисленето и пътуването на потребителя става от първостепенно значение. Започнете, като вземете предвид умствения модел на вашата аудитория. Нови ли са в блокчейн технологиите или ветерани в космоса?

Проектирането с оглед на тяхното ниво на знания може драстично да подобри използваемостта.

1. Пренесете Web2 познанията в Web3

Прехвърляне на метафори и работни потоци от Web2, където е приложимо. Това не означава, че трябва да избягвате иновативните елементи на Web3, а по-скоро да включите традиционните компоненти на потребителския интерфейс. Познаването разрушава бариерите; когато потребителите разпознават модели, те навигират по-лесно и уверено.

2. По-малкото е повече

Самата идея за Web3 вече е... много. Яснотата и простотата трябва да ръководят избора на дизайн. Объркващи оформления могат да провалят ангажираността на потребителите. Вместо това се стремете към чист, изчистен интерфейс, който подчертава основните функции. Основните елементи трябва да са отпред и в центъра, като намаляват когнитивното натоварване и помагат на потребителите да вземат бързи решения.

3. Верига за обратна връзка

Друг важен аспект е обратната връзка. В dApp всяко действие, като суап транзакция или въвеждане на данни, трябва да бъде потвърдено чрез обратна връзка, като очевидни екрани за потвърждение или анимации. В същия дух трябва да има незабавна обратна връзка и предложения за решения, когато потребителите попаднат на съобщения за грешка (или, на езика на UX/UI, „нещастни пътища“).

Това уверява потребителите, че техните действия са записани и ефективни, изграждайки чувство на доверие и надеждност.

4. Последователно изживяване при различни типове устройства

Като повечето Web2 приложения, dApps работят на мобилни устройства, настолни компютри и таблети. Проектирането за последователност в различни платформи подобрява потребителското изживяване. Независимо дали става въпрос за десктоп приложение или мобилен интерфейс, последователната навигация и визуалните подсказки помагат на потребителите да формират мисловна карта на приложението, което прави прехода между устройствата безпроблемен.

Той също така намалява ненужната параноя по време на определени транзакционни дейности, като например използването на две различни устройства за сканиране на QR кодове и въвеждане на адреси на портфейла.

5. Сигурност и поверителност

Сигурността не може да бъде подценявана в Web3, тъй като потребителите често управляват ценни цифрови активи (представете си големия обем, преместван само от китове). Дайте приоритет на надеждни методи за удостоверяване, ясни предупреждения за потенциални рискове и образователни ресурси относно най-добрите практики за сигурност.

Въпреки че Web3 и blockchain са известни с неизменни записи, застъпете се за използването на силни техники за криптиране за защита на потребителските данни и ясно съобщавайте предпазни мерки, за да успокоите потребителите. Предоставянето на подробни обобщения на транзакциите и история на дейността също е начин за насърчаване на увереността.

Практически съвети за Web3 UX/UI дизайн

Нека преведем тези принципи в приложими стратегии за проектиране:

1. Включване

Първото впечатление е важно. Потребителите може да се притесняват от сложността или рисковете за сигурността, така че ще бъде добра практика да създадете плавен и ангажиращ процес на включване, който насочва новите потребители през основните неща на dApp. Помислете за интерактивни уроци или ръководства стъпка по стъпка, както в приложението, така и в мрежата.

Регистрацията на един екран е класически подход, който може да е по-подходящ за опитни потребители на Web3, които вече знаят какво да очакват и им е удобно да се гмуркат направо в разгара на нещата.

Плъзгащите се бордови екрани може да са идеални за новодошлите; смилаемият формат им помага да усвоят основните характеристики и ценностното предложение на dApp. Дори и тогава, добра практика е да го поддържате до не повече от три плъзгания, тъй като всяка допълнителна стъпка увеличава отпадането на потребителите.

2. Интегриране на Web3 Wallet

Свързването на крипто портфейл често е първото реално взаимодействие, което потребителят има с dApp. Неудобният процес на интегриране на портфейла може да доведе до разочарование и изоставяне. Някои начини да го направите безпроблемно включват:

• Свързване с едно щракване: Където е възможно, стремете се към свързване с „едно щракване“. Използвайте WalletConnect или подобни протоколи, за да сведете до минимум броя на необходимите стъпки.

  
  

• Откриване на портфейла: Автоматично откриване на инсталираните портфейли на потребителя и показване на видно място на техните предпочитани опции

  
  

• Поддръжка на QR код: Предлага сканиране на QR код като алтернативен метод за свързване, особено за мобилни потребители

  
  

• Поддръжка на множество портфейли: Погрижете се за широк кръг потребители, като поддържате популярни портфейли като MetaMask, Coinbase Wallet, Trust Wallet, Argent, Rainbow и разбира се, Portkey , портфейлът за абстракция на акаунт (AA), изграден върху екосистемата aelf

  
  

• Насоки за новодошлите: Осигурете ясни инструкции и визуални помощни средства, за да напътствате потребителите през процеса на свързване, особено ако са нови в Web3 портфейлите

  
  

• Напомняния за сигурност: Показвайте ясни и кратки напомняния за сигурност по време на процеса на свързване, като подчертавате важността на защитата на личните им ключове.

3. Интеграция на Know-Your-Customer (KYC).

Докато децентрализацията е основен принцип на Web3, много dApps, особено тези, които се занимават с финансови транзакции или чувствителни данни, изискват процеси Know Your Customer (KYC), за да отговарят на разпоредбите и да гарантират сигурност.

• Прозрачност и яснота: Обяснете ясно защо се изисква KYC и как ще се обработват потребителските данни. Бъдете откровени относно информацията, която ще бъде събрана и как ще бъде използвана.

  
  

• Рационализиран процес: Направете KYC процеса възможно най-ефективен. Минимизирайте броя на стъпките и количеството необходима информация.

  
  

• Сигурна обработка на данни: Наблегнете на въведените мерки за сигурност за защита на потребителските данни. Обмислете използването на децентрализирани решения за идентичност, за да подобрите поверителността.

  
  

• Удобна за потребителя проверка: Интегрирайте се с надеждни доставчици на KYC, които предлагат гладко и удобно за потребителя изживяване при проверка

  
  

• Ясна обратна връзка и актуализации на състоянието: Дръжте потребителите информирани през целия процес на KYC. Осигурете ясна обратна връзка за състоянието на тяхната проверка и всички необходими действия.

4. Транзакционни потоци

Транзакциите са в основата на повечето Web3 взаимодействия. Опростете транзакционните потоци, като предоставите ясни обяснения за таксите за газ, очакваното време за транзакция и стъпките за потвърждение.

• Визуална яснота: Използвайте ясни визуални знаци, за да подчертаете ключова информация като суми на транзакции, такси за газ, такси за мрежата и очаквани времена за завършване

  
  

• Обратна връзка в реално време: Използвайте програми за зареждане, ленти за напредъка или известия за състояние, за да предоставите на потребителите актуализации на транзакциите в реално време

  
  

• Динамични актуализации на цените: За транзакции, включващи размяна на токени или сделки, показвайте динамични актуализации на цените, за да отразите пазарните колебания. Включете ясни откази от отговорност относно нестабилността на цените и нейното потенциално въздействие върху крайната сума на транзакцията.

  
  

• Обработка във фонов режим: Когато е възможно, позволете на потребителите да навигират далеч от екрана на транзакцията и да извършват други дейности в dApp, докато транзакцията се обработва във фонов режим. Осигурете известия или предупреждения след завършване или ако възникнат грешки.

  
  

• Стъпки за потвърждение: Приложете ясни стъпки за потвърждение, за да предотвратите случайни транзакции. Изисквайте потребителите да прегледат и изрично да потвърдят подробностите за транзакцията преди изпращане.

  
  

• История на транзакциите: Осигурете подробна история на транзакциите, която е лесно достъпна и с възможност за търсене. Позволете на потребителите да филтрират транзакции по дата, тип или състояние.

5. Обработка на грешки

Грешките са неизбежни. Вместо да показвате общи съобщения за грешка, предоставете конкретни и информативни насоки как да разрешите проблемите – това е най-добре допълнено с емпатичен език.

• Конкретни и информативни съобщения: Избягвайте общи съобщения за грешка като „Транзакцията е неуспешна“. Предоставете конкретни подробности за това какво се е объркало, като например „Няма достатъчно средства за такси за газ“ или „Има грешка в мрежовата връзка“.

  
  

• Контекстуални насоки: Предложете контекстуални насоки как да разрешите грешката. Например, ако транзакция е неуспешна поради недостатъчни средства, предоставете директна връзка към портфейла на потребителя или ръководство за това как да придобиете повече от необходимата криптовалута.

  
  

• Предотвратяване на грешки: Когато е възможно, прилагайте мерки за предотвратяване на грешки на първо място. Използвайте валидиране на въвеждане, за да сте сигурни, че потребителите въвеждат правилни формати на данни и осигурете ясни предупреждения за потенциални рискове, преди да предприемат действия.

  
  

• Механизми за възстановяване: Предлагайте механизми за възстановяване на често срещани грешки. Например, ако потребител инициира транзакция с ниска такса за газ, която причинява забавяне, позволете му да „ускори“ транзакцията, като изпрати нова с по-висока такса.

  
  

• Удобен за потребителя език: Избягвайте технически жаргон (т.е. грешка 404) в съобщенията за грешка. Използвайте ясен, кратък и естествен разговорен език, който е лесен за разбиране от всички потребители.

6. Подсказки и пояснения

Не предполагайте, че потребителите разбират цялата терминология . Помислете за щедро използване на подсказки или разширяеми информационни раздели в цифровите допирни точки; обяснете сложни термини като „такси за газ“, „интелигентни договори“, „блокчейн мрежи“ или „ NFT “ по сбит и обикновен начин.

Също така е добра практика да се създаде банка от знания или специален ЧЗВ в рамките на dApp, за да се помещава помощно съдържание в по-дълга форма.

7. Тестване и итерация

Работата никога не свършва, дори след стартирането. Усърдното тестване и актуализиране на dApp за коригиране на грешки е даденост, но това е гръбнакът за поддържане на развиващите се потребителски нужди.

По-рано в статията споменахме проучване на потребителите чрез анкети, интервюта и тестове за използваемост. Това е златна мина от открития, които помагат за подобряване на изживяването на dApp по целенасочен начин.

A/B тестването и потребителското дословно са два от най-често срещаните методи за потвърждаване на прототипи и предположения за UX/UI дизайн. Бъдете готови да се промените въз основа на констатациите и следете какво работи (и какво не).

Тези стъпки трябва да ви доближат много повече до „Северните звезди“ на вашето творение.

В заключение: бонус съвет

Успехът на вашето dApp може да зависи от фактор X. Ще запомнят ли потребителите вашето творение или ще се върнат ли към него?

Предоставянето на персонализирани изживявания може да бъде отговорът. Това означава, че потребителите могат да получават персонализирани препоръки, докато взаимодействат с dApp, въз основа на тяхното поведение и предпочитания. Може да е нещо толкова просто като предварително зададен пряк път на най-често използваната от потребителя функция или предложения по поръчка за подпомагане на дадена дейност. Интегрирането на AI може да помогне с това, като анализира активността във веригата, предвижда потребителските предпочитания и дори предлага проактивна помощ.

Ориентираните към потребителя изживявания и интерфейси се простират и върху разработчиците и дизайнерите на софтуера и платформата, върху които работят – създателите също са потребители.

Ако надграждате върху aelf , високоефективен AI blockchain от ниво 1, неговият AI инструментариум и лесната за използване на интегрираната среда за разработка aelf Playground премахват скуката от процеса на изграждане, така че вие и вашият екип можете да се съсредоточите единствено върху проектирането възможно най-доброто потребителско изживяване.

Относно aelf

aelf, пионерът на ниво 1 блокчейн, включва модулни системи, паралелна обработка, архитектура, базирана на облака, и технология с множество странични вериги за неограничена мащабируемост. Основан през 2017 г. със своя глобален център, базиран в Сингапур, aelf е първият в индустрията, който ръководи Азия в развиващия се блокчейн с най-съвременна AI интеграция, трансформирайки блокчейна в по-интелигентна и саморазвиваща се екосистема.

aelf улеснява изграждането, интегрирането и внедряването на интелигентни договори и децентрализирани приложения (dApps) на своя блокчейн от слой 1 със своя собствен комплект за разработка на софтуер C# (SDK) и SDK на други езици, включително Java, JS, Python и Go. екосистемата на aelf съдържа и набор от dApps за поддръжка на процъфтяваща блокчейн мрежа. aelf се ангажира да насърчава иновациите в своята екосистема и остава посветен на стимулирането на развитието на Web3, блокчейн и приемането на AI технология.

Научете повече за aell и поддържайте връзка с нашата общност:

Уебсайт | X | Телеграма | Раздор