從Facebook的研究看網站UI設計的重點

https://itessential.blogspot.com/2009/09/facebookui.html

https://itessential.blogspot.com/2009/09/facebookui.html

Facebook的一位實習生在暑假針對facebook的載入速度與使用者行為的影響，進行了幾項有趣的實驗，並得出以下幾項結論:

1. 第一項實驗了解facebook的使用者對於網站速度降低時的反應，此實驗發現，不管網站速度如何，使用者大致會在facebook花上相同的時間，至少沒有因此抱怨或立即離去，但是這代表網站速度越慢，則使用者能瀏覽的頁數就越少，此一結果當然是facebook所不樂見的，因此facebook站方自己會想盡辦法讓網站越快越好。這項結論對於facebook站方來說，代表的是使用者的忠誠度相當的夠，能夠忍受部分的不方便，因為上面有他們更重要的東西要瀏覽，這項數據對於facebook在價值的估算上，應該相當有幫助，以往估算網站都針對pageview或不重複拜訪人數，但是對於使用者忠誠度並沒有納入，而後者其實更能為網站帶來更多的收益與發展。
2. 第二項實驗是有關網頁上的元件載入的順序，facebook內部對於這議題也有不同的意見，有人認為應該在載入過程中就儘早將畫面上呈現出來(甚至儘管有些需要的script尚未載入)，另有人認為應該在載入過程中顯示空白頁面(或是載入中的動畫)，直到所有內容載入完畢一次顯示，在此實驗中發現，顯示空白頁面將導致使用率降低的結果，所以爭議應該有結論了--就是就算畫面上的button暫時沒有作用，也應該儘早顯示載入中的畫面給使用者。這項結論其實跟人性有關，人們永遠會希望得到他們不一定會用到的東西，且讓使用者看到畫面漸漸完成，使用者較有耐心等待，因為他們能預知不久將會完成。
3. 第三項實驗是調整facebook主頁的news feed的數量，從原來的30項'降低為15項，並在使用者往下scroll時，自動載入後續的資料，這項功能其實在目前很多ajax網站都已經有實作，這樣的作法能加快第一次載入的速度，並且透過ajax陸續將資料載入，讓使用者能夠預期看到更多=>所以使用者會有耐心等待新資料的載入

這幾樣結論其實很多在目前的網站開發者心中，或多或少應該都有這樣的認知，不過這是facebook這樣大型(真的很大)的網站，第一次有實驗報告支持這樣的結論。

[原文]A Look Behind The Curtain At Facebook’s Optimization Efforts

IT Essential:「詹宏志」文明之網--人類的網絡探討

https://itessential.blogspot.com/2009/06/it-essential.html

https://itessential.blogspot.com/2009/06/it-essential.html

筆者：網路對於人類的影響深遠，身在其中的我們也許視為理所當然，但是以歷史的角度來觀察這一連串的變化，這樣的爆炸性是人類史上空前的發展，會不會絕後?以歷史軌跡來看，我想應該是不會。太空中有太多未知等待我們去探詢呢，現在的網際網路社會，對於幾千甚至幾百年前的人類來說，不就等於是一片未知的空白嗎?

「詹宏志」文明之網 （本文原載於2007年 8月
159期數位時代）
我猜想，也許「六度分隔理論」（six degrees of
separation）最能代表全球人際網路的糾結與緊密。用通俗的描述來說，「六度分隔」是指你和世界上任何一個陌生人的間隔關係都不會超過六個，也就是最多只要透過六個人的關係「超連結」（hyper-link），你一定能到達世界上任何一個陌生人。

你以為你和美國總統小布希全無關係嗎？你後來發現，你的大學同學此刻住在紐約，他的姊姊嫁給一位著名管理顧問公司顧問師，姊夫一位同班同學在白宮任職，而
他的直屬上司正是直接向小布希總統報告的高級官員，只用了五個人（同學、姊姊、丈夫、同學、上司）作為中介，看起來和你毫無關係的小布希總統，就和你串聯 起來。

你以為你和蓋達組織的創始人賓拉登更不可能有任何瓜葛嗎？我本來也理所當然以為如此，後來卻發現我一位香港朋友在巴黎的住家，樓下就赫然住了賓拉登的姊姊
（當然，賓拉登有很多姊妹，他父親娶過二十二個老婆，光算男性子裔，賓拉登是第十七子），我和賓拉登的「關係式」因此就變成這樣：

我─（朋友）─Ｌ先生─（鄰居）─賓拉登的姊姊─（親人）─賓拉登

本來以為遙不可及的人，僅僅「三度」連結（每一度都是一種關係網絡的型態，像朋友、鄰居、親人），六度的額度還剩了一半，我和看起來遙不可及、手持卡賓槍的賓拉登先生就會合了。

人類社會從鬆散到緊密

人類社會並不是一開始就有這樣的網絡，從一開始零星鬆散的、不比群居的猴群規模大多少的「遊團」（band）或小部落，人類是怎麼樣逐步透過婚姻、信仰、
結社、組織建造，或許還有征戰討伐，才一步一步來到「六度分隔」這樣緊密連結的網絡架構？這正是我最近有機會閱讀的一本名為《文明之網》（The Human Web:
A Bird's-Eye View of World
History）的書，想要處理的核心歷史問題，也因為問了一個全新的問題，原有的歷史材料在此突然顯示全新的意義。
這本書是由歷史學家威廉．麥克尼爾（William H.
McNeill）父子檔聯手創作，威廉．麥克尼爾其實已經不只一次向歷史扣問前所未聞的新問題，過去他的《西方的興起》（The Rise of the
West）就是一部發聾振聵、享譽學術界與通俗讀書界的歷史巨著。在書中他試圖爬梳五千年的東西歷史，解釋西方文明世界在十六世紀後逐漸取得優勢地位的原因，觀點、途徑與結論都和另一位歷史學家湯恩比（Arnold
Toynbee）的《歷史研究》（A Study of History）迥然不同，被認為是二十世紀少數的經典之作。

文明交織網路造成優勢

但對我個人來說，麥克尼爾的另一部作品《瘟疫與人類》（Plagues and
Peoples）可能更富啟發性，原因也是他向歷史問了一個有意思的新問題：「流行性疾病的爆發，是否曾經改寫了歷史的軌跡？」是否某些國族的命運、朝代
的興衰、戰爭的勝負，以及文明的創造發明，是因為疫情傳播而起了決定性影響？因為問題問得峰迴路轉，看到的景觀也就柳暗花明。當然，麥克尼爾處理史料橫跨
東西的淵博規模，一種「全觀式」的歷史圖像得以全面展開，即使對這門專門歷史完全外行的我，也讀得津津有味並稱奇不已。

這一次，麥克尼爾又突發奇問：「我們今日的人際網絡是如何演化而成？」沒想到這一問，就逼出了本書的副標題：「一個世界史的鳥瞰圖」。你的確需要透過全觀
的歷史，才能看到「直立人」原本鬆散的物種群集，一點一滴地形成交織的網絡（network），再看到本來各大洲、各文明獨立形成的網絡，又一點一滴交織
成「網絡之網」，用今天的語言來說，那就是名副其實的「互聯網」（internet）了。而這個歷史，容我大膽地推想，恐怕也解釋了「智人的興 起」（the rise
of Homo Sapiens）的物種歷史，也就是何以人類最終取得了眾多生物中的優勢地位。
有時候，我們檢視過去，才能想像未來；但有時候，我們卻是因為目擊現在，才突然理解了過去。也許就是因為目擊了網際網路及其鬆散架構的驚人發展，研究者才重新面對歷史上存在過的種種人類網路，產生完全不一樣的體悟，進而找到一種解釋文明進程的途徑……。
麥克尼爾縱橫古今的巨作，再一次讓我低迴不已。我不只找到一個角度重新看待人類文明歷史，也找到一個新眼光看待網際網路的發展。對於發展數十萬年的人際網絡，竟與發展十幾年的ＷＷＷ架構如此相似，也感到不可思議。

IT Essential: Codefetch搜尋書中程式碼範例

https://itessential.blogspot.com/2008/11/it-essential-codefetch-search-engine.html

https://itessential.blogspot.com/2008/11/it-essential-codefetch-search-engine.html

"CODEFETCH" 是一個提供搜尋書中範例程式碼(code)為主的網站，它提供了各種語言程式碼的片段搜尋功能。

此網站搜尋範圍包含了常見的各種語言與設定範例

搜尋結果列出書籍來源與程式片斷，並在書籍旁放一個購買的button，方便User直接點擊購買

IT Essential: Browsershots--讓你測試網站在各種瀏覽器畫面的工具網站

https://itessential.blogspot.com/2008/04/stumble-internet.html

https://itessential.blogspot.com/2008/04/stumble-internet.html

Browsershots顧名思義是一個讓你測試網站在各種瀏覽器畫面的工具網站

"What is Browsershots?
Browsershots makes screenshots of your web design in different browsers. It is a free open-source online service created by Johann C. Rocholl. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server here."

Browsershots提供了

• Linux: 25種browser versions
• Windows: 21種browser versions
• Mac OS: 5種browser versions
• BSD: 4種browser versions

不只包含各家browser，也包含各種舊版本的畫面，另外還可以針對Screen Size, Color Depth, JavsScript, Java, 以及Flash等各種規格特別指定，對於想要測試網頁在各家browser呈現的效果的人來說，是一個很方便的工具。

該服務是免費的Open Source專案，當你送出網址該系統會排入job queue，散佈各地的電腦接受網址請求並瀏覽網站後，將畫面回傳給server，由於結果必須等待一段時間才會完成，該服務會給你一組url讓你可以之後回來檢查。

此服務收費採Google AdSense廣告與優先處理收費(Priority processing for your screenshot)

"If you send me 10 Euros or 15 Dollars, I will give you a month of priority processing. This means that your URLs don't have to wait in the job queue, they will be processed before all other requests. "

能滿足需求的服務就是好服務，服務的立意出發點不錯，不過可能要思考一下這麼多的browser版本，可能大部分大家都用不到，而常常有一些網頁問題在各個不同語系的電腦下會出現，如果能再加入各種電腦OS語系環境的選項，我想會更有參考價值。