WEB 3/BLOCKCHAIN 

Redesign Wallet Transaction and Security Alerts

A Easy tool for Gen Xers and Millennials to enter Web3.0 with security alert
Client
Moment Studio
Role
Product Designer / Web Version
Tools
F i g m a
M i r o
M a z e
Platform
Web
Timeline & completion
2022 MAY
OVERVIEW

Designathon organized by Avocademy for a week. There were 3 topics to choose from: FinTech, Web3, and Metaverse. I chose Web3 because I want to help Gen Xers and Millennials move from Web2.0 to Web3.0.

After receiving the brief and doing some initial research, I knew I had to be efficient in understanding and defining my objectives since iterating and designing the prototype would take up the majority of my time. I broke down the tasks and allocated 2 days for research, 1 day on synthesizing findings from research and ideating, 1 day to build Lo-Fi & Hi-Fi wireframes and 1 day to make the presentation.

‍

‍

Problem
How might we build trust for people who want to enter web3 to alleviate the insecure feelings?
Solution
Design Process
Background Story
Discovery & Research
4 big obstacles to learn a new language
After conducting research and interviews, I found out that 30 million people tried to learn a new language in 2020. The people I have interviewed want to learn a new language for reasons such as planning to travel to a foreign country, communicating with relatives that speak the language, or understanding dramas without subtitles in that language. However, the current methods (physical classes, online learning, and apps) they are using were not effective. Eventually lost the motivation of learning it. But, there is one thing that they kept doing watching Netflix and selecting the language they are interested in.
‍
The following is the User Insights of summary.
USER NEEDS
Family and heritage: to connect with family or heritage and reclaim a lost language.
Career: to succeed in careers that involve international business or diplomacy
Personal development: to challenge themselves and expand their horizons
Cultural immersion: to immerse themselves in a new culture and gain understanding
Travel: to travel more easily and have an authentic experience
USER GOALS
Basic proficiency: to achieve basic conversational skills.
Reduce accent: to better understand the culture associated with the language.
Cultural understanding: use the correct words when communicating with native speakers.
Why video streaming services might be an effective way?
Based on my interviews, I observed that language learners tend to lose motivation when attending language classes or engaging in online learning. However, they remain interested in the language when they relax at home and watch streaming services, choosing to watch dramas in the language they are learning. Despite the fact that these streaming services only offer one subtitle, I asked them if they would turn on a second subtitle service if it were available. The response was overwhelmingly positive, with 100% of the interviewees expressing their willingness to utilize such a feature. This suggests that video streaming services could be an effective tool for language learners, as they can provide an immersive and engaging way to learn a new language.
Which streaming service should we start with?
Over the past decade, on-demand video streaming such as Amazon Prime Video, Hulu, and Netflix has become a ubiquitous part of everyday life. These services have made foreign language TV programs and movies much more accessible to both language teachers and students.
Why choose Korean as the MVP product?
Korean was the second fastest-growing language in the world in 2020. A lot of that growth can be attributed to Hallyu or the wave of Korean content that the world was consuming.
Netflix invested $500 million in Korean content in 2021. BTS, Kpop, Parasite, Squid Game, all of these contributed to massive growth in people wanting to learn Korean. With this demand for content and the availability of it on platforms such as Netflix and YouTube, we’ll be able to support users in learning the Korean language with the content they want to watch.

Real case scenario

Congratulations! You discovered a Love Death + Robots NFT. Please connect your wallet in order to receive this free NFT.

Complete 2 tasks :

  1. Connect to your Metamask wallet
  2. Confirm you have successfully minted and received this NFT.

‍

Qualitative Research

5 participants
Age: 30-40.
Experienced with the crypto wallet.

‍

‍

Empathy Map

Key pain points : ‍
‍

Information overload - There are many new terms and concepts in web3. As a user tries to learn more, often they become more confused. ‍
‍

Security concern - Phishing attacks are rampant and there are very few protections against user errors. Users have a hard time differentiating between legitimate sites and scams.

‍

‍

‍

‍Uncertain feelings throughout the entire process:

  • What do these numbers indicate?
  • What does Data mean though....?
  • Do I need to reopen the chrome extension to open MetaMask?
  • Not sure where to click to confirm the transaction.

‍

Ideation - Brainstorming Solutions
After identifying the user needs, I brainstormed solutions and created an user flow and information architecture. Those were followed by Lo-Fi & Hi-Fi wireframes, UI kit and usability testing.
Sketches
Sound flash cardsFocus
Language Journal - store words -> export to Quizlet/Anki
Focus/Reflection app
Subtitles on Netflix
/YouTube or Podcast

Qualitative Research

Empathy Map

I chose Web3 because I want to help Gen Xers and Millennials move from Web2.0 to Web3.0. As the sole Product Designer for this challenge, I conducted informal rapid interviews, organized research discoveries, and designed the visual elements and interaction flows.
Key pain points : ‍ Information overload - There are many new terms and concepts in web3. As a user tries to learn more, often they become more confused. ‍ Security concern - Phishing attacks are rampant and there are very few protections against user errors. Users have a hard time differentiating between legitimate sites and scams.

Lo-Fi Wireframes

User Testing
Feedback
Participant A: Not sure what is the purpose of on/off button.
Participant B: The menu drop-down is covering most of the screen.
‍
Developer's comment:
Will the video be paused while the definition is being displayed? Or it stops when hovering to the translation?
‍
Participant A: I prefer the video stop when hovering to the translation.
Participant B: I hope I can save the words translation and review later on.
‍

UI & Mid-Fi

Hi-Fi Wireframes

Final Design Overview
Sketches
No items found.
Usability Testing

Noteworthy Hightlights:

HIGHLIGHT #1

72% lack knowledge - Cybersecurity considerations for Web3

Deeper connections will come at a price that cybersecurity professionals must take into consideration.
HIGHLIGHT #2

Can interact with protocols without giving away too much personal data

Web3’s framework centers around a decentralized network that can lead to increased robustness and a decentralized form of technology (blockchain) that discourages any particular person or group from having full control of the ecosystem.

Challenges

The on/off button is necessary after adding the learning dashboard page.
"How to enhance memory of the new vocabulary that has been saved in the journal?"

Feedback Insights - What Can We Improve?

Impact

Lesson #1
Impact #1

Explanation for terminology

Annotations would provide users better understanding of the transactions they are performing and reduce the likelihood of being scammed.
Lesson #2
Impact #2

Improve security level

There is not a simple, general answer to the data protection challenges that we face in the future. Improving security with design should be emphasized to reduce the likelihood of cybersecurity and data breaches in Web3.
TRAVEL
Emirates Airline - design onboard service sequences by launching gesture course into service training
Check it out
TECH
Pin Pin Fang - An Overseas Real Estate Platform
Check it out
TECH
Gaja (가자 - “Let’s go!”) - a new way of learning languages
Check it out
© 2022 Yvonne Fu Chen. All rights reserved.
Designed from scratch with 💛, studies, and lots of research.
‍