[網二紀錄] 行動載具時代，NGO 網站設計妙方大公開！

Serge Kij / CC BY-NC 2.0

6/21 的網路星期二（活動頁面），邀請到電通安吉斯集團（台灣）策略資源總監，同時也身兼台灣使用者經驗設計協會監事陳啟亮（xxc）先生來分享：如果非營利機構沒有充沛的資源，網站應該怎麼面對行動時代的挑戰？如果有一些資源，應該要怎麼做才對？特別是好的設計通常需要解決：使用者的問題及組織經營的問題。

講者在網路泡沫化之前，就開始從事網路相關工作。最早是請業主不要在首頁做 flash，現在比較多專注在使用者體驗的領域。

（以下圖片若無特別註明，皆摘自講者簡報）

一、使用者體驗設計（UX Design）的規劃架構

雖然是 2002 年的資料，至今仍很實用。
網站架設就和蓋房子一樣，是講究邏輯的過程，從下往上慢慢蓋，也是很多人一起參與的過程。所以要先從比較抽象的核心概念來思考，譬如：組織的目的是什麼？使用者的需求？接著是溝通／傳播的策略，來作為目的和使用者之間的橋樑。

「骨幹」則牽涉到：放多少資訊？資訊的順序？譬如，大多要先解決信任問題，再提出募款的需求。

「表層」則是房子的骨架都弄好後，最後整體裝潢的風格。

二、媒體環境與行為轉變

• 2012-2015行動大爆炸
• 手機持有率陡峭上升：從只有 10% 的人有手機，到只有 10% 的人沒有手機
• 2015年：用手機 vs 看電視／看報紙／上網的比率，前者已經超過後者
• 拓荒時代的終結
• 2015年：行動裝置成為台灣最主要的媒體，比雜誌、報紙、廣播、電視、PC網路，手機使用的時間最高
• 手機：從通訊工具變成隨身娛樂與資訊工具（意義的改變）
• 手機就是我的行動電腦
• 經常把手機關掉以拒絕打擾
• 把手機當做電腦與娛樂裝置的趨勢
• 使用手機折價功能與廣告的偏好降低
• 在手機裡，App 上演著不被刪掉的飢餓遊戲
• 台灣人常用的 App 數量不多。每天使用 6 個，一週使用 9 個
• 56.7% 的手機使用者中，自己裝的 App 低於 10 個，因此多做 App 並不會讓 user 多認識你
• 「社交通訊」是有錢人與大公司才能玩的 App 紅海戰場
• 日常生活的應用 App：還有一點機會
• 養成品牌忠誠粉絲策略：有些 App 使用人數不會多，但因為會用得到，也不會被刪除
• 數位嘗新減少：更多人只用習慣的 App 與網站，所以新的 App 要讓使用者發現的難度越來越高，也代表 user 的行為逐漸固定
• 只用行動的人口比例增加，特別是青年與低社經族群
• 低社經：沒有餘錢買其他裝置，同時手機打字的門檻也低
• 手機的學習門檻低，可以帶來接觸更多數位資源的機會
• 給電腦不如給手機

2016 數位故事創作挑戰賽：台灣同志諮詢熱線獲獎！

jsawkins / CC BY-SA 2.0

（本文翻譯自 Storymakers 2016 Winners）

2016 數位故事創作挑戰賽（活動頁面），收到來自超過 35 個國家、600 支以上參賽影片，包括台灣、中國和香港；同時有來自 20 個國家的朋友，參與了線上 Twitter 討論。

最佳影片：學習即興創作可以改變生命（Learning to Improvise Can Be Life-Changing）

最佳影片得主來自底特律市，是眾望所歸的首選。來自「底特律創造力專案」（ The Detroit Creativity Project），本影片展現了高超的製作技巧，帶領觀眾經歷一場感同身受、瞭解底特律學校的旅程。影片中，透過即興創作和創意藝術，我們看見栩栩如生的感受、身體和智慧。同時，本影片是透過美國科技濃湯捐贈的 Adobe 產品所製作的。

給非營利組織的 Adobe Photoshop 簡介

（本文翻譯自 The TechSoup Blog）

若想改善照片效果、設計創意內容、剪裁舊照片，Photoshop 都是最佳工具。無論是調整照片色澤，或控制數位內容的各項細節，都能仰賴這項應用程式的強大功能。

各位過往使用 Photoshop 的經驗若不多，學習過程或許有些可怕，因此科技濃湯希望在此傳授幾項照片處理與圖像製作的基本技巧，讓各位能用於平面、網路及社群媒體中。

我們為此編寫連續五篇部落格文章與教學影片（以下影片皆為英文），協助各位學習 Photoshop 基本技巧。



在第二篇文章中（英文），我們將蒐集製作上側海報所需的各種素材，包括字型、照片、標誌等。

本系列文章希望向各位介紹基本概念，方便各位製作如上側海報般的內容。

之後各位即可自行創作，向外界說明組織宗旨，並包含組織品牌形象，如標誌、字型、色彩與訊息。

第二篇文章將提供這張海報的 Photoshop 檔案（PSD）下載連結，以及其他資訊。

（在此科技濃湯只翻譯第一篇，若大家有興趣，可繼續閱讀後面的章節[英文]）

Photoshop 五項基本概念

在各位動手修飾或創作之前，請先放輕鬆，認識 Photoshop 基本概念，以下五段教學短片將幫助各位擁有Photoshop使用基礎知識，其中包括：

1. 工具列簡介（以及各項工具與功能的實用連結）
2. 說明畫布與圖像的差異
3. 使用色彩及色彩模式的訣竅
4. 示範如何修飾圖像
5. 儲存平面或網路所需圖像

非營利機構搜尋與使用圖像指南—如何在網路上搜尋照片並合法使用

（本文改寫自 Robin Good 發表的「為部落格找到免費圖片及視覺」（英文），並由 Laura Kindsvater 在2016年 3 月更新。）

目錄

1. 著作權圖片：未經許可不得使用
2. 不需詢問，自由取用

• 2-1. 公有領域圖像
• 2-2. 註明「自由著作權」
• 2-3. 開放授權圖像
• 2-4. 圖像可合理使用

3. 如何註明圖像來源
4. 使用圖像原則 
5. 尋找開放授權圖像 
6. 其他網路自由圖像資源 

網路上有眾多圖片，可供您的組織及慈善單位使用，但如何找到最適合網站、電子報或年報的圖片？如何確保可合法使用圖片？本文介紹尋找與運用優質圖片的基本方法。

非營利組織與慈善單位經營不易，要為網站或刊物尋找圖片時，網路貌似是個巨大的免費相簿，但未經許可使用受版權保護的圖片，即便用途良善，仍屬違法行為。

網路上有不少地方，能夠取得可合法使用的圖片，本文將列舉眾多資源，但若要使用自網路上取得的圖片，得先瞭解幾項基本原則。