2017年4月24日 星期一

【活動紀錄】2017「非營利組織資訊科技運用」座談會(下)

2017 年「非營利組織資訊科技運用」座談會,在台北(2/21)和高雄(3/21)舉辦,共有 155 個組織、221 位 NPO 夥伴們,一起參與。

今年講題聚焦於:

  1. 雲端的介紹及未來的趨勢 
  2. 微軟捐贈給 NPO 使用的雲端平台—— Azure 的功能介紹與 NPO 案例分享 
  3. 行動載具時代,組織如何擁有正確的網站架構概念,並進行設計? 
除了專業講師,也邀請 NPO 夥伴分享 O365 與 Azure 的資訊應用經驗,一起來看看活動紀錄。


本文目錄

3. 陳啟亮:行動載具時代,NGO 網站設計妙方大公開!

 一、使用者體驗設計的架構
 二、媒體環境與行為轉變
 三、經營目標與策略
 四、行動網站設計

4. Q&A




3. 陳啟亮:行動載具時代,NGO 網站設計妙方大公開!(簡報

資訊不是電腦科技,而是「人使用情報的方式」。講者的工作一直都和「資訊」有關,研究消費者行為與資訊吸收,關注產業的變化;本身也是台灣使用者體驗設計協會的常務監事,很瞭解 NPO 資源有限的狀況。

一、使用者體驗設計的架構



以藥瓶設計為例:分析藥品的標籤,讓標籤更容易讀,把藥瓶變大。這個藥瓶的設計,讓美國 Target 百貨因為她的論文而推出藥房系統。設計師強調:「好設計讓人活得更安全更容易。」

回過頭來看網站設計,網站的資訊量很大,需要更多專業、通力合作,好像蓋房子,有優先順序,先有地質探勘,才有室內設計。

在台北場,透過問卷的回覆,可知每個組織平均有 1.67 人負責維運網站。維運很重要,否則房子蓋好可能只是蚊子館,無人使用。

網站架構+使用者的需求:滿足雙方不同的需求。需要就技術、內容、維運成本等等,進行評估。

二、媒體環境與行為轉變



前陣子寶可夢遊戲流行時,可以看到蠻多抓寶的都是老人家。在社區大學,長輩都有手機,幾乎每個人都會使用 Line 來拍照、看相片及影片。

2012-2015 行動大爆炸

  1. 手機持有率很快,比看報紙的人還多。
  2. 行動裝置的廣告預算大於 PC 網路的預算
  3. 手機成為非常重要的媒體媒介
  4. 人們在手機上停留的時間很多
  5. 電腦與電視受到的影響最大
大家對手機的心態也不同了。過去手機是時尚的代表,因為價格昂貴,但現在手機是娛樂和資訊來源的工具,不單單是溝通用。

手機使用人口:45-54歲,正好是「不用電腦做作業的世代」,即「數位新住民」——不熟悉鍵盤操作,所以手機介面的簡單操作很關鍵。

就「社經階層」來看:越窮的人越依賴手機,因為可能沒錢買電腦,但可以買手機——手機是生存的必要設備。

三、經營目標與策略









經營目標:直接的行動、面對面經營與人的關係,可能是最平民、最民主的。

  • 網站評估與人力資源
  • 做好就會有資源投入,而不是把事情做完就好
  • 組織認為的成功與經營方向?需要確定下來
常見問題:

  • 組織、用戶、傳播,各自是不同的目標和需要做的事。
  • 避免先射箭才畫圖。要先問:組織為什麼要做網站?
  • 傳播 vs 經營 是不同的


不同的目標會有不同的策略

  • 廣度策略:讓更多人知道與參與(不同年齡層與社經地位)
    • 先社群再行動
    • Mobile web SEO
    • 小規模測試數位廣告(譬如 Azure 節省下來的經費可以拿來用)
  • 效度策略:募款與招募
    • 傳統募款為主,慢慢往數位行動
    • 行動支付慢慢普及
  • 內容與社群經營
    • 自然發生,長時間累積,不用衝粉絲數
    • 長期經營的目標
了解目標族群:透過數據,描繪用戶的樣子、規模與習慣,找出典型用戶。

四、行動網站設計



UK 政府網站的設計原則

  • 使用者會回到首頁,代表需要更多線索來引導
  • 使用者的需求很重要,不需要的東西通通拿掉
  • 用實際的數據做決策,不用管老闆或專家
行動網站很重要

  1. 行動一定要有一個
  2. 時間不可等待:網頁反應速度有時是內容必須精簡
  3. 速度:加快理解,減少不必要的欄位與步驟
  4. 資訊更清楚
  5. 資訊墨水率:去除不必要的墨水。螢幕小,無法負擔太多資訊和情報。
  6. 資訊架構避免過多、過深的層次。
  7. 漢堡導覽選單(不易探索)
一定要做 RWD(適應式網頁設計) 嗎?

  1. One for All:各種裝置都可讀取,調整為最佳顯示效果
  2. 可能讓網站速度反應變慢,因為要把符合各種裝置的內容都塞在裡面
  3. 點心 vs 正餐:不同裝置會對使用者造成不同的心理預期

4. Q&A

1. RWD 為何會變慢?
  • 譬如圖片解析度,為適應大螢幕會放比較高的,但到小裝置上會很辛苦
  • 需要塞程式去判斷裝置來源
  • 可能會做多張圖片來適應不同裝置
  • 平均讀取速度比一般多 1.7 倍
  • 有二種作法,可能把資料放在客戶端或伺服器端,會丟到不同的地方執行
  • 改版比較麻煩
  • 文字長度難抓
  • 架設需要更多時間
2. 關於 Azure:
  • 建議開發無障礙的網站 Azure 套件
  • 目前資料的異地備援:有 3 份
  • 防毒防駭:
    • 內建並沒有 VM 防毒,微軟也沒有權限接觸到 user 的資料,防護措施必須自行負責。
    • 透過第三方工具來防護。Azure 上面有些套件可使用
    • 有前端防駭,也有防火牆可設置

0 意見:

張貼留言