ethereum / ethereum-org-website

Ethereum.org is a primary online resource for the Ethereum community.
https://ethereum.org/
MIT License
5.09k stars 4.83k forks source link

Content request: best design practices for wallets (UX/UI) #13655

Open konopkja opened 3 months ago

konopkja commented 3 months ago

This is a content request for anyone to write a beginner friendly article about designing a crypto wallet interface.

Whoever wants to write the article, please first comment on this issue and we will assign it to you.

Where will the article live? It will be added to design documentation: https://ethereum.org/en/developers/docs/design-and-ux/

Describe the solution you'd like

If this is too broad it can be split into multiple articles

BoluwatifeInferno commented 2 months ago

Gm @konopkja. I have experience in this field and would love to be assigned this task. I would love to split it into multiple articles.

konopkja commented 2 months ago

hi @BoluwatifeInferno thats great! Thank you so much! Can you please create a new issue mentioning this one and explaining perhaps summary of the first article you would write? What the sections of the article be about.

Given the topic, are you a designer?

BoluwatifeInferno commented 2 months ago

Yes I am, a bit rusty but I am well in tune with the basics.

Oh sure, may I ask how to create a new issue mentioning this one?

konopkja commented 2 months ago

no need to create new issue - i will assign you this one.

BoluwatifeInferno commented 2 months ago

Gm @konopkja. I wasn't sure if this was necessary but it was mentioned in a previous comment, so I decided there was no harm. This is a mini outline of the first article in this series.

Best Practices In Designing Crypto Wallet Interface For Beginners.

Overview of crypto wallets and their significance.

  1. Understanding the Basics of Crypto Wallets Types of wallets (custodial vs. non-custodial, hot vs. cold). Key features and functionalities.
  2. Key Design Principles for a Crypto Wallet Interface Simplicity, accessibility, and security considerations.
  3. Practical Steps for Designing a Crypto Wallet Interface User research, wireframing, prototyping, and iterative design.
  4. Common UX Issues in Crypto Wallets and How to Avoid Them Complex onboarding, confusing terminology, poor error handling.
  5. Guidelines for an Effective Wallet Design Consistency, feedback, responsiveness, and visual hierarchy.
konopkja commented 2 months ago

Hi, comments bellow.

Best Practices In Designing Crypto Wallet Interface For Beginners.

Overview of crypto wallets and their significance.

  1. Understanding the Basics of Crypto Wallets Types of wallets (custodial vs. non-custodial, hot vs. cold). Key features and functionalities.

What would be the content here? how does this contribute to the goal of the article? (we should consider the reader will know these basic differences already)

  1. Key Design Principles for a Crypto Wallet Interface Simplicity, accessibility, and security considerations.

This isn't wrong, but is very nuanced in this context. Be careful here when writing the content and consider that too simple UI often lacks appropriate amount of guidance for users (which results in poor usability as novice users do not know what to do and the UI doesnt help them, classic example is wallet "receive" screen design with a simple big QR code, acc address and no other information what to do).

Similarly some wallets in the name of security force people to only write down recovery phrase without providing other options that are deemed "less secure" resulting in a situation where people arent ready for this level of commitment and are being forced into something they do not feel comfortable doing at that point.

  1. Practical Steps for Designing a Crypto Wallet Interface User research, wireframing, prototyping, and iterative design.
  1. Common UX Issues in Crypto Wallets and How to Avoid Them Complex onboarding, confusing terminology, poor error handling.

looking good :) hope to see some examples

  1. Guidelines for an Effective Wallet Design Consistency, feedback, responsiveness, and visual hierarchy.

looking good :) hope to see some examples

github-actions[bot] commented 1 month ago

This issue is stale because it has been open 30 days with no activity.

konopkja commented 3 weeks ago

Hello @BoluwatifeInferno, do you still want to work on this one or should we give it to others in the community?

BoluwatifeInferno commented 2 weeks ago

Gm @konopkja I apologize for the late response. IRL events have had me on chokehold, but I am back and ready to finish this task. I'm sorry for the inconvenience my lack of communication caused. Still I would like to be reassigned to this task, I already have an outline and I will give myself a proper schedule to ensure I finish all the articles in this issue on time.