2016年7月22日 星期五

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

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

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

(以下圖片若無特別註明,皆摘自講者簡報)

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

ux1.png
雖然是 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年7月12日 星期二

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


(本文翻譯自 Storymakers 2016 Winners

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

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




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

給非營利組織的 Adobe Photoshop 簡介


2134.intro-photoshop-nonprofits-part-1-header.jpg

(本文翻譯自 The TechSoup Blog

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

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

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

sample-nonprofit-poster-small.jpg

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

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

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

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


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

Photoshop 五項基本概念

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

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

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


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

目錄

1. 著作權圖片:未經許可不得使用
2. 不需詢問,自由取用
3. 如何註明圖像來源
4. 使用圖像原則 
5. 尋找開放授權圖像 
6. 其他網路自由圖像資源 
網路上有眾多圖片,可供您的組織及慈善單位使用,但如何找到最適合網站、電子報或年報的圖片?如何確保可合法使用圖片?本文介紹尋找與運用優質圖片的基本方法。

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

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