The Story
Blocto 由前知名加密貨幣交易所 Cobinhood 的成員創始，團隊致力於簡化區塊鏈應用對於新手的登陸、使用體驗，希望藉此能夠創造一個蓬勃發展的開發者生態。
專案管理
產品設計
UX 文案撰寫
視覺設計
2019/09 - 2021/03
專案概覽
合作客戶
專案時間
角色
Blocto,
A novice-oriented
cryptocurrency
wallet
Blocto 由前知名加密貨幣交易所 Cobinhood 的成員創立，團隊原本想打造 Blockchain 應用程式瀏覽器（dApp Browser），希望透過簡化 C 端使用者的區塊鏈登陸體驗，來與 B 端想開發區塊鏈應用的
公司合作。
然而，我們發現由於過度簡化設計，用戶們無法在 MVP 版本中找到他們所需要的功能，甚至不知道 Blocto 初衷「dApp Browser」的概念是什麼？更沒有意願留存使用 Blocto 來操作區塊鏈應用。
作為創始團隊的一員，我的角色除了既有的功能設計外，更扮演著產品經理的角色，協助團隊重新定義產品定位、導入產品思維，我需要向團隊解釋哪些資訊可能會造成使用者感到挫折、哪些設計可能又被過度簡化。
the challenge
1
產品定位
大部分的用戶都認為 Blocto 是一款加密貨幣錢包，許多用戶們表示第一次使用時無法找到錢包入口。因而讓產品定位設計得符合市場期待會是最重要的事。
2
如何與用戶建立信任？
許多用戶在嘗試新的加密貨幣錢包時，總是會擔心資產挪用的問題，因而他們不敢在錢包裡放過多資產。Blocto 若希望從交易手續費中獲利，使用者一定得在 Blocto 裡存放資產，這是第二件需要被解決的重要問題。
3
用戶行為
我們發現多數用戶在使用 dApps 時會很頻繁的確認資產的狀況，這是因為大多數的 dApps 都是金融相關的應用。而目前的結構並無法協助用戶以這個方式使用。
4
功能導航
在現有瀏覽器的結構下，大多數的用戶都無法很直覺地以一個步驟就找到他們想要的功能。
Design Iterations
最小可行性產品
初期我們先花兩個月的時間從無到有的建立產品，為了
增加開發效率，整個 Browser 的機制是以 Firefox 為基底去修改、擴建。
版本 1.2
優化了登錄頁面以及增加「錢包入口」、調整 dApp 捷徑按鈕並增加「瀏覽紀錄」、也將原本的搜尋列調整到上方導覽列中。
這時期我們嘗試與一間叫做 Knight Story 的放置型手遊合作，
其遊戲機制是必須在區塊鏈上領取每日獎勵，Blocto 透過提供交易手續費的補助來獲取新用戶；但隨著 Knight Story 失去熱度，Blocto 的使用量也日漸降低。
團隊意識到使用者只是將 Blocto 作為領取每日獎勵的工具，並不會透過 Blocto 來操作其他 dApp。
版本 1.5
這時期我們參考了當時 Apple App Store 的改動，用文章的形式來介紹應用以及提供區塊鏈相關的基礎知識。由於當時面對的用戶主要是區塊鏈新手，我們認為這樣的做法有助於增進使用者的興趣。
dApp 捷徑：增加分類來整理 dApps，讓使用者更容易看到我們想提供的文章
文章列表：參考了 Blinkist 「7 日閱讀挑戰」的設計，增加了推薦閱讀這個區塊。
遊戲化設計
我們也在這個階段做了遊戲化設計，每篇文章都會提供一個或多個任務，使用者在完成任務後可以獲得加密貨幣或是 Blocto 點數獎勵。但這樣的設計操作並無法為團隊帶來可觀的使用數據，甚至我們發現使用者領到獎勵後就會立即轉出。
使用者訪談
我們想進一步瞭解使用者如何看待 Blocto？對於獎勵有哪些偏好？因而在這個時期時我們進行了多場不同類型用戶的使用者訪談，
包含：新技術愛好者、區塊鏈公司創辦人、區塊鏈公司業務開發、區塊鏈技術愛好者、區塊鏈遊戲玩家，針對目前對於 Blocto 的看法以及平時如何使用區塊鏈產品進行訪談。
最終我們發現：
大部分的用戶對於 Blocto 的產品定位感到迷惑，許多人並無法了解什麼是「dApp 瀏覽器」，他們所認知的區塊鏈相關工具為：虛擬貨幣錢包、交易所
許多使用者仍然找不到「錢包」功能，即便我們已經在登陸頁加入使用者錢包的快捷列
使用者想像朋友介紹 Blocto，但由於目前的產品架構，他們需要花很多時間來介紹什麼是 Blocto
遊戲化設計仍然無法增加使用者回訪率，但使用者提到他們喜歡在 Blocto 上學習區塊鏈新知
錢包以及交易紀錄 (iOS & Android)
Optimization
Solution 1.
定義主要功能 與
以分頁形式區分個別功能
團隊其他成員終於意識到「使用者無法理解 dApp 瀏覽器的概念」，因而我們召開了會議討論未來的產品定位，我們的目標用戶仍然為區塊鏈新手，因而團隊認為 Blocto 的產品定位會是「提供各種區塊鏈知識、推薦應用的入口」。
我們從過往幾個迭代中重新定義了 Blocto App 的主要功能，同時因為使用者對於區塊鏈產品普遍認知是「錢包」、「交易所」，因而我們決定優化資產管理功能，並讓使用者隨時都可以切換到錢包功能。
Tab 導航設計
團隊其他成員初期相當排斥使用 Tab 作為導航的設計，認為會與其他產品相似度過高。但在使用者訪談後大家意識到易用性的重要，因而我們重新安排 UI 層級與設計。Tab 作為導航的設計讓 Blocto 看起來更直覺，而且每個功能也都能被妥善的呈現 。
Home Tab
我們希望使用者將Blocto視為持續學習和探索區塊鏈相關知識的平台，因而將文章作為整個 App 的首頁，希望用戶每次返回時都能看到不同的新消息。
Discover Tab
我們將想介紹的 dApps 獨立成一個 Discover 頁面，使用者可以在這裡找到各種最新、主打的 dApps。
Wallet Tab
在用戶訪談中，我們發現使用者們普遍認為 Blocto 是一個加密貨幣錢包，也因此我們想要優化資產管理功能。現在使用者可以更快捷地一鍵找到錢包。
Notification Tab
當使用者在 Blocto 上有越來越多各種交易行為與活動，統一的資產變動概況能幫助他們更即時的了解資產概況。
Solution 2
內建可收合的瀏覽器
我們從使用者研究中以及 Amplitude 得知，在操作 dApp 時使用者會經常確認他們的資產狀況，尤其是金融類型的應用 。
因而用戶需要一個可以隨時取用的瀏覽器而不是一個用過即關閉的 Web View 。
我設計了一個可以收合的瀏覽器，這個瀏覽器可以讓使用者在 Blocto 中的任何頁面與瀏覽器互相切換；而這個設計是參考
Youtube 及 Spotify 的 Mini-Player。Mini-Player 讓用戶可以在邊聽歌、看影片的同時持續瀏覽其他更多的內容，而這正好符合我們的使用情境 。
這個設計能無縫的在瀏覽器與用戶的上一個頁面之間切換
Solution 3.
統一資產管理體驗
在新的設計中，所有的資產都是被平行擺放而沒有隸屬於特定的區塊鏈底下，這讓介面看起來更加直覺 。
我們發現很多區塊鏈新手仍然在學習代幣以及正在認識代幣的符號，而且他們通常不會持有超過 5 種以上的資產。
我參考了第三方支付服務以及新手面向的加密貨幣錢包（像是 MyEtherWallet），
他們選擇使用卡片式的設計而不是列表設計來呈現資產，我想這可能是更接近日常生活，讓使用虛擬資產與使用信用卡、
點數卡的體驗相似，更容易認知這是一個實際資產。
Fungible Tokens 同質化代幣
前一版設計
加密貨幣資產與交易紀錄混合顯示，使用者很難在介面上找到特定項目。除此之外，使用者也無法在資產管理找到非同質化代幣的資產 。
改版後
使用者可以在頁面上看到所有資產以及總價值(美金估值) 。 如果要瀏覽非同質性代幣，只需要右滑到 Collectibles 頁面即可。
改版後
單一頁面只呈現特定資產的交易紀錄，底部的控制按鈕也能發送/接收該類型的加密貨幣 。
Non-Fungible Tokens 非同質化代幣
收藏列表
統一非同質性化代幣的管理介面，接收/購買/發送行為都與同質性化代幣相同，容易上手。
收藏品展示
可以完整呈現非同質性化代幣的圖像，同時在這個版本中使用者也可以透過販售按鈕找到適合的賣場 。
Solution 4.
讓用戶管理客製自己的資產列表
大部分的用戶只會有幾種加密貨幣資產，因而這個新設計中資產列表只會顯示使用者已經擁有的資產，用戶可以再額外手動添加。
而這個設計也減少了建立錢包的開銷 (由於 Blocto 是智能合約錢包，每次建立錢包都需要手續費) 。
而這次設計也因為用戶研究，增加了讓用戶重新排序以及隱藏資產的功能 。
代幣與收藏品都使用相同的管理方式（建立資產、排序資產、隱藏資產），直覺的設計幫助使用者很輕易的訂製自己的資產列表 。
Micro-Interaction Design
使用中的區塊鏈 指示
Blocto 是個支援多種區塊鏈的錢包，而現今有不少 dApps 也都支援
多個區塊鏈，因而告知使用者正在使用的區塊鏈就變得很重要。
使用者可以透過點擊前方區塊鏈的圖示來切換使用中的區塊鏈。
載入頁面後網址列會顯示區塊鏈網路資訊，並在 2-3 秒後消失
待處理交易計數器
使用者在 dApp 上發出交易後，會需要介面上有相對應的回饋以提醒使用者交易已經產生，避免重複發送交易的情況出現 。而這個計數器也可以讓使用者知道還有多少待處理交易。
交易產生後，網址列會縮小並顯示待處理交易計數器 。
每當交易被區塊鏈網路確認後，數值也會隨之更新。
展開資產詳細資訊
這個動態是幫助使用者理解新頁面內的資訊與使用者點擊的
資產卡有直接關聯，讓使用者更好理解資產卡與交易紀錄的關係 。
0x5CcD3728...dD97341686800b3
4.5603
ETH
≈ 12,599.92 USD
Ether
0x5CcD37284f20A44134....68680b3
≈ 12,599.92 USD
ETH
4.5603
Balance
RESULT
Blocto 獲得主流 NFT 項目與市場採用
Blocto 成為了 Flow 代幣的質押代表方，並且被許多主流 NFT 項目採用，例如：VIV3, MotoGP, Versus, Rarible, Axie Infinity 等等。使用者可以透過 Blocto SDK 輕鬆的在 NFT 項目裡連動錢包，並於 Blocto App 裡管理他們所持有的資產，而這也代表 Blocto 已經獲得市場及用戶的信賴。
1
2020 年 11 月至 2021 年 3 月間帶動 80,000 以上非重複新用戶增長
在 2020 年 11 月改版上線後，我們成功的滿足了用戶的需求，也成功地將 Blocto 的產品定位從「區塊鏈瀏覽器」導向「值得信賴的加密貨幣錢包」，超越了原本區塊鏈瀏覽器所能提供給用戶的價值。而自從 Blocto 被主流 NFT 市場與項目採用後，2020 年 11 月至 2021 年 3 月間增長了 80,000 以上主要由美國、亞洲、俄羅斯組成的非重複新用戶。
2
收藏品
空白狀態
交易紀錄
空白狀態
通知列表
空白狀態
完成設定
成功狀態
2FA 授權設定
導覽畫面
Illustrations
Projects
中文