掌握數碼製品:可信度、設計與可用性

歡迎閱讀這份數碼專題研習溫習筆記!每當你在電腦上製作簡報、設計網頁、錄製播客(Podcast)或編輯圖像時,你都在處理數碼製品(Digital Artefacts)。在這個課題中,你將會學到如何像專業人士一樣建立重用修訂改裝各類數碼項目,同時確保它們值得信賴設計精美,而且任何人都能輕鬆使用

如果有些名詞一開始看起來比較陌生,不用擔心——我們會用簡單的日常生活例子,一步一步為你拆解每個概念!

---

1. 甚麼是數碼製品(Digital Artefact)?

數碼製品是指由人類利用電腦科技所建立、組合或編輯的任何數碼項目或內容。

數碼製品的例子包括:
文件:文書處理報告、通訊或文章。
圖像:點陣圖相片、向量標誌(Logo)以及數碼橫額(Banner)。
音訊與影片:播客、訪談錄音和影片剪輯。
數據檔案:試算表和資料庫。
互動媒體:網站和流動應用程式(App)。

數碼生命週期的四個階段(C-R-R-R)

想輕鬆記住這四個生命週期階段,可以運用記憶法口訣:Can Robots Read Recipes?(Create 建立、Reuse 重用、Revise 修訂、Repurpose 改裝)。

1. 建立(Creating):從零開始,使用原始素材製作一個全新的原創數碼物件。
例子:在文書處理軟件中撰寫一篇原創文章,或在繪圖板上繪製專屬標誌。

2. 重用(Reusing):在遵守法律許可的前提下,擷取現有的數碼元素(例如開源程式碼片段、圖示或音效剪輯)並加入到新專案中。
例子:下載一個可免費使用的麥克風圖示,並放到學校校園電台的海報上。

3. 修訂(Revising):編輯、改善、修正或更新現有的製品,讓它變得更好、更有效率或更準確。
例子:改正錯別字、更新簡報中過時的資料,或根據同學的反饋潤飾圖片。

4. 改裝(Repurposing):將原本為特定目的或格式製作的數碼製品進行調整,轉化為完全不同的格式或迎合全新受眾的需要。
例子:將一份長達 10 頁的科學專題報告重點,轉化為一張色彩繽紛的單頁資訊圖(Infographic)或互動簡報。

重點歸納:數碼製品並不是製作一次後就被束之高閣。我們會不斷建立新內容、重用有用的資源、修訂以修正錯誤,並將它們改裝成耳目一新的格式。

---

2. 維度一:可信度與內容真實性

當你建立或重用數碼內容時,必須確保你的數據真實、可靠且合法。

評估資料來源

網上的資料並不一定全屬真實!記得時常檢查:
準確性(Accuracy):你能否利用其他可靠的來源核實這些事實?
偏見(Bias):作者是在推銷產品,還是帶有個人偏見而非提供客觀平衡的事實?
權威性(Authority):內容由誰撰寫或製作?他們是否為公認的專家或具公信力的機構?

識別數碼竄改與偽造

數碼媒體很容易被編輯、斷章取義(只展示極少數具誤導性的數據),或是利用電腦工具人工生成(例如深度偽造(Deepfake)人工智能生成內容(AI-generated content))。在信任或重用任何圖片、影片或引錄之前,先問問自己:這會否經過竄改或由 AI 生成以誤導他人?

版權、共享創意(Creative Commons)與署名

重用數碼資產時,必須尊重原創者的權益:

版權(Copyright):一項保護創作者的法律,防止他人在未經授權下複製、修改或分發其原創作品。
共享創意(Creative Commons, CC):一套特別的授權條款,允許創作者在明確的規則下將作品分享給公眾使用。例如,CC0(公眾領域 Public Domain)代表任何人都可以不受限制地免費使用;而 CC-BY(署名)則允許你在標明原作者的前提下使用及修改作品。
抄襲(Plagiarism)與署名(Attribution):抄襲是指抄襲他人的作品並假裝是自己的創作;署名則是指在重用他人內容時,給予適當的認可並註明原作者或出處。

應避免的常見誤解:

迷思:「只要圖片出現在 Google 圖片搜尋中,任何人都可以免費使用。」
事實:搜尋引擎中的絕大多數圖片都擁有版權所有人。請務必篩選具備「共享創意」授權或免版稅的媒體,並記得標明出處!
迷思:「搜尋引擎排在最頂的結果必定最準確無誤。」
事实:搜尋引擎是根據搜尋演算法和熱門程度來排名的,並不代表內容絕對真實。請務必查證多個資料來源。

重點歸納:隨時核實資料來源,提防經過編輯或人工生成的媒體,並透過使用共享創意資源及妥善標明出處來尊重版權。

---

3. 維度二:實用設計原則

優秀的設計不僅是為了美觀,更重要的是幫助你的目標受眾(Target Audience)快速清晰地理解你所傳遞的訊息。

受眾與目的

在設計製品前,請先思考兩個簡單的問題:
1. 這是為誰而設的?(小學生、中學生,還是商業專業人士?)
2. 製作的目標是甚麼?(作教學用途、娛樂大眾,還是發出緊急指引?)

你的答案將決定你所選用的配色、用詞、字體大小以及版面結構的複雜程度。

四大核心設計原則

1. 視覺層次(Visual Hierarchy):妥善安排物件的位置,讓讀者的視線自然先落在最重要的內容上。標題可使用較大、粗體的字體,副標題用中等字體,內文則使用較小且清晰的字體。
2. 一致性(Consistency):在所有頁面或畫面中保持相同的字體、配色方案、按鈕風格和版面配置結構,避免令用戶感到混亂。
3. 對齊與留白 / 負空間(Alignment and Whitespace):將文字和圖片整齊地按網格對齊,並在物件周圍保留適當的空白空間。適度留白可以避免畫面顯得過於擁擠和雜亂。
4. 色彩理論與對比度(Colour Theory & Contrast):運用協調的顏色組合,並提供強烈的對比度(例如淺色背景配深色文字),以確保文字清晰易讀。

重點歸納:出色的設計運用視覺層次、一致性、整齊對齊和強烈色彩對比,引導用戶輕鬆瀏覽內容。

---

4. 維度三:可用性與無障礙設計(用戶體驗)

可用性(Usability)是用來衡量用戶在操作及理解你的數碼製品以達到其目標時,過程是否簡單、高效且令人滿意。

直觀導航(Intuitive Navigation)

當製品具備直觀導航時,用戶無需閱讀說明書就能自然知道該點擊哪裡。例子包括:
• 網頁頂部或側邊清晰且符合預期的選單列。
• 大眾廣泛認識的標準化圖示(例如代表主頁的「小房屋」圖示,或代表流動版選單的「三條線漢堡包」圖示)。
導航路徑 / 麵包屑導航(Breadcrumbs):顯示用戶當前所在位置的路徑(例如:主頁 > 電腦科 > 第一課)。

無障礙設計(Accessibility):關顧每位用戶的需要

數碼製品應照顧不同人士的需要,包括視力或聽力受損的人士:

替代文字(Alt Text / Alternative Text):附加在圖片上的簡短文字描述,讓屏幕閱讀器(Screen Reader)軟件可以將內容讀給視障用戶聽。
色彩對比度:確保文字與背景之間有足夠鮮明的對比,讓視力較弱或色盲人士能夠輕鬆閱讀。
字幕與逐字稿:為影片加入字幕,並為播客和錄音提供文字逐字稿,方便聽障或弱聽人士理解內容。
清晰字體(Legible Typography):使用清晰易讀的無襯線字體(Sans-serif,例如 Arial 或 Calibri)並配以適當字體大小,避免使用過於花巧的裝飾字體。

應避免的常見誤解:

迷思:「可用性就只是把網頁設計得時髦漂亮。」
事實:一個網站即使擁有華麗的動畫,但如果按鈕難以尋找或文字難以辨認,它的可用性依然很差。可用性著重的是功能、導航與無障礙體驗!

重點歸納:可用性讓數碼工具變得簡單易用,而無障礙設計則確保所有人(包括殘疾人士)都能順利使用這些工具。

---

5. 快速溫習清單

在發佈或提交任何數碼製品之前,請先核對以下清單:

[ ] 可信度:我有否透過多個來源核實事實?我是否已標明原作者出處(署名)並遵守版權 / 共享創意的規則?
[ ] 設計:版面配置是否保持一致?視覺層次是否分明?我有否保留足夠的留白以避免畫面雜亂?
[ ] 可用性與無障礙設計:選單和按鈕是否容易找到?我有否為圖片加入替代文字、提供高色彩對比度,並選用清晰的無襯線字體?