在這個資訊爆炸的時代，每天的工作都會被大量文字如業務報告、技術文件和市場分析所包圍，但真正能迅速理解這些內容的人又有多少？當需要向多個背景的對象，如公司高層或合作夥伴傳遞資訊時，如何有效地呈現成了一項挑戰。

面對高層的文字挑戰
在解決方案架構的領域中，如同前言提到且常常會面臨將複雜且龐大的資訊報告給主管、高層主管或需求單位的使用者，儘管資料已經經過精心整理，但由於其內容的複雜性，讀者往往難以快速理解和吸收。

接著舉一個簡單的例子

情境案例: 系統上雲的服務關聯說明

當一家公司決定將其核心業務系統遷移到雲端時，這涉及多個步驟和考慮因素。以下是一個情境，描述一個零售公司將其銷售和庫存管理系統遷移到Azure雲端的過程。

使用者體驗

1. 使用者首先通過一個Web界面訪問系統，這個界面托管在Azure的App Service上。
2. 使用者輸入查詢，例如查找特定的商品庫存。
3. 系統通過Azure SQL Database查詢庫存數據。
4. 如果商品庫存低，系統會自動通過Azure Logic Apps觸發一個流程，通知供應鏈管理系統進行補貨。
5. 使用者在界面上看到查詢結果和任何相關的通知。

文字範例

當使用者想要查詢一款特定的商品時，他們會登錄到由Azure App Service托管的Web介面。該系統會將查詢請求傳遞給後端的Azure SQL Database，該數據庫存儲所有庫存和銷售數據。如果該商品的庫存低於一定閾值，Azure Logic Apps會自動觸發一個流程，通知供應鏈管理系統進行補貨。這整個過程對使用者來說是透明的，他們只會在Web界面上看到查詢結果和相關的通知。

圖片範例

從剛剛的案例可以衍伸幾項的結果

視覺的力量與策略

視覺資訊的處理速度非常快。利用圖表、流程圖或示意圖，可以迅速地傳達複雜的系統架構或資料流向，幫助高層或使用者快速掌握核心資訊。

圖片在架構報告中的角色

在技術報告或系統設計中，視覺元素如圖表和圖形不僅可以幫助讀者更容易理解，還可以突顯重要的資訊點。例如，一個系統互動的流程圖可以清晰地展示各個模組之間的關聯，而無需冗長的文字描述。

文字與圖片的平衡術

文字可以提供深入的技術細節和解釋。關鍵在於找到文字和圖片之間的平衡，確保報告既有深度又易於理解。

看完這一些，想要實作透過圖片的方式呈現可以怎麼開始?

以下是建議的步驟，幫助開始透過圖片的方式呈現資訊：

1. 確定目標：首先，確定希望通過圖片傳達的主要訊息或目標(ex : 關於xx專案的時程圖、架構圖、調查結果圖等等)。
2. 選擇適當的視覺化工具：根據需求，選擇適合的視覺化工具。例如製作思維導圖或組織結構圖時，可以考慮使用Xmind或是Mermaid，然後製作流程圖、ER圖或其他類型的圖表時draw.io是一個選擇。
3. 收集資料：確保有所有需要的資料和訊息來創建圖片。

小技巧

若認為剛剛舉例的工具需要花費過多時間學習，可以利用AI快速生成使用者的時序圖 (Sequence diagram)，具體步驟如下

1. 開啟Bing Chat並且Prompt請參考下者

請幫我尋找關於azure app service部署後終端使用者操作時的過程(ex : 開啟網頁後接續會發生哪一些事情)，並且將這一些資訊透過Mermaid的程式語言提供終端使用者操作過程的sequence diagram範例

2. 將結果貼到Mermaid live editor，範例程式碼如下

sequenceDiagram
participant User
participant Browser
participant App Service
User->>Browser: Open web page
Browser->>App Service: Send HTTP request
App Service->>Browser: Return HTTP response
Browser->>User: Display web page
User->>Browser: Perform some action (e.g. click a button)
Browser->>App Service: Send another HTTP request
App Service->>Browser: Return another HTTP response
Browser->>User: Update web page

3. 檢視輸出的結果
   

透過上面提到的三個的步驟即可迅速生成需求衍伸的圖片附件，若近期在文字呈現上感到困擾的讀者們，不妨嘗試上述提到的工具和AI的服務來解決問題囉！