1994年的台灣發生了什麼事?舉辦了第一次省長、直轄市長選舉,健保三讀通過,第四台的時代即將來臨,當電視快速起飛網路才正要起步, WWW 靠撥接網路剛成立,在那個沒有 Facebook 、博客來、維基百科的時代, Microsoft.com 已經開始服務使用者了,而今年剛好20歲。
為了慶祝 Microsoft.com 走過20個年頭, Paravel Inc. 根據當時的設計草圖重現了 Microsoft.com 在1994年剛成立的網站首頁(網址點選這裡),負責人 Rupert 笑說整個過程就像在考古,雖然首頁設計在今天看起來十分陽春,但如果時光回溯到20年前,光「有網站」這件事就已經非常了不起了,管它的首頁圖片有沒有辦法顯示。
![1994年Mircosoft.com的首頁](http://cdn3.techbang.com.tw/system/images/173938/original/0172ace235b7311e70400d0ac9b0b15d.gif?1407745288)
除了是前幾個成立的企業網站, Microsoft.com 也是「響應式網站設計」的使用先驅,能夠因應不同的裝置調整網頁呈現方式,不管是在手機、平板、甚至是 Xbox 上。 Paravel Inc. 的另一位負責人 Walton 也說到 Microsoft.com 的響應式網站設計,將會是未來網站的設計趨勢,「因為不只電腦和手機,未來汽車、眼鏡、手錶都能夠上網,簡單純粹的網站設計能夠適用於更多裝置上。消費者有他自己喜歡、習慣的上網方式,我們能做的就是盡力提供服務。」
下面是幾代 Microsoft.com 首頁的演進
![1994 1994](http://cdn3.techbang.com.tw/system/images/173940/original/187c1cd97bdd46980f62621a91d06995.gif?1407745880)
▲1995年
當時網路世界還不發達,大家有興趣上網卻不知道要造訪哪些網站,首頁上的 Cool Link of The Day 就提供使用者最酷的網站連結。
![1995 1995](http://cdn3.techbang.com.tw/system/images/173994/original/5083e0913e187fe1fa5d8fb8ce37d8b1.gif?1407748664)
▲1996年
這版的設計走的是卡通風,網頁設計者 Dave Kramer 在1999年的文章中提到這個網頁對當時的使用者來說「太重了」,因為下載顯示圖片需要耗費大量的時間。
![1996 1996](http://cdn3.techbang.com.tw/system/images/173995/original/5e9df0f608b3316fe3e05636ff22936f.jpg?1407749019)
▲1998年
因應千禧年可能引發的危機, Microsoft.com 提供 Office 2000 預覽給用戶,希望將電腦因時間重置而產生的錯誤減到最少。
![1999 1999](http://cdn2.techbang.com.tw/system/images/174008/original/0ae31c4d97d9f4ffa6b470651dd231d0.jpg?1407750289)
▲1999年
當 Internet Explorer 5 問世時, Microsoft.com 的流量已經破510萬人次了。
![2001 2001](http://cdn2.techbang.com.tw/system/images/174009/original/e20828b4dc4f959ba0c6ae7e2138f48b.jpg?1407750487)
▲2001年
美國911事件過後一個月, Windows XP 上市,首頁右上方出現了和救援組織合作的訊息,讓使用者也可以在救災上盡一份心力。
![2003 2003](http://cdn1.techbang.com.tw/system/images/174010/original/958d31cac70a7d9bf60ee27a978d03ee.jpg?1407750685)
▲2003年
首頁列了許多資訊, Microsoft.com 的產品經理 Chris Balt 說微軟是個特別的公司,會努力在一個網頁內告訴使用者所有的資訊。
![2012 2012](http://cdn1.techbang.com.tw/system/images/174011/original/a6a3c8cc88328df21cd538afc3460c37.jpg?1407750904)
▲2012年
因應微軟新的設計概念還有文字編排方式,首頁大改版同時呼應 Windows 8 的界面。
![2014 2014](http://cdn0.techbang.com.tw/system/images/174012/original/7810e8c8a35e36a2c58b4947019c7028.jpg?1407751123)
▲2014年
現在網站長這樣,簡潔有力又美觀, Balt 表示以前工程師們在設計時會不停考慮螢幕的尺寸,而現在尺寸已經不是討論重點,要怎麼跨越裝置的限制才是他們的主要任務。
看了這麼多代的 Microsoft.com 首頁,你喜歡哪一代的呢?
資料來源:微軟官方Blog
延伸閱讀:
網路的演變:Google 出品,看透網路和瀏覽器發展史
Internet 網際網路 30 歲生日快樂!回顧一下網際網路發展史吧
第一張上傳到網際網路的照片,即將滿20年,外加背後的小故事
用時間軸看網際網路:那些重要時刻