部落格

您在這裡

missmycetozoa

網站設計常犯的十個錯誤（上）：讓使用者在網站中暢行無阻

2016-12-06

文章來源：Top 10 Mistakes in Web Design

 

網站是組織在虛擬環境中的門面、對外的窗口，如何提供線上使用者想要了解的資訊與愉快的瀏覽經驗是設計網站時一定要深思熟慮的部分。Jakob Nielsen在1996年提出〈網站設計常犯的十個錯誤〉一文，不只說明設立網站時功能與結構的設計問題，也提到呈現網站內容的時候要注意的重點。隨著網路科技進步，網站的功能日漸增加，但Nielsen認為設計時有些核心概念永遠不會改變。本系列文章上篇將一一說明Nielsen認為網站功能與架構規劃上的做法，下篇則說明讓網站內容讀起來更順暢則說明書寫網站內容時的要點。

 

搜尋功能不佳

「搜尋」功能是使用者在網站中找不到想要的內容時的一線生機，然而當網站的搜尋功能太過執著於輸入的檢索詞彙，會降低網站的可用性。這種情況在英文網站中有更明顯的差異。由於英文字彙組成的形式較中文複雜，當系統在英文環境中完全依據使用者輸入的字詞而無法偵測或校正拼字錯誤、單複數或該字詞的其他形式，會導致使用者至找不到想要的內容。以下圖為例，使用者想在網站中搜尋夏威夷（Hawaii）、檀香山（Honolulu），但是輸入錯誤成Honalulu、Honoloulou、Hawaai時，如果該搜尋系統無法自動偵錯，使用者就不會找到任何結果。

missmycetozoa

大家是怎麼使用我的網站呢——從「次數」與「新近」了解訪客習慣

2016-12-06

文章來源：Frequency & Recency of Site Visits: 2 Metrics for User Engagement

 

對大部分網站來說，訪客來使用網站就像一個長期的約會過程，而且他們幾乎不會改變對網站的第一印象。通常使用者第一次來訪時會衡量網站的可信度，後續幾次的造訪才會逐漸產生轉換事件（conersion events）。轉換事件是指更多、更複雜的互動行為，以網站來說，使用者從單純瀏覽到願意在網站中花錢購物就是一種轉換事件。

為了幫助使用者瀏覽與利用網站，我們可以利用「次數（Frequency）」和「新近（Recency）」兩種網站造訪的統計數字了解使用者與網站互動的歷程，並以此發展網站的內容策略、行銷方案與規劃方向。

 

次數（Frequency）

次數（Frequency）是個別使用者來訪的總次數，我們可以利用次數估算新訪客的比率、回訪的人的相似性。

常見測量次數工具有Google Analytics和Adobe Analytics。Google Analytics的集合技術報告（count-of-session report）功能（Adobe Analytics則稱為visit-number report）

charles

在 DrupalCamp Taipei 2016 放下 Drupal？

2016-12-06

在 11 月中旬的 Drupal Camp Taipei 貢獻了一場「放開那個 Drupal：斷絕不需要的模組、捨去多餘的專案流程、脫離對社群的執著」。前兩段算是勉強拼湊出來的暖身哏，重點是在後面的社群。雖然感覺有點走下坡，但其實還是有無限可能，所以最後還是不斷鼓勵大家的士氣，也真是難為我了XD

其實，該場應該只有一重點，就是把吉祥物多年前的「開源之道」拿出來朗誦幾次，效果應該會很不錯的！

missmycetozoa

網站內容越多真的越好嗎？

2016-11-29

文章來源：Are Chinese Websites Too Complex?

 

對外國人士來說，中國網站常被認為設計過於複雜。然而這可能是因為外國人士看不懂中文而做出的評斷，因此認為中國網站很複雜是對網站的視覺印象而非使用後的感想。為了解中國網站是否真的過於複雜、中國使用者和西方使用者相較是否更具備處理複雜網站的能力，本研究對實際的網站目標觀眾進行實證研究，以獲得上述問題的解答。此外，目前響應式設計在網頁設計已是主流，本研究亦好奇這股潮流是否對中國造成影響？在面臨設計複雜的網站時，響應式設計又該如何表現繁複的內容？

本研究的受測者共有12位，包含中國人以及旅居中國的外籍人士各6位，由其在指定的網站中完成特定的任務。在這次的研究中，中國使用者使用中文版的網頁；外國使用者則瀏覽英文版的網頁。研究的方式採用放聲思考法，各受試者須在14個內容複雜程度各有不同網站中，選擇8個網站完成兩項指定的任務。

 

 

中國網站的呈現常常太過複雜

本研究結果顯示中國網站的確具有「複雜」的特性，而且中國使用者較能容忍複雜的網站設計。在中國使用者的觀點來看，中國網站複雜的樣貌被認為是常見、普遍、傳統的網站樣式，這種複雜的網站呈現形式在入口網站與新聞網站中更是常見。研究中，

missmycetozoa

利用卡片讓豐富的資訊一目了然

2016-11-15

文章來源：Cards: UI-Component Definition

現在網站中經常可以見到塊狀的圖形或版面設計，這些方塊稱為「卡片」，並承載著精簡而多樣的資訊。卡片代表一個單元概念，其外觀尺寸、形狀與撲克牌相像，內容包含數項短巧、相關的資訊，亦能連結至概念相關的資源。卡片和平面設計2.0相關，它們不僅保留扁平式設計，也因為可以連結至更多豐富的資訊資源而增加了視覺的深度。舉例來說，點選卡片可以讓讀者連結到一篇完整的報導以獲得更多文章的細節。

卡片的形式
 

卡片概念的發展

卡片的概念最早可追溯至1990年代。當時卡片的概念是將整個頁面的東西打散成塊狀，以取代垂直的瀏覽方式；現代對的卡片概念則聚焦於將來自不同地方卻相關的資訊變成一個群集、討論的是小區塊的卡片內容。

charles

Open Scholar - 大學網站系統解決方案

2016-11-12

日前有機會到某大學介紹適合一次建置學校多個網站的系統，於是就找了兩年前摸過一些些的 Open Scholar。這是一套以 Drupal 為基礎、由美國哈佛大學所支持/開發的架站機，可以協助大專院校在大學評鑑/排名上，在某個面向贏在起跑點上...話不多說，就看看我整理的簡報吧～

huang

2016學期實習心得—看見科技與夢想的結合

2016-11-03

 

認同公司理念，秉持社企精神

 

        網絡是一家社會企業，介於一般私人企業和非營利組織之間，社會企業的營運宗旨是解決社會問題，同時又能夠靠自己產出的盈餘持續運作。這是我的第一份實習，因此做了很多準備，本身生涯規劃就是希望能投入社企，在選擇時實習單位時就特別戒慎小心。在社企流上看到網絡的理念是希望協助非營利組織和網路接軌，協助其建置網站並提供CRM系統的租用服務，因為非常認同公司秉持的目標，又能和自己圖資和經濟的背景結合，看到網絡的時候，心裡便立刻覺得非它莫屬了！

       最初進來的時候，主要負責的工作內容是撰寫SROI，也就是將網絡的社會影響力製成量化的報告。SROI對台灣的社企來說是叫新穎的概念，並沒有太多資源可以參考，後來因為些許困難而停滯，但仍相信總有一天會成功產出。其後，我開始跟隨PM做專案，漸漸瞭解公司的營運模式。四個月以來，每個禮拜都是非常有動力的工作，我想並不是因為我做的工作特別有趣，而是因為「認同感」，認同公司的產品和核心價值，看見非營利組織因我們的存在而和社會接軌、因我們的服務保有更多支持者、收入更多捐款、離組織的目標更接近，因此工作的時候才能持續保有熱忱並且心裏踏實，我想這將成為我未來選擇工作最重要的考量點。

 

公平、公開、隨性的小型企業

 

        網絡是一家不到15人的小型企業，這四個月給我的觀察是，公司很重視員工的心理健康，大家感情很好也很有凝聚力，中午一起出去吃午餐，有時候甚至會在公司一起煮菜；

hoshi

Facebook Comment Mirroring留言同步 [no longer available]

2016-10-14

最近發現有一些媒體嵌入的Facebook留言功能，可以把文章分享在粉絲團時的留言一起同步到網站中，這功能可以讓以粉絲團為主的觀眾與網站瀏覽為主的觀眾一起溝通交流，讓文章內容的討論度更為提升，實在是很方便！

加上這個功能的網站和粉絲團，就會像下方圖片的結果，兩邊的留言同步成一樣，同時也會告知留言者，留言會同步到網站／粉絲團中。

我們的網站最近也測試加入了這個小功能，接下來就來看看這功能是怎麼做的吧，很簡單喔～

作法

  1. 設定並啟用Comments Moderation／審核工具（網站所嵌入的留言區塊）
  2. 在這個留言的Comments Moderation的設定裡，啟用Comment Mirroring，並選擇要mirror過去的粉絲團。（※必須要是粉絲團管理員，才能選擇粉絲團）

有個小地方必須注意一下，粉絲團的PO文必須是Public（小地球），此功能才能正常使用。（無限制區域、年齡層才可以噢！）

另外，Facebook針對這個小功能也有做一些說明：

Comment

頁面