「托特 thoth」是一個尋找技能交換、家教、同好讀書會的平台。
我本人在 2022.6 開始使用此 App，希望可以在平台上，建立“技能交換”和“讀書會”的文章，找到可以一起學習 JavaScript 和練習 Side Project 的同好。
但是用著用著，發現有些功能可以改善，所以就當作練習 Side Project 吧！
首先，先做了使用者調查，分別訪問了 A、B 兩位使用者的測試，共有三個問題兩個測試：
使用者訪談
問題 1：為了什麼事情而使用此 App？
想要在上面找到可以英語對練的對象，我擅長的是街舞。（使用者 A）
想辦一個讀書會，結交不同專業的朋友。（使用者 B）
問題 2：這款 APP 最讓你印象最深刻的部份是什麼？
真的有人想要跟我交換技能！而且也有很多想要學習的。（使用者 A）
操作很簡易，好上手。（使用者 B）
問題 3：使用這款 APP 最難的部分是什麼？
聊天時，只能簡單用文字敘述，很難建立溝通。（使用者 A）
想找有沒有類似的讀書會，可是不能單獨只看讀書會的分類。（使用者 B）
使用者測試
測試 1：請自己建立一個文章。
測試 2：請找到自己想要的文章，交換技能、讀書會、家教學生都可以。
經過上面的測試與訪談，得出兩個功能可以改善：
1. 沒有單獨搜尋讀書會、找家教學生、交換技能標籤的功能。
托特的探索功能很單純，輸入關鍵字或選擇類別，就會列出所有相關列表，列表是依照發布日期排序。
所以進行了三個延伸功能：[地區篩選]、[交流分類篩選]、[評分篩選]。
[地區篩選]與[交流分類篩選]，以前端工程思考，要列出符合地區，符合分類的文章，再將列表匯出即可。
[評分篩選]，則會多出使用者評分功能，需要計算每種分類的最高分到最低分，以及使用者評分頁面和評分留言頁面等等。
2. 訊息功能介面可以有更多互動。
托特的訊息功能比較偏向通知鈴鐺，使用者之間在建立交換技能之後，大多都會轉移到 LINE 或 Google Meet 其他聊天平台，優點是：介面乾淨，缺點是：較難願意與陌生人交換聯絡資訊。
所以，發想出：將 LINE 的一些功能搬到訊息功能，製作成一個可以建利社群的獨立功能。
Barter UI Prototype（AdobeXD）
https://xd.adobe.com/view/91a645e8-7f9b-41af-5c66-41d3fb7767f6-e797/
本人在工作上較常使用 AdobeXD 進行 Prototype，目前這個 Side Project 進度到 Prototype 而已，除了上述的兩項延伸功能外，還另外發現可以做更多，於是乾脆做了一個全新改版 — Barter 技能交換平台。
其中還參考版塊設計的網站動態規則 SOP，來進行網站的流程規劃。
目前規劃有兩點：A載入動態、C進場動態。
以上，就是這次 Side Project 的分享心路歷程，是蠻希望之後有時間的話，可以把它做得更完整一些，可以學習到更多 UI 與前端的交織！
