The background
DeFi 金融衍生品市場發展仍在早期階段
金融衍生品優點在於可提供較好流動性及資金使用效率
使用衍生品將能協助投資人控制於 DeFi 中的波動風險
缺乏比較好的設計讓投資人可以更容易使用複雜的衍生品
The challenge
進行研究，轉化抽象概念為具象畫面
在設計尚未開始，我花費了許多時間與研究員討論，試圖全面的了解此產品的背後機制，及其設計邏輯，最重要的過程在於將抽象的衍生品概念轉化為具象的流程、架構、畫面，同時也討論了前沿市場的趨勢，並由研究報告獲得對競品的詳盡認識，綜合了以上的資料，我與研究員、開發者逐步達成產品方向的共識，足以進行下一步的設計。
The solution
對各使用階段的必要資訊，規劃合適的披露時機
iGain 被定位為 DeFi 選擇權的框架，網站則作為平台，為投資人提供不同標的的選項。我們的目標即是在一連串的操作流程中，盡可能讓使用者知道目前在什麼階段，以及當前各個資訊代表的意義，我寫下了兩點基本原則供設計時參考：
清楚：
安排資訊的優先層級與披露時機
透明：
外顯交易過程中各項狀態與內容
參與 iGain 的使用者主要分為兩種：
1. 交易者
以部分預算購買多 / 空代幣以對沖更大部位的風險，或作為投資來獲利
2. 流動性提供者
由於採用 AMM 創建市場，因此將以獎勵吸引其來增加流動性
1. 一次完整投資的使用流程
由於每個標的皆包含一定時長的期程、各項價格、當前餘額等資訊，而每次的投資也必須經過數個步驟及上鏈確認。對於參與一個完整期程的任務，使用者可能已有對標的的預想（例如已有放貸中的部位），因此先讓使用者能夠比較差異，像是資產種類，而在選定後才會揭露更為詳盡的內容。
我分類了使用者可能在意的、必須被告知的資訊，將它們分配在不同的步驟上，並試著清楚的在介面上標示。而在交易介面中說明使用者下一步所將造成的效果，在重要步驟前給予確認，在交易完成後提示狀態的更新。
2. 定義資訊架構
其實在進行流程設計前，我通常先定義資訊架構，iGain 作為一種衍生品平台，我考慮它的擴充性，以一個平台 landing page 統合說明不同標的，每種標的產品頁面套用固定模板，未來可朝向針對單一地址的 portfolio 整合頁面繼續發展。
簡化認知負擔，同時確實告知使用者投資風險
產品迭代的過程中大家仍不斷思考，作為衍生品，對於有特定需求的使用者，iGain 能不能成為第一站，協助使用者更簡易達到目標？
3. 整合任務，一鍵完成
以對利率為標的的 iGain IRS 為例，相比於其他競品，並不需要提供本金即可交易，不過我們仍決定開發串連了 AAVE、Yean 的一鍵借放貸服務，讓使用者可以直接在 iGain IRS 的介面上完成達到固定利率的所有操作。
4. 試算器估算結果，降低不確定感
即使在未連錢包的情況下，使用者仍能取用所有的試算功能，就 iGain IRS 來說，輸入投資總額可試算出對應的結果，即是可以對沖的部位大小和其他交易資訊。對涉及操作資產的產品，除了數據透明化，估算易於理解的參考結果，將可有效降低使用時的不確定感，是產品中重要的功能之一。
估算結果不只是作為參考，對於借貸所需注意的清算風險，在介面上也須清楚說明與警示，並提供相對上更安全的操作選項。
Delivery
建構 UI kit 與工程團隊溝通
由於時間緊迫，此 UI kit 比較輕量且面向開發，設計上須定義元件行為一致，也是為產品的擴展性考量。
Iteration
必須適應產業環境的快速變化
iGain 整體設計迭代了數個版本，標的由暫時性損失擴增至借放貸的利率波動，而後因以太主網的手續費高昂，必須選擇跨鏈。我們為此盤點了各種操作情境，逐一設計互動及顯示方式，例如：
由介面元件操作換鏈
由錢包操作換鏈
未連錢包的情況
連至錯誤鏈的情況
Feedbacks after launch
檢視文字，加強說明與引導
我們從社群挑選了 15 位使用者，在產品上線後與他們面談，獲得不少文字方面的建議，我們因此標示了更多專有名詞解釋、操作引導，而非只有外連文章的連結，也重新撰寫錯誤訊息的回傳內容，讓使用者更易於了解當前遇到的狀況。
最終，使用者反饋大多為正面，不過在初期認識產品時仍然感到較為複雜，這是造成產品使用門檻的因素之一，此議題是可以再進一步探究的方向。
Reflection
持續累積設計標準是重要的
DeFi 的精神之一便是讓使用者重新掌握對金融的控制權，不過也因而提高了使用門檻，對設計師而言，必須相當了解產品的運作，才得以構思有效的方式降低使用難度，讓使用者清楚知道自己在做什麼、會承受什麼風險。
此產品設計的過程中訂定了一些設計標準，取經自業界頂尖產品或資深使用者的經驗，針對如數據的顯示、跨鏈的互動、交易的流程等，由反覆的設計測試後，將成為未來設計時的重要參考資料。
Co-work with Researcher, PM, Front-end Developer, Marketing
The background
DeFi 金融衍生品市場發展仍在早期階段
金融衍生品優點在於可提供較好流動性及資金使用效率
使用衍生品將能協助投資人控制於 DeFi 中的波動風險
缺乏比較好的設計讓投資人可以更容易使用複雜的衍生品
The challenge
進行研究，轉化抽象概念為具象畫面
在設計尚未開始，我花費了許多時間與研究員討論，試圖全面的了解此產品的背後機制，及其設計邏輯，最重要的過程在於將抽象的衍生品概念轉化為具象的流程、架構、畫面，同時也討論了前沿市場的趨勢，並由研究報告獲得對競品的詳盡認識，綜合了以上的資料，我與研究員、開發者逐步達成產品方向的共識，足以進行下一步的設計。
The solution
對各使用階段的必要資訊，規劃合適的披露時機
iGain 被定位為 DeFi 選擇權的框架，網站則作為平台，為投資人提供不同標的的選項。我們的目標即是在一連串的操作流程中，盡可能讓使用者知道目前在什麼階段，以及當前各個資訊代表的意義，我寫下了兩點基本原則供設計時參考：
清楚：
安排資訊的優先層級與披露時機
透明：
外顯交易過程中各項狀態與內容
參與 iGain 的使用者主要分為兩種：
1. 交易者
以部分預算購買多 / 空代幣以對沖更大部位的風險，或作為投資來獲利
2. 流動性提供者
由於採用 AMM 創建市場，因此將以獎勵吸引其來增加流動性
1. 一次完整投資的使用流程
由於每個標的皆包含一定時長的期程、各項價格、當前餘額等資訊，而每次的投資也必須經過數個步驟及上鏈確認。對於參與一個完整期程的任務，使用者可能已有對標的的預想（例如已有放貸中的部位），因此先讓使用者能夠比較差異，像是資產種類，而在選定後才會揭露更為詳盡的內容。
我分類了使用者可能在意的、必須被告知的資訊，將它們分配在不同的步驟上，並試著清楚的在介面上標示。而在交易介面中說明使用者下一步所將造成的效果，在重要步驟前給予確認，在交易完成後提示狀態的更新。
2. 定義資訊架構
其實在進行流程設計前，我通常先定義資訊架構，iGain 作為一種衍生品平台，我考慮它的擴充性，以一個平台 landing page 統合說明不同標的，每種標的產品頁面套用固定模板，未來可朝向針對單一地址的 portfolio 整合頁面繼續發展。
簡化認知負擔，同時確實告知使用者投資風險
產品迭代的過程中大家仍不斷思考，作為衍生品，對於有特定需求的使用者，iGain 能不能成為第一站，協助使用者更簡易達到目標？
3. 整合任務，一鍵完成
以對利率為標的的 iGain IRS 為例，相比於其他競品，並不需要提供本金即可交易，不過我們仍決定開發串連了 AAVE、Yean 的一鍵借放貸服務，讓使用者可以直接在 iGain IRS 的介面上完成達到固定利率的所有操作。
4. 試算器估算結果，降低不確定感
即使在未連錢包的情況下，使用者仍能取用所有的試算功能，就 iGain IRS 來說，輸入投資總額可試算出對應的結果，即是可以對沖的部位大小和其他交易資訊。對涉及操作資產的產品，除了數據透明化，估算易於理解的參考結果，將可有效降低使用時的不確定感，是產品中重要的功能之一。
估算結果不只是作為參考，對於借貸所需注意的清算風險，在介面上也須清楚說明與警示，並提供相對上更安全的操作選項。
Delivery
建構 UI kit 與工程團隊溝通
由於時間緊迫，此 UI kit 比較輕量且面向開發，設計上須定義元件行為一致，也是為產品的擴展性考量。
Iteration
必須適應產業環境的快速變化
iGain 整體設計迭代了數個版本，標的由暫時性損失擴增至借放貸的利率波動，而後因以太主網的手續費高昂，必須選擇跨鏈。我們為此盤點了各種操作情境，逐一設計互動及顯示方式，例如：
由介面元件操作換鏈
由錢包操作換鏈
未連錢包的情況
連至錯誤鏈的情況
Feedbacks after launch
檢視文字，加強說明與引導
我們從社群挑選了 15 位使用者，在產品上線後與他們面談，獲得不少文字方面的建議，我們因此標示了更多專有名詞解釋、操作引導，而非只有外連文章的連結，也重新撰寫錯誤訊息的回傳內容，讓使用者更易於了解當前遇到的狀況。
最終，使用者反饋大多為正面，不過在初期認識產品時仍然感到較為複雜，這是造成產品使用門檻的因素之一，此議題是可以再進一步探究的方向。
Reflection
持續累積設計標準是重要的
DeFi 的精神之一便是讓使用者重新掌握對金融的控制權，不過也因而提高了使用門檻，對設計師而言，必須相當了解產品的運作，才得以構思有效的方式降低使用難度，讓使用者清楚知道自己在做什麼、會承受什麼風險。
此產品設計的過程中訂定了一些設計標準，取經自業界頂尖產品或資深使用者的經驗，針對如數據的顯示、跨鏈的互動、交易的流程等，由反覆的設計測試後，將成為未來設計時的重要參考資料。
Co-work with Researcher, PM, Front-end Developer, Marketing
The background
DeFi 金融衍生品市場發展仍在早期階段
金融衍生品優點在於可提供較好流動性及資金使用效率
使用衍生品將能協助投資人控制於 DeFi 中的波動風險
缺乏比較好的設計讓投資人可以更容易使用複雜的衍生品
The challenge
進行研究，轉化抽象概念為具象畫面
在設計尚未開始，我花費了許多時間與研究員討論，試圖全面的了解此產品的背後機制，及其設計邏輯，最重要的過程在於將抽象的衍生品概念轉化為具象的流程、架構、畫面，同時也討論了前沿市場的趨勢，並由研究報告獲得對競品的詳盡認識，綜合了以上的資料，我與研究員、開發者逐步達成產品方向的共識，足以進行下一步的設計。
The solution
對各使用階段的必要資訊，規劃合適的披露時機
iGain 被定位為 DeFi 選擇權的框架，網站則作為平台，為投資人提供不同標的的選項。我們的目標即是在一連串的操作流程中，盡可能讓使用者知道目前在什麼階段，以及當前各個資訊代表的意義，我寫下了兩點基本原則供設計時參考：
清楚：
安排資訊的優先層級與披露時機
透明：
外顯交易過程中各項狀態與內容
參與 iGain 的使用者主要分為兩種：
1. 交易者
以部分預算購買多 / 空代幣以對沖更大部位的風險，或作為投資來獲利
2. 流動性提供者
由於採用 AMM 創建市場，因此將以獎勵吸引其來增加流動性
1. 一次完整投資的使用流程
由於每個標的皆包含一定時長的期程、各項價格、當前餘額等資訊，而每次的投資也必須經過數個步驟及上鏈確認。對於參與一個完整期程的任務，使用者可能已有對標的的預想（例如已有放貸中的部位），因此先讓使用者能夠比較差異，像是資產種類，而在選定後才會揭露更為詳盡的內容。
我分類了使用者可能在意的、必須被告知的資訊，將它們分配在不同的步驟上，並試著清楚的在介面上標示。而在交易介面中說明使用者下一步所將造成的效果，在重要步驟前給予確認，在交易完成後提示狀態的更新。
2. 定義資訊架構
其實在進行流程設計前，我通常先定義資訊架構，iGain 作為一種衍生品平台，我考慮它的擴充性，以一個平台 landing page 統合說明不同標的，每種標的產品頁面套用固定模板，未來可朝向針對單一地址的 portfolio 整合頁面繼續發展。
簡化認知負擔，同時確實告知使用者投資風險
產品迭代的過程中大家仍不斷思考，作為衍生品，對於有特定需求的使用者，iGain 能不能成為第一站，協助使用者更簡易達到目標？
3. 整合任務，一鍵完成
以對利率為標的的 iGain IRS 為例，相比於其他競品，並不需要提供本金即可交易，不過我們仍決定開發串連了 AAVE、Yean 的一鍵借放貸服務，讓使用者可以直接在 iGain IRS 的介面上完成達到固定利率的所有操作。
4. 試算器估算結果，降低不確定感
即使在未連錢包的情況下，使用者仍能取用所有的試算功能，就 iGain IRS 來說，輸入投資總額可試算出對應的結果，即是可以對沖的部位大小和其他交易資訊。對涉及操作資產的產品，除了數據透明化，估算易於理解的參考結果，將可有效降低使用時的不確定感，是產品中重要的功能之一。
估算結果不只是作為參考，對於借貸所需注意的清算風險，在介面上也須清楚說明與警示，並提供相對上更安全的操作選項。
Delivery
建構 UI kit 與工程團隊溝通
由於時間緊迫，此 UI kit 比較輕量且面向開發，設計上須定義元件行為一致，也是為產品的擴展性考量。
Iteration
必須適應產業環境的快速變化
iGain 整體設計迭代了數個版本，標的由暫時性損失擴增至借放貸的利率波動，而後因以太主網的手續費高昂，必須選擇跨鏈。我們為此盤點了各種操作情境，逐一設計互動及顯示方式，例如：
由介面元件操作換鏈
由錢包操作換鏈
未連錢包的情況
連至錯誤鏈的情況
Feedbacks after launch
檢視文字，加強說明與引導
我們從社群挑選了 15 位使用者，在產品上線後與他們面談，獲得不少文字方面的建議，我們因此標示了更多專有名詞解釋、操作引導，而非只有外連文章的連結，也重新撰寫錯誤訊息的回傳內容，讓使用者更易於了解當前遇到的狀況。
最終，使用者反饋大多為正面，不過在初期認識產品時仍然感到較為複雜，這是造成產品使用門檻的因素之一，此議題是可以再進一步探究的方向。
Reflection
持續累積設計標準是重要的
DeFi 的精神之一便是讓使用者重新掌握對金融的控制權，不過也因而提高了使用門檻，對設計師而言，必須相當了解產品的運作，才得以構思有效的方式降低使用難度，讓使用者清楚知道自己在做什麼、會承受什麼風險。
此產品設計的過程中訂定了一些設計標準，取經自業界頂尖產品或資深使用者的經驗，針對如數據的顯示、跨鏈的互動、交易的流程等，由反覆的設計測試後，將成為未來設計時的重要參考資料。
Co-work with Researcher, PM, Front-end Developer, Marketing
The background
DeFi 金融衍生品市場發展仍在早期階段
金融衍生品優點在於可提供較好流動性及資金使用效率
使用衍生品將能協助投資人控制於 DeFi 中的波動風險
缺乏比較好的設計讓投資人可以更容易使用複雜的衍生品
The challenge
進行研究，轉化抽象概念為具象畫面
在設計尚未開始，我花費了許多時間與研究員討論，試圖全面的了解此產品的背後機制，及其設計邏輯，最重要的過程在於將抽象的衍生品概念轉化為具象的流程、架構、畫面，同時也討論了前沿市場的趨勢，並由研究報告獲得對競品的詳盡認識，綜合了以上的資料，我與研究員、開發者逐步達成產品方向的共識，足以進行下一步的設計。
The solution
對各使用階段的必要資訊，規劃合適的披露時機
iGain 被定位為 DeFi 選擇權的框架，網站則作為平台，為投資人提供不同標的的選項。我們的目標即是在一連串的操作流程中，盡可能讓使用者知道目前在什麼階段，以及當前各個資訊代表的意義，我寫下了兩點基本原則供設計時參考：
清楚：
安排資訊的優先層級與披露時機
透明：
外顯交易過程中各項狀態與內容
參與 iGain 的使用者主要分為兩種：
1. 交易者
以部分預算購買多 / 空代幣以對沖更大部位的風險，或作為投資來獲利
2. 流動性提供者
由於採用 AMM 創建市場，因此將以獎勵吸引其來增加流動性
1. 一次完整投資的使用流程
由於每個標的皆包含一定時長的期程、各項價格、當前餘額等資訊，而每次的投資也必須經過數個步驟及上鏈確認。對於參與一個完整期程的任務，使用者可能已有對標的的預想（例如已有放貸中的部位），因此先讓使用者能夠比較差異，像是資產種類，而在選定後才會揭露更為詳盡的內容。
我分類了使用者可能在意的、必須被告知的資訊，將它們分配在不同的步驟上，並試著清楚的在介面上標示。而在交易介面中說明使用者下一步所將造成的效果，在重要步驟前給予確認，在交易完成後提示狀態的更新。
2. 定義資訊架構
其實在進行流程設計前，我通常先定義資訊架構，iGain 作為一種衍生品平台，我考慮它的擴充性，以一個平台 landing page 統合說明不同標的，每種標的產品頁面套用固定模板，未來可朝向針對單一地址的 portfolio 整合頁面繼續發展。
簡化認知負擔，同時確實告知使用者投資風險
產品迭代的過程中大家仍不斷思考，作為衍生品，對於有特定需求的使用者，iGain 能不能成為第一站，協助使用者更簡易達到目標？
3. 整合任務，一鍵完成
以對利率為標的的 iGain IRS 為例，相比於其他競品，並不需要提供本金即可交易，不過我們仍決定開發串連了 AAVE、Yean 的一鍵借放貸服務，讓使用者可以直接在 iGain IRS 的介面上完成達到固定利率的所有操作。
4. 試算器估算結果，降低不確定感
即使在未連錢包的情況下，使用者仍能取用所有的試算功能，就 iGain IRS 來說，輸入投資總額可試算出對應的結果，即是可以對沖的部位大小和其他交易資訊。對涉及操作資產的產品，除了數據透明化，估算易於理解的參考結果，將可有效降低使用時的不確定感，是產品中重要的功能之一。
估算結果不只是作為參考，對於借貸所需注意的清算風險，在介面上也須清楚說明與警示，並提供相對上更安全的操作選項。
Delivery
建構 UI kit 與工程團隊溝通
由於時間緊迫，此 UI kit 比較輕量且面向開發，設計上須定義元件行為一致，也是為產品的擴展性考量。
Iteration
必須適應產業環境的快速變化
iGain 整體設計迭代了數個版本，標的由暫時性損失擴增至借放貸的利率波動，而後因以太主網的手續費高昂，必須選擇跨鏈。我們為此盤點了各種操作情境，逐一設計互動及顯示方式，例如：
由介面元件操作換鏈
由錢包操作換鏈
未連錢包的情況
連至錯誤鏈的情況
Feedbacks after launch
檢視文字，加強說明與引導
我們從社群挑選了 15 位使用者，在產品上線後與他們面談，獲得不少文字方面的建議，我們因此標示了更多專有名詞解釋、操作引導，而非只有外連文章的連結，也重新撰寫錯誤訊息的回傳內容，讓使用者更易於了解當前遇到的狀況。
最終，使用者反饋大多為正面，不過在初期認識產品時仍然感到較為複雜，這是造成產品使用門檻的因素之一，此議題是可以再進一步探究的方向。
Reflection
持續累積設計標準是重要的
DeFi 的精神之一便是讓使用者重新掌握對金融的控制權，不過也因而提高了使用門檻，對設計師而言，必須相當了解產品的運作，才得以構思有效的方式降低使用難度，讓使用者清楚知道自己在做什麼、會承受什麼風險。
此產品設計的過程中訂定了一些設計標準，取經自業界頂尖產品或資深使用者的經驗，針對如數據的顯示、跨鏈的互動、交易的流程等，由反覆的設計測試後，將成為未來設計時的重要參考資料。
Co-work with Researcher, PM, Front-end Developer, Marketing
erikzou.designer@gmail.com
Copied!
erikzou.designer@gmail.com
Copied!
erikzou.designer@gmail.com
Copied!
erikzou.designer@gmail.com
Copied!