SlideShare a Scribd company logo
1 of 52
Download to read offline
UX/UI
FOR
WEB3
Self-Sovereign
Identity Practical,
Usable, and
Universal.
Do we want to
solve Etherum’s
identity problems
@JonnyAustinTX
THE BEST
TECHNOLOGY
DOESN’T WIN
THE BEST
EXPERIENCE DOES
The 10 Usability
Heuristics
Jakob Nielsen
nngroup.com/articles/ten-usability-heuristics
Visibility of
System status
UsabilityHeuristic.01
The system should always keep users informed
about what is going on, through appropriate
feedback within reasonable time.
Visibility of
System status
Visibility of
System status
Blockchain transaction latency is an
unfamiliar experience for most new users.
Always provide a pending state for
transactions with the ability to view the
transaction on a block explorer like
EtherScan.
For dApps
Visibility of
System status
Match between system
and the real world
UsabilityHeuristic.02
The system should speak the users' language,
with words, phrases and concepts familiar to the
user, rather than system-oriented terms. Follow
real-world conventions, making information
appear in a natural and logical order.
Match between system
and the real world
Match between system
and the real world
For dApps
The Metamask pop up during a
signature request will likely grab
the attention of the user.
Make sure you use PersonalSign or
EIP712 signing methods that allow
you to include a human readable
message which you can use to
guide the user.
Match between system
and the real world
Match Between System and the Real World
Rimble Bonus Tip
Add some personality: say Hi or reference your dapp's name so they know it's
coming from you
Explain what this action will do: connect you securely
Explain what this action is for: prove you own the account
This might be because the user has recently accepted the connection
request or because your dapp hasn't implemented EIP1102 – which we
suggest you do
Include the nonce (e.g. d458fa15-dcab-4d85-a477–004d6febca12) as a
security procedure but add some context as to why they're seeing it! Also
make sure they're aware they don't need to remember this or write it down
Explain that it won't cost Ether
User control
and freedom
UsabilityHeuristic.03
Users often choose system functions by
mistake and will need a clearly marked
"emergency exit" to leave the unwanted state
without having to go through an extended
dialogue. Support undo and redo.
User control
and freedom
User control
and freedom
User control
and freedom
Though security is incredibly
important in the crypto space,
allow users to decentralize at
their own pace.
Do not require users to write
down their seed phrase during
on boarding. Instead, allow them
to layer on security best practice
as their wallet balance
increases.
For dApps
User control and freedom
Rimble Bonus Tip
Let the user explore before connecting
Only ask them to connect when they need to
Educate them passively – don't force them
to learn if they don't need to know right now
UsabilityHeuristic.04
Consistency
and Standards
Consistency
and Standards
Users should not have to wonder whether
different words, situations, or actions mean
the same thing. Follow platform conventions.
Consistency
and Standards
Consistency
and Standards
Standards are currently
emerging in this space which
can make things difficult.
For language around Gas/
Transaction/Miner/Network
fee’s, continue to experiment as
no one has figured out what
resonates best, yet.
For dApps
UsabilityHeuristic.05
Error
Prevention
Error
Prevention
Even better than good error messages is a
careful design which prevents a problem from
occurring in the first place. Either eliminate
error-prone conditions or check for them and
present users with a confirmation option
before they commit to the action.
Error
Prevention
Mistakes in crypto are typically
higher cost than in traditional
applications where transactions
can be reversed.
For this reason, err on the side of
too many warnings and consider
creating white and black lists of
known contract addresses and
also alerting users when they
are interacting with an address
for their first time.
For dApps
Error
Prevention
UsabilityHeuristic.06
Recognition Rather
Than Recall
Recognition Rather
Than Recall
Minimize the user's memory load by making
objects, actions, and options visible. The user
should not have to remember information
from one part of the dialogue to another.
Instructions for use of the system should be
visible or easily retrievable whenever
appropriate.
Recognition Rather
Than Recall
Recognition Rather
Than Recall
Moving into web3 will typically
require users to keep track of an
increasing number assets which
will quickly surpass a user’s
ability to recall them.
When dealing with transactions,
make sure that the user can
view and select from a list of all
their assets. Also, consider
integrating a DEX to allow users
to transact in any asset they
would like.
For dApps
UsabilityHeuristic.07
Flexibility and
efficiency of use
Flexibility and
efficiency of use
Accelerators — unseen by the novice user —
may often speed up the interaction for the
expert user such that the system can cater to
both inexperienced and experienced users.
Allow users to tailor frequent actions.
Flexibility and
efficiency of use
Flexibility and
efficiency of use
Think about decisions a user
may need to make repeatedly
over the course of their lifetime
with your app. dApps return
more control to users meaning
that less of their actions can be
automated away to third parties.
Allow users to set a default of
slow/medium/fast gas
estimation in their settings to
speed up their workflow.
For dApps
UsabilityHeuristic.08
Aesthetic and
Minimalist Design
Aesthetic and
Minimalist Design
Dialogues should not contain information
which is irrelevant or rarely needed. Every extra
unit of information in a dialogue competes
with the relevant units of information and
diminishes their relative visibility.
Aesthetic and
Minimalist Design
Aesthetic and
Minimalist Design
Crypto is complicated. Go the
extra mile to simplify the UX
and UI of your app to combat
that perception.
Try to avoid displaying full wallet
addresses or smart contact
addresses in the main UI.
For dApps
UsabilityHeuristic.09
Help users recognize, diagnose,
and recover from errors
Error messages should be expressed in plain language
(no codes), precisely indicate the problem, and
constructively suggest a solution.
Help users recognize, diagnose,
and recover from errors
Help users recognize, diagnose,
and recover from errors
Help users recognize, diagnose,
and recover from errors
Again, crypto is unique in that errors can
result in loss of funds that cannot be
reversed, increasing the pressure on users.
When dealing in transactions, allow a user
to resubmit a pending transaction with a
higher gas price and the same nonce to
push the transaction through.
For dApps
UsabilityHeuristic.10
Help and
Documentation
Help and
Documentation
Even though it is better if the system can be
used without documentation, it may be
necessary to provide help and documentation.
Any such information should be easy to search,
focused on the user's task, list concrete steps
to be carried out, and not be too large.
Help and
Documentation
Help and
Documentation
Because crypto is so confusing and the stakes are so
high when dealing with irreversible transactions, it is
important to hold a new user’s hand and build their
confidence.
Consider supplying a new user with some starter assets
and walking them through a tutorial that actually allows
them to perform the action they might be anxious about.
For dApps
EXTRA STUFF
Fiat On-Ramps
Rimble Bonus Tip
Set an expectation of how much ETH a user
will need to get started.
Check to see if a user has enough ETH to
cover it and if they don’t use a an integrated
exchange like Wyre to help onboard them.
Distinguish between
On-chain and
Off-chain data
Progressive Decentralization
Build your dApp experience in a way that
allows for a user to decentralize over time
and at their own pace.
This means things like giving new users the
option to have you custodian their keys, then
use their own keys with you as a recovery
option, to full ownership of their keys.
Check out Austin Griffith’s
Burner Wallet
Check out Austin Griffith’s
Burner Wallet
THANK YOU
Check out RIMBLE
https://rimble.consensys.design/
Check out UPORT
https://www.uport.me/

More Related Content

What's hot

Non-Fungible Token (NFT) Marketplace Development Service Provider
Non-Fungible Token (NFT) Marketplace Development Service ProviderNon-Fungible Token (NFT) Marketplace Development Service Provider
Non-Fungible Token (NFT) Marketplace Development Service ProviderLinda John
 
Nft for beginners the perfect basic guide to learn everything about non fungi...
Nft for beginners the perfect basic guide to learn everything about non fungi...Nft for beginners the perfect basic guide to learn everything about non fungi...
Nft for beginners the perfect basic guide to learn everything about non fungi...Paul Bossky
 
Non-fungible tokens (nfts)
Non-fungible tokens (nfts)Non-fungible tokens (nfts)
Non-fungible tokens (nfts)Gene Leybzon
 
Top NFT Games- A Unique Experience For NFT Fans
Top NFT Games- A Unique Experience For NFT FansTop NFT Games- A Unique Experience For NFT Fans
Top NFT Games- A Unique Experience For NFT FansVirendra Singh
 
What are NFT's, anyhow?
What are NFT's, anyhow?What are NFT's, anyhow?
What are NFT's, anyhow?Dayna Young
 
Metaverse: A Convergence of Realities
Metaverse: A Convergence of RealitiesMetaverse: A Convergence of Realities
Metaverse: A Convergence of RealitiesTom
 
5 Best Metaverse Games to Play
5 Best Metaverse Games to Play5 Best Metaverse Games to Play
5 Best Metaverse Games to Play101 Blockchains
 
List of 10 Most Expensive NFTs Ever Sold
List of 10 Most Expensive NFTs Ever SoldList of 10 Most Expensive NFTs Ever Sold
List of 10 Most Expensive NFTs Ever Sold101 Blockchains
 
NFT Marketplace Development
NFT Marketplace DevelopmentNFT Marketplace Development
NFT Marketplace Developmentzaarahary
 
Non-fungible tokens. From smart contract code to marketplace
Non-fungible tokens. From smart contract code to marketplaceNon-fungible tokens. From smart contract code to marketplace
Non-fungible tokens. From smart contract code to marketplaceGene Leybzon
 
Nft marketplace development to buy & sell nft tokens coinjoker
Nft marketplace development to buy & sell nft tokens   coinjokerNft marketplace development to buy & sell nft tokens   coinjoker
Nft marketplace development to buy & sell nft tokens coinjokeramarasophi
 
Velas Blockchain for NFT Sports
Velas Blockchain for NFT SportsVelas Blockchain for NFT Sports
Velas Blockchain for NFT SportsVelas
 
人工知能とゲーム(前篇)
人工知能とゲーム(前篇)人工知能とゲーム(前篇)
人工知能とゲーム(前篇)Youichiro Miyake
 
Blockchain: Future Legal Issues
Blockchain: Future Legal IssuesBlockchain: Future Legal Issues
Blockchain: Future Legal IssuesMark Radcliffe
 
Metaverse BM Innovation for New Experience Economy
Metaverse BM Innovation for New Experience EconomyMetaverse BM Innovation for New Experience Economy
Metaverse BM Innovation for New Experience EconomyAlex G. Lee, Ph.D. Esq. CLP
 
WTF are NFTs? - An Introduction to Non-Fungible Tokens
WTF are NFTs? - An Introduction to Non-Fungible TokensWTF are NFTs? - An Introduction to Non-Fungible Tokens
WTF are NFTs? - An Introduction to Non-Fungible TokensCalid Bowen
 
Future of Blockchain
Future of BlockchainFuture of Blockchain
Future of BlockchainMelanie Swan
 

What's hot (20)

Non-Fungible Token (NFT) Marketplace Development Service Provider
Non-Fungible Token (NFT) Marketplace Development Service ProviderNon-Fungible Token (NFT) Marketplace Development Service Provider
Non-Fungible Token (NFT) Marketplace Development Service Provider
 
Nft for beginners the perfect basic guide to learn everything about non fungi...
Nft for beginners the perfect basic guide to learn everything about non fungi...Nft for beginners the perfect basic guide to learn everything about non fungi...
Nft for beginners the perfect basic guide to learn everything about non fungi...
 
Non-fungible tokens (nfts)
Non-fungible tokens (nfts)Non-fungible tokens (nfts)
Non-fungible tokens (nfts)
 
Top NFT Games- A Unique Experience For NFT Fans
Top NFT Games- A Unique Experience For NFT FansTop NFT Games- A Unique Experience For NFT Fans
Top NFT Games- A Unique Experience For NFT Fans
 
What are NFT's, anyhow?
What are NFT's, anyhow?What are NFT's, anyhow?
What are NFT's, anyhow?
 
Metaverse: A Convergence of Realities
Metaverse: A Convergence of RealitiesMetaverse: A Convergence of Realities
Metaverse: A Convergence of Realities
 
5 Best Metaverse Games to Play
5 Best Metaverse Games to Play5 Best Metaverse Games to Play
5 Best Metaverse Games to Play
 
List of 10 Most Expensive NFTs Ever Sold
List of 10 Most Expensive NFTs Ever SoldList of 10 Most Expensive NFTs Ever Sold
List of 10 Most Expensive NFTs Ever Sold
 
NFT Marketplace Development
NFT Marketplace DevelopmentNFT Marketplace Development
NFT Marketplace Development
 
Non-fungible tokens. From smart contract code to marketplace
Non-fungible tokens. From smart contract code to marketplaceNon-fungible tokens. From smart contract code to marketplace
Non-fungible tokens. From smart contract code to marketplace
 
The foundations of metaverse
The foundations of metaverseThe foundations of metaverse
The foundations of metaverse
 
How NFT Works
How NFT WorksHow NFT Works
How NFT Works
 
Nft marketplace development to buy & sell nft tokens coinjoker
Nft marketplace development to buy & sell nft tokens   coinjokerNft marketplace development to buy & sell nft tokens   coinjoker
Nft marketplace development to buy & sell nft tokens coinjoker
 
Smart contracts & dApps
Smart contracts & dAppsSmart contracts & dApps
Smart contracts & dApps
 
Velas Blockchain for NFT Sports
Velas Blockchain for NFT SportsVelas Blockchain for NFT Sports
Velas Blockchain for NFT Sports
 
人工知能とゲーム(前篇)
人工知能とゲーム(前篇)人工知能とゲーム(前篇)
人工知能とゲーム(前篇)
 
Blockchain: Future Legal Issues
Blockchain: Future Legal IssuesBlockchain: Future Legal Issues
Blockchain: Future Legal Issues
 
Metaverse BM Innovation for New Experience Economy
Metaverse BM Innovation for New Experience EconomyMetaverse BM Innovation for New Experience Economy
Metaverse BM Innovation for New Experience Economy
 
WTF are NFTs? - An Introduction to Non-Fungible Tokens
WTF are NFTs? - An Introduction to Non-Fungible TokensWTF are NFTs? - An Introduction to Non-Fungible Tokens
WTF are NFTs? - An Introduction to Non-Fungible Tokens
 
Future of Blockchain
Future of BlockchainFuture of Blockchain
Future of Blockchain
 

Similar to BuildETH

The 10 Usability Commandments
The 10 Usability CommandmentsThe 10 Usability Commandments
The 10 Usability Commandmentssytnik
 
Eindpresentatie usability engels
Eindpresentatie usability engelsEindpresentatie usability engels
Eindpresentatie usability engelsHanzehogeschool
 
Megan McKeever - design
Megan McKeever - designMegan McKeever - design
Megan McKeever - designmmm5014
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rulesPreeti Mishra
 
Did you check the UX Quality?-Rajarshi Ray
Did you check the UX Quality?-Rajarshi RayDid you check the UX Quality?-Rajarshi Ray
Did you check the UX Quality?-Rajarshi Raybhumika2108
 
Heuristic principles
Heuristic principlesHeuristic principles
Heuristic principlesSwathy Tantry
 
Prometheus - Open Source Forum Japan
Prometheus  - Open Source Forum JapanPrometheus  - Open Source Forum Japan
Prometheus - Open Source Forum JapanBrian Brazil
 
Assessing the quality of usability
Assessing the quality of usabilityAssessing the quality of usability
Assessing the quality of usabilityAditya Karle
 
Cheating your way through Web Testing
Cheating your way through Web Testing Cheating your way through Web Testing
Cheating your way through Web Testing Qualitest
 
Neilsen Design heuristics
Neilsen Design heuristicsNeilsen Design heuristics
Neilsen Design heuristicsHafizMImran1
 
Evaluating User Interfaces
Evaluating User InterfacesEvaluating User Interfaces
Evaluating User InterfacesNancy Jain
 
HCI Unit 3.pptx
HCI Unit 3.pptxHCI Unit 3.pptx
HCI Unit 3.pptxRaja980775
 
ASSESSING THE QUALITY OF USABILTY
ASSESSING THE QUALITY OF USABILTYASSESSING THE QUALITY OF USABILTY
ASSESSING THE QUALITY OF USABILTYRadhika Dilip Kale
 
10 principles of interaction design
10 principles of interaction design10 principles of interaction design
10 principles of interaction designLinda Bartlett
 
Assignment 4 hci
Assignment 4 hciAssignment 4 hci
Assignment 4 hciJeddie Bere
 

Similar to BuildETH (20)

The 10 Usability Commandments
The 10 Usability CommandmentsThe 10 Usability Commandments
The 10 Usability Commandments
 
Eindpresentatie usability engels
Eindpresentatie usability engelsEindpresentatie usability engels
Eindpresentatie usability engels
 
10 Usability Heuristics explained
10 Usability Heuristics explained10 Usability Heuristics explained
10 Usability Heuristics explained
 
Megan McKeever - design
Megan McKeever - designMegan McKeever - design
Megan McKeever - design
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rules
 
Did you check the UX Quality?-Rajarshi Ray
Did you check the UX Quality?-Rajarshi RayDid you check the UX Quality?-Rajarshi Ray
Did you check the UX Quality?-Rajarshi Ray
 
Concept Presentation
Concept PresentationConcept Presentation
Concept Presentation
 
Heuristic principles
Heuristic principlesHeuristic principles
Heuristic principles
 
Prometheus - Open Source Forum Japan
Prometheus  - Open Source Forum JapanPrometheus  - Open Source Forum Japan
Prometheus - Open Source Forum Japan
 
Assessing the quality of usability
Assessing the quality of usabilityAssessing the quality of usability
Assessing the quality of usability
 
Cheating your way through Web Testing
Cheating your way through Web Testing Cheating your way through Web Testing
Cheating your way through Web Testing
 
Neilsen Design heuristics
Neilsen Design heuristicsNeilsen Design heuristics
Neilsen Design heuristics
 
Evaluating User Interfaces
Evaluating User InterfacesEvaluating User Interfaces
Evaluating User Interfaces
 
HCI Unit 3.pptx
HCI Unit 3.pptxHCI Unit 3.pptx
HCI Unit 3.pptx
 
10th heuristic evaluation
10th heuristic evaluation10th heuristic evaluation
10th heuristic evaluation
 
Heuristic ux-evaluation
Heuristic ux-evaluationHeuristic ux-evaluation
Heuristic ux-evaluation
 
ASSESSING THE QUALITY OF USABILTY
ASSESSING THE QUALITY OF USABILTYASSESSING THE QUALITY OF USABILTY
ASSESSING THE QUALITY OF USABILTY
 
Moving To SaaS
Moving To SaaSMoving To SaaS
Moving To SaaS
 
10 principles of interaction design
10 principles of interaction design10 principles of interaction design
10 principles of interaction design
 
Assignment 4 hci
Assignment 4 hciAssignment 4 hci
Assignment 4 hci
 

Recently uploaded

Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005
 
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一Fi ss
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一Fi L
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryrioverosanniejoy
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 

Recently uploaded (20)

Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
 
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industry
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 

BuildETH

  • 2. Self-Sovereign Identity Practical, Usable, and Universal. Do we want to solve Etherum’s identity problems @JonnyAustinTX
  • 5. The 10 Usability Heuristics Jakob Nielsen nngroup.com/articles/ten-usability-heuristics
  • 7. The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Visibility of System status
  • 9. Blockchain transaction latency is an unfamiliar experience for most new users. Always provide a pending state for transactions with the ability to view the transaction on a block explorer like EtherScan. For dApps Visibility of System status
  • 10. Match between system and the real world UsabilityHeuristic.02
  • 11. The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order. Match between system and the real world
  • 12. Match between system and the real world
  • 13. For dApps The Metamask pop up during a signature request will likely grab the attention of the user. Make sure you use PersonalSign or EIP712 signing methods that allow you to include a human readable message which you can use to guide the user. Match between system and the real world
  • 14. Match Between System and the Real World Rimble Bonus Tip Add some personality: say Hi or reference your dapp's name so they know it's coming from you Explain what this action will do: connect you securely Explain what this action is for: prove you own the account This might be because the user has recently accepted the connection request or because your dapp hasn't implemented EIP1102 – which we suggest you do Include the nonce (e.g. d458fa15-dcab-4d85-a477–004d6febca12) as a security procedure but add some context as to why they're seeing it! Also make sure they're aware they don't need to remember this or write it down Explain that it won't cost Ether
  • 16. Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo and redo. User control and freedom
  • 18. User control and freedom Though security is incredibly important in the crypto space, allow users to decentralize at their own pace. Do not require users to write down their seed phrase during on boarding. Instead, allow them to layer on security best practice as their wallet balance increases. For dApps
  • 19. User control and freedom Rimble Bonus Tip Let the user explore before connecting Only ask them to connect when they need to Educate them passively – don't force them to learn if they don't need to know right now
  • 21. Consistency and Standards Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.
  • 23. Consistency and Standards Standards are currently emerging in this space which can make things difficult. For language around Gas/ Transaction/Miner/Network fee’s, continue to experiment as no one has figured out what resonates best, yet. For dApps
  • 25. Error Prevention Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.
  • 27. Mistakes in crypto are typically higher cost than in traditional applications where transactions can be reversed. For this reason, err on the side of too many warnings and consider creating white and black lists of known contract addresses and also alerting users when they are interacting with an address for their first time. For dApps Error Prevention
  • 29. Recognition Rather Than Recall Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.
  • 31. Recognition Rather Than Recall Moving into web3 will typically require users to keep track of an increasing number assets which will quickly surpass a user’s ability to recall them. When dealing with transactions, make sure that the user can view and select from a list of all their assets. Also, consider integrating a DEX to allow users to transact in any asset they would like. For dApps
  • 33. Flexibility and efficiency of use Accelerators — unseen by the novice user — may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.
  • 35. Flexibility and efficiency of use Think about decisions a user may need to make repeatedly over the course of their lifetime with your app. dApps return more control to users meaning that less of their actions can be automated away to third parties. Allow users to set a default of slow/medium/fast gas estimation in their settings to speed up their workflow. For dApps
  • 37. Aesthetic and Minimalist Design Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.
  • 39. Aesthetic and Minimalist Design Crypto is complicated. Go the extra mile to simplify the UX and UI of your app to combat that perception. Try to avoid displaying full wallet addresses or smart contact addresses in the main UI. For dApps
  • 40. UsabilityHeuristic.09 Help users recognize, diagnose, and recover from errors
  • 41. Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution. Help users recognize, diagnose, and recover from errors
  • 42. Help users recognize, diagnose, and recover from errors
  • 43. Help users recognize, diagnose, and recover from errors Again, crypto is unique in that errors can result in loss of funds that cannot be reversed, increasing the pressure on users. When dealing in transactions, allow a user to resubmit a pending transaction with a higher gas price and the same nonce to push the transaction through. For dApps
  • 45. Help and Documentation Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.
  • 47. Help and Documentation Because crypto is so confusing and the stakes are so high when dealing with irreversible transactions, it is important to hold a new user’s hand and build their confidence. Consider supplying a new user with some starter assets and walking them through a tutorial that actually allows them to perform the action they might be anxious about. For dApps
  • 49. Fiat On-Ramps Rimble Bonus Tip Set an expectation of how much ETH a user will need to get started. Check to see if a user has enough ETH to cover it and if they don’t use a an integrated exchange like Wyre to help onboard them.
  • 51. Progressive Decentralization Build your dApp experience in a way that allows for a user to decentralize over time and at their own pace. This means things like giving new users the option to have you custodian their keys, then use their own keys with you as a recovery option, to full ownership of their keys. Check out Austin Griffith’s Burner Wallet Check out Austin Griffith’s Burner Wallet
  • 52. THANK YOU Check out RIMBLE https://rimble.consensys.design/ Check out UPORT https://www.uport.me/