PDE 產品數據分析工具

在客戶的需求了解階段中，雖然有一個明確且完整的企劃書，但實際的資訊架構和互動模式並未被清楚地定義。時行團隊負責重新整理這些需求，並與客戶進行長時間的溝通和協作，使用各種文件和wireframe的方式來確認需求與產品的想像和認知是一致的。這個過程中，團隊花費了大量的時間和努力，以確保最終的產品能夠符合客戶的期望和要求。

由於產品的互動方式與架構極度需要被理解，屬於相當專業領域的輪廓族群在使用。因此，在團隊完成 Wireframe 之後，我們進行了易用性測試以了解使用者對於產品的理解是否正確。透過這次測試，我們不僅能夠確認使用者是否正確理解產品，還能夠實際觀察產品流程的順暢度，並提出改進的建議。

根據易用性測試的結果，我們發現一些使用者對於產品的理解有一些困難。使我們將專注於解決這些問題，並改善產品的易用性。

由於同時進行兩個該客戶的專案產品，我們需要在產品定位上做出認知的差異。PDE（Product Data Explore）是一種量化數據研究平台，在創意發想階段設計團隊使用藍色系呈現理性因素。此外，我們在產品 Landing Page 頁面上使用了毛玻璃和水晶質感的 3D 物件，以展示更新穎、現代的產品形象。這些設計元素為我們的產品增添了獨特性，並吸引了更多的目光。通過這些手法，我們希望將產品在市場上脫穎而出，讓客戶對我們的品牌和產品有更深入的了解。

在資料查詢的路徑過程中，使用者可以選擇大類別、子類和品類中的品類進行資料模組搜集。為了方便使用者查找，團隊設計了一個類似 Mega Menu 的總選單，並使用了格式塔理論來增強子類層級的視覺群組提示。此外，區塊上也使用互動方式提示可選的層級。所有這些設計都是為了在使用者初次使用時減輕認知負擔。

在完成資料模組的查找後，我們發現資料非常豐富，其中包括市場分析、產品定位、功能規格等多個數據指標項目。為了更好地組織這些資料，我們使用了頁籤來進行分類，每個分類下還有大量的資料、表格和圖表。此外，我們還特別設計了一個『錨點選單』，這個選單不僅可以提示使用者正在觀看的圖表內容，還可以讓使用者了解已經加載的內容有哪些，同時也方便使用者選擇其他分頁內容。這樣的設計在複雜的資料內容中增加了便利性，讓使用者更加輕鬆地使用資料模組。

在 PDE 產品中，我們也專注於提供方便資料比較的清晰圖表。我們設計了各種圖表類型，包括雷達圖、折線圖、柱狀圖、圓餅圖等，以呈現數據的不同特徵和趨勢。這些圖表不僅具有視覺吸引力，還提供了清晰的標籤和軸刻度，使使用者能夠輕鬆地比較和分析數據。
另外，我們還使用了表格來補充圖表設計。表格提供了更詳細的數據，可以清楚地列出每個數值和相關信息。這樣，使用者可以更方便地查看和比較數據，並進一步分析和瞭解產品的特點和趨勢。

此外，我們還著重於提供完整且一致的設計語言。無論是圖表、按鈕還是表格，我們都使用相同的風格、顏色和排版方式來創建一致的使用者體驗。這樣的設計語言不僅使產品看起來更專業，還讓使用者更容易理解和操作產品。此外，我們進一步強調了可讀性，加入了更多的文字內容和說明，以提供更詳細的指導和解釋。這些補充內容可以幫助使用者更好地了解產品的使用方式和功能。

另外，我們也遵照 A11y 設計原則檢視了顏色比度，以確保產品在各族群使用者方面的可讀性。通過增加更多的對比度和使用高對比色彩，我們確保了文字和圖像的清晰度，從而提高了產品的可用性。

總結而言，我們在設計和可讀性方面做出了多項改進，以確保產品具有更好的使用體驗。我們致力於提供易於理解、易於操作和易於閱讀的產品，並不斷努力提高我們的設計語言和可用性標準。