SlideShare a Scribd company logo
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

Is Metaverse The Next Big Thing?
Is Metaverse The Next Big Thing?Is Metaverse The Next Big Thing?
Is Metaverse The Next Big Thing?
101 Blockchains
 
Blockchain for Business Operations
Blockchain for Business OperationsBlockchain for Business Operations
Blockchain for Business Operations
Accenture Operations
 
Permissonless & Permissioned blockchain
Permissonless & Permissioned blockchainPermissonless & Permissioned blockchain
Permissonless & Permissioned blockchain
Vikas Pandey
 
Decentraland Crypto
Decentraland CryptoDecentraland Crypto
Decentraland Crypto
Khushboo Dange
 
Blockchain 101 | Blockchain Tutorial | Blockchain Smart Contracts | Blockchai...
Blockchain 101 | Blockchain Tutorial | Blockchain Smart Contracts | Blockchai...Blockchain 101 | Blockchain Tutorial | Blockchain Smart Contracts | Blockchai...
Blockchain 101 | Blockchain Tutorial | Blockchain Smart Contracts | Blockchai...
Edureka!
 
Jitsi video bridge で遊んでみた
Jitsi video bridge で遊んでみたJitsi video bridge で遊んでみた
Jitsi video bridge で遊んでみた
tnoho
 
DAOとは?
DAOとは?DAOとは?
DAOとは?
雅仁 冨元
 
Formation BLOCKCHAIN
Formation BLOCKCHAINFormation BLOCKCHAIN
Formation BLOCKCHAIN
Mourad HASSINI
 
Impact of cloud computing in education, e governance
Impact of cloud computing in education, e governanceImpact of cloud computing in education, e governance
Impact of cloud computing in education, e governance
Asim Kumar Pathak
 
5 Best Metaverse Games to Play
5 Best Metaverse Games to Play5 Best Metaverse Games to Play
5 Best Metaverse Games to Play
101 Blockchains
 
Into the Metaverse: 9 Superpowers of VR Learning
Into the Metaverse: 9 Superpowers of VR LearningInto the Metaverse: 9 Superpowers of VR Learning
Into the Metaverse: 9 Superpowers of VR Learning
Anders Gronstedt
 
Icsa2018 blockchain tutorial
Icsa2018 blockchain tutorialIcsa2018 blockchain tutorial
Icsa2018 blockchain tutorial
Len Bass
 
Blockchain
BlockchainBlockchain
Blockchain
Amit Kumar
 
What is Blockchain Technology?
What is Blockchain Technology?What is Blockchain Technology?
What is Blockchain Technology?
Pragmatic Coders
 
Metaverse System Architectures
Metaverse System ArchitecturesMetaverse System Architectures
Metaverse System Architectures
Alex G. Lee, Ph.D. Esq. CLP
 
How To Become A Blockchain Engineer
How To Become A Blockchain EngineerHow To Become A Blockchain Engineer
How To Become A Blockchain Engineer
101 Blockchains
 
最近のKeycloakのご紹介 ~クライアントポリシーとFAPI~
最近のKeycloakのご紹介 ~クライアントポリシーとFAPI~最近のKeycloakのご紹介 ~クライアントポリシーとFAPI~
最近のKeycloakのご紹介 ~クライアントポリシーとFAPI~
Hitachi, Ltd. OSS Solution Center.
 
Presentation On Slack
Presentation On SlackPresentation On Slack
Presentation On Slack
Rahul Khandelwal
 
Infusing the PRiSM™ Sustainability Framework into the IPMA Project Excellence...
Infusing the PRiSM™ Sustainability Framework into the IPMA Project Excellence...Infusing the PRiSM™ Sustainability Framework into the IPMA Project Excellence...
Infusing the PRiSM™ Sustainability Framework into the IPMA Project Excellence...
Triantafyllos Katsarelis
 
Blockchain - the future of the Internet
Blockchain - the future of the InternetBlockchain - the future of the Internet
Blockchain - the future of the Internet
APNIC
 

What's hot (20)

Is Metaverse The Next Big Thing?
Is Metaverse The Next Big Thing?Is Metaverse The Next Big Thing?
Is Metaverse The Next Big Thing?
 
Blockchain for Business Operations
Blockchain for Business OperationsBlockchain for Business Operations
Blockchain for Business Operations
 
Permissonless & Permissioned blockchain
Permissonless & Permissioned blockchainPermissonless & Permissioned blockchain
Permissonless & Permissioned blockchain
 
Decentraland Crypto
Decentraland CryptoDecentraland Crypto
Decentraland Crypto
 
Blockchain 101 | Blockchain Tutorial | Blockchain Smart Contracts | Blockchai...
Blockchain 101 | Blockchain Tutorial | Blockchain Smart Contracts | Blockchai...Blockchain 101 | Blockchain Tutorial | Blockchain Smart Contracts | Blockchai...
Blockchain 101 | Blockchain Tutorial | Blockchain Smart Contracts | Blockchai...
 
Jitsi video bridge で遊んでみた
Jitsi video bridge で遊んでみたJitsi video bridge で遊んでみた
Jitsi video bridge で遊んでみた
 
DAOとは?
DAOとは?DAOとは?
DAOとは?
 
Formation BLOCKCHAIN
Formation BLOCKCHAINFormation BLOCKCHAIN
Formation BLOCKCHAIN
 
Impact of cloud computing in education, e governance
Impact of cloud computing in education, e governanceImpact of cloud computing in education, e governance
Impact of cloud computing in education, e governance
 
5 Best Metaverse Games to Play
5 Best Metaverse Games to Play5 Best Metaverse Games to Play
5 Best Metaverse Games to Play
 
Into the Metaverse: 9 Superpowers of VR Learning
Into the Metaverse: 9 Superpowers of VR LearningInto the Metaverse: 9 Superpowers of VR Learning
Into the Metaverse: 9 Superpowers of VR Learning
 
Icsa2018 blockchain tutorial
Icsa2018 blockchain tutorialIcsa2018 blockchain tutorial
Icsa2018 blockchain tutorial
 
Blockchain
BlockchainBlockchain
Blockchain
 
What is Blockchain Technology?
What is Blockchain Technology?What is Blockchain Technology?
What is Blockchain Technology?
 
Metaverse System Architectures
Metaverse System ArchitecturesMetaverse System Architectures
Metaverse System Architectures
 
How To Become A Blockchain Engineer
How To Become A Blockchain EngineerHow To Become A Blockchain Engineer
How To Become A Blockchain Engineer
 
最近のKeycloakのご紹介 ~クライアントポリシーとFAPI~
最近のKeycloakのご紹介 ~クライアントポリシーとFAPI~最近のKeycloakのご紹介 ~クライアントポリシーとFAPI~
最近のKeycloakのご紹介 ~クライアントポリシーとFAPI~
 
Presentation On Slack
Presentation On SlackPresentation On Slack
Presentation On Slack
 
Infusing the PRiSM™ Sustainability Framework into the IPMA Project Excellence...
Infusing the PRiSM™ Sustainability Framework into the IPMA Project Excellence...Infusing the PRiSM™ Sustainability Framework into the IPMA Project Excellence...
Infusing the PRiSM™ Sustainability Framework into the IPMA Project Excellence...
 
Blockchain - the future of the Internet
Blockchain - the future of the InternetBlockchain - the future of the Internet
Blockchain - the future of the Internet
 

Similar to BuildETH

The 10 Usability Commandments
The 10 Usability CommandmentsThe 10 Usability Commandments
The 10 Usability Commandments
sytnik
 
Eindpresentatie usability engels
Eindpresentatie usability engelsEindpresentatie usability engels
Eindpresentatie usability engels
Hanzehogeschool
 
10 Usability Heuristics explained
10 Usability Heuristics explained10 Usability Heuristics explained
10 Usability Heuristics explained
Eranga Thilan Liyanage
 
Megan McKeever - design
Megan McKeever - designMegan McKeever - design
Megan McKeever - design
mmm5014
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rules
Preeti 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 Ray
bhumika2108
 
Concept Presentation
Concept PresentationConcept Presentation
Concept Presentation
Christine Rosakranse
 
Heuristic principles
Heuristic principlesHeuristic principles
Heuristic principles
Swathy Tantry
 
Prometheus - Open Source Forum Japan
Prometheus  - Open Source Forum JapanPrometheus  - Open Source Forum Japan
Prometheus - Open Source Forum Japan
Brian Brazil
 
Assessing the quality of usability
Assessing the quality of usabilityAssessing the quality of usability
Assessing the quality of usability
Aditya 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 heuristics
HafizMImran1
 
Evaluating User Interfaces
Evaluating User InterfacesEvaluating User Interfaces
Evaluating User Interfaces
Nancy Jain
 
HCI Unit 3.pptx
HCI Unit 3.pptxHCI Unit 3.pptx
HCI Unit 3.pptx
Raja980775
 
10th heuristic evaluation
10th heuristic evaluation10th heuristic evaluation
10th heuristic evaluation
Tenia Wahyuningrum
 
Heuristic ux-evaluation
Heuristic ux-evaluationHeuristic ux-evaluation
Heuristic ux-evaluation
Steffen Kastner
 
ASSESSING THE QUALITY OF USABILTY
ASSESSING THE QUALITY OF USABILTYASSESSING THE QUALITY OF USABILTY
ASSESSING THE QUALITY OF USABILTY
Radhika Dilip Kale
 
Moving To SaaS
Moving To SaaSMoving To SaaS
Moving To SaaS
Alistair Croll
 
10 principles of interaction design
10 principles of interaction design10 principles of interaction design
10 principles of interaction design
Linda Bartlett
 
Assignment 4 hci
Assignment 4 hciAssignment 4 hci
Assignment 4 hci
Jeddie 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

2024_summer_my_dream_from_users_gnjp_20240708
2024_summer_my_dream_from_users_gnjp_202407082024_summer_my_dream_from_users_gnjp_20240708
2024_summer_my_dream_from_users_gnjp_20240708
kousato1
 
High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...
High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...
High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...
sharonblush
 
Arch.Bob _ 005 _ Architectural Portfolio
Arch.Bob _ 005 _ Architectural PortfolioArch.Bob _ 005 _ Architectural Portfolio
Arch.Bob _ 005 _ Architectural Portfolio
ssusere235001
 
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
chandadutta02102
 
Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)
Kal-el Shows
 
Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...
Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...
Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...
monikaservice00
 
Design Impulse: Boost the power of design
Design Impulse: Boost the power of designDesign Impulse: Boost the power of design
Design Impulse: Boost the power of design
Pieter van Langen
 
Pranay Mhatre Introduction cum Portfolio
Pranay Mhatre Introduction cum PortfolioPranay Mhatre Introduction cum Portfolio
Pranay Mhatre Introduction cum Portfolio
Pranay Мhatre
 
A Journey Through Islamic Architecture.pdf
A Journey Through Islamic Architecture.pdfA Journey Through Islamic Architecture.pdf
A Journey Through Islamic Architecture.pdf
Mostafa Abd Elrahman
 
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
rawankhanlove256
 
2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf
kousato1
 
bedsores20-9-14-150627122143-lva1-app6892.pptx
bedsores20-9-14-150627122143-lva1-app6892.pptxbedsores20-9-14-150627122143-lva1-app6892.pptx
bedsores20-9-14-150627122143-lva1-app6892.pptx
gameransh001
 
The Ultimate Logo Design Checklist for Entrepreneurs
The Ultimate Logo Design Checklist for EntrepreneursThe Ultimate Logo Design Checklist for Entrepreneurs
The Ultimate Logo Design Checklist for Entrepreneurs
illuminz
 
Maria Reginalda Alifia's Creative Portfolio 2024
Maria Reginalda Alifia's Creative Portfolio 2024Maria Reginalda Alifia's Creative Portfolio 2024
Maria Reginalda Alifia's Creative Portfolio 2024
alifia97
 
Mixer design with example is given in this ppt
Mixer design with example is given in this pptMixer design with example is given in this ppt
Mixer design with example is given in this ppt
ssuserbaba88
 
Portfolio of Family Coat of Arms, devised by Kasyanenko Rostyslav, ENG
Portfolio of Family Coat of Arms, devised by Kasyanenko Rostyslav, ENGPortfolio of Family Coat of Arms, devised by Kasyanenko Rostyslav, ENG
Portfolio of Family Coat of Arms, devised by Kasyanenko Rostyslav, ENG
Rostyslav Kasyanenko
 
This is Diva abaya look book portfolio .pdf
This is Diva abaya look book portfolio .pdfThis is Diva abaya look book portfolio .pdf
This is Diva abaya look book portfolio .pdf
divathisis
 
SMACNA - DUCT CONSTRUCTION STANDARDS-2005.pdf
SMACNA -  DUCT CONSTRUCTION STANDARDS-2005.pdfSMACNA -  DUCT CONSTRUCTION STANDARDS-2005.pdf
SMACNA - DUCT CONSTRUCTION STANDARDS-2005.pdf
Magdiel70
 
SS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers ParisSS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers Paris
Peclers Paris
 
Enemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts LegacyEnemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts Legacy
AidanOKeefe2
 

Recently uploaded (20)

2024_summer_my_dream_from_users_gnjp_20240708
2024_summer_my_dream_from_users_gnjp_202407082024_summer_my_dream_from_users_gnjp_20240708
2024_summer_my_dream_from_users_gnjp_20240708
 
High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...
High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...
High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...
 
Arch.Bob _ 005 _ Architectural Portfolio
Arch.Bob _ 005 _ Architectural PortfolioArch.Bob _ 005 _ Architectural Portfolio
Arch.Bob _ 005 _ Architectural Portfolio
 
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
 
Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)
 
Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...
Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...
Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...
 
Design Impulse: Boost the power of design
Design Impulse: Boost the power of designDesign Impulse: Boost the power of design
Design Impulse: Boost the power of design
 
Pranay Mhatre Introduction cum Portfolio
Pranay Mhatre Introduction cum PortfolioPranay Mhatre Introduction cum Portfolio
Pranay Mhatre Introduction cum Portfolio
 
A Journey Through Islamic Architecture.pdf
A Journey Through Islamic Architecture.pdfA Journey Through Islamic Architecture.pdf
A Journey Through Islamic Architecture.pdf
 
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
 
2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf
 
bedsores20-9-14-150627122143-lva1-app6892.pptx
bedsores20-9-14-150627122143-lva1-app6892.pptxbedsores20-9-14-150627122143-lva1-app6892.pptx
bedsores20-9-14-150627122143-lva1-app6892.pptx
 
The Ultimate Logo Design Checklist for Entrepreneurs
The Ultimate Logo Design Checklist for EntrepreneursThe Ultimate Logo Design Checklist for Entrepreneurs
The Ultimate Logo Design Checklist for Entrepreneurs
 
Maria Reginalda Alifia's Creative Portfolio 2024
Maria Reginalda Alifia's Creative Portfolio 2024Maria Reginalda Alifia's Creative Portfolio 2024
Maria Reginalda Alifia's Creative Portfolio 2024
 
Mixer design with example is given in this ppt
Mixer design with example is given in this pptMixer design with example is given in this ppt
Mixer design with example is given in this ppt
 
Portfolio of Family Coat of Arms, devised by Kasyanenko Rostyslav, ENG
Portfolio of Family Coat of Arms, devised by Kasyanenko Rostyslav, ENGPortfolio of Family Coat of Arms, devised by Kasyanenko Rostyslav, ENG
Portfolio of Family Coat of Arms, devised by Kasyanenko Rostyslav, ENG
 
This is Diva abaya look book portfolio .pdf
This is Diva abaya look book portfolio .pdfThis is Diva abaya look book portfolio .pdf
This is Diva abaya look book portfolio .pdf
 
SMACNA - DUCT CONSTRUCTION STANDARDS-2005.pdf
SMACNA -  DUCT CONSTRUCTION STANDARDS-2005.pdfSMACNA -  DUCT CONSTRUCTION STANDARDS-2005.pdf
SMACNA - DUCT CONSTRUCTION STANDARDS-2005.pdf
 
SS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers ParisSS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers Paris
 
Enemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts LegacyEnemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts Legacy
 

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/