部落格

您在這裡

missmycetozoa

文章來源:Are Chinese Websites Too Complex?

 

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

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

 

 

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

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

missmycetozoa

文章來源:Cards: UI-Component Definition

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

卡片的形式
 

卡片概念的發展

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

charles

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

huang

 

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

 

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

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

 

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

 

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

hoshi

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

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

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

作法

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

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

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

Comment

hoshi

Netivism最近有一位新員工到職--饅頭喵喵!

饅頭是一隻非常黏人的貓咪,而且很乖巧,生活習慣很棒,工作認真(?),目前職稱是滑鼠墊XD

雖然饅頭已經高齡十歲了,但是非常健康,每天都精神十足,吃飯吃飽飽,偶爾散散步、撒撒嬌和闖闖禍!最喜歡在貓盤滾來滾去,玩逗貓棒玩到滾下來。

其實饅頭檢查出是一隻免疫不全貓(愛滋貓),但是他非常健康,與一般的貓咪沒什麼不同,和其他貓咪傳染的機率非常非常非常低,除非兩隻貓咪同時打架、同時受傷、同時傷口接觸才有可能感染。

公司的同事Sharon對他一見鍾情,了解他的情況之後,還是決心照顧他!也希望讓大家知道,愛滋貓沒什麼問題,是一隻完美貓喔!

hoshi

Drupal是一個開放原始碼的內容管理系統,約有120萬個網站(2.2%)是用它做成的。它的功能非常彈性而且強大,也因為它的這兩種特質,使得它具備一定的使用門檻與複雜程度,因此,要不要選擇Drupal當作網站的工具,是需要依據所需的功能好好考量。

本文對Drupal進行了簡單的介紹,也針對去年發佈的Drupal 8進行版本比較,讓大家可以更了解該如何在Drupal 7和Drupal 8之間選擇;同時也提供了一些看法和情境,讓大家判斷自己的網站是否該選擇Drupal作為平台。

最後也提供了一些非營利組織使用Drupal建造網站的案例,讓大家知道Drupal的哪些功能與特別的模組(Drupal用安裝模組來達成許多功能需求),可以實現大家心目中的那個理想網站。

這些案例包含了:

  1. 以社群互動為主的網站:
    • Programming Librarian(類似圖書館館員情報交換中心)
    • National Council of Nonprofits(美國非營利組織委員會)
    • New York-New Jersey Trail Conference(紐約-新州步道協會)
  2. 以內容傳遞、發佈為主的網站:
    • 某個匿名的婦女權利組織
  3. 以整合不同資料平台、知識庫為主的網站
    • Robert Wood Johnson Foundation的國家健康排名和分布圖
huang

 

前Apple Computer 的VP,Nielsen Norman的共同創辦人Jacob Nielsen曾點出網站設計的十大敗筆(Top 10 Mistakes in Web Design),「不好的搜尋系統(Bad Search)」以第一名登榜。一個好的搜尋系統能讓網站更滿足使用者需求,專門研究使用者經驗的Page Laubheimer於是寫了此篇文章:

頁面