不久前，我看到Mac在少數(shù)派上。 設(shè)計(jì)史系列，想起自己曾經(jīng)寫(xiě)過(guò)一些關(guān)于自己的東西。 Windows 界面元素的設(shè)計(jì)史萌發(fā)了我之前收集的相關(guān)資料。 Windows 整理設(shè)計(jì)材料，寫(xiě)成 Windows 設(shè)計(jì)歷史的思想。

盡管 Windows 設(shè)計(jì)歷史不如 Mac 這是一個(gè)如此傳奇的故事，但也有一些值得詳細(xì)講述的故事。同時(shí)，對(duì)于這段歷史，網(wǎng)上也有一些偏概全的建議，比如「抄蘋果」「沒(méi)品味」等待標(biāo)簽，談?wù)摷?xì)節(jié)。在這里，我想嘗試真正恢復(fù)這段歷史，澄清一些日益模糊的細(xì)節(jié)。

一開(kāi)始我是從看到的 Longhorn（Vista 頁(yè)面演示開(kāi)始顯示前身) Windows 設(shè)計(jì)歷史產(chǎn)生了興趣， Longhorn 這個(gè)階段也被一些人視為 Windows 審美巔峰。當(dāng)然，這些都是后話，本期我們要從頭開(kāi)始…

說(shuō)明：本文以時(shí)間線為基礎(chǔ)。 DOS 的 Windows 主要版本，因?yàn)?Windows NT 系統(tǒng)基本上是沿用的 DOS 系 Windows 界面設(shè)計(jì)。

前奏

微軟早在 1981 每年都顯示出開(kāi)發(fā)圖形用戶界面。（GUI）今年，比爾·蓋茨看到了第一個(gè)。 Macintosh 原型機(jī)。1982 年 COMDEX 會(huì)議上展示的 Visi On 這一界面進(jìn)一步刺激了比爾·蓋茨和微軟的決心。 GUI 界面。

Visi On

和蘋果一樣，微軟也選擇了施樂(lè)?！竿祹煛埂Ｊ?lè)最初是最早開(kāi)發(fā)出來(lái)的。 GUI 網(wǎng)頁(yè)上的企業(yè)，卻被「蘋果」和「微軟」這兩個(gè)學(xué)生來(lái)自后面。

1983 年 8 月亮，微軟雇傭了施樂(lè) PARC 部門首席開(kāi)發(fā)人員之一 Scott A. McGregor，負(fù)責(zé)為 MS-DOS 開(kāi)發(fā)新的圖形界面。

Scott A. McGregor

對(duì)于這個(gè)新圖形界面的命名，它最初的名字只是簡(jiǎn)單的?！窶icrosoft Interface Manager(微軟界面管理器)」，而 McGregor 當(dāng)施樂(lè)工作時(shí)，給自己開(kāi)發(fā)的軟件命名為「Windows」。同時(shí)，微軟營(yíng)銷副總裁 Rowland Hanson 也建議使用「Windows」作為一個(gè)產(chǎn)品名稱，這來(lái)源于一個(gè)營(yíng)銷策略:使用一個(gè)常用的詞，然后迫使媒體在提到這個(gè)名稱時(shí)添加公司名稱，從而提高公司的知名度。而當(dāng)時(shí)「Windows（窗口）」經(jīng)常出現(xiàn)在相關(guān)圖形界面的介紹中。比爾·蓋茨接受了 Rowland Hanson 這個(gè)建議，「Microsoft Windows」誕生了。

從那以后，這個(gè)新生兒「Windows」開(kāi)始了一個(gè)屬于它的傳奇。

Windows 1.0：蹣跚起步

起初，微軟試圖說(shuō)服合作伙伴。 IBM 這個(gè)新項(xiàng)目支持自己，但是因?yàn)楫?dāng)時(shí) IBM 類似的項(xiàng)目正在進(jìn)行中 TopView，因此對(duì)于微軟這個(gè)項(xiàng)目并不感冒。

1983 年 9 月，微軟在 BYTE 在雜志上展示 Windows 的原型。1983 年 11 月還在 COMDEX 會(huì)議上進(jìn)行了演示。

BYTE 在雜志上演示 Windows 原形

微軟本聲稱計(jì)劃 1984 年 4 月發(fā)布 Windows，但是不斷地推遲，這也為它獲得了它。「Vaporware」標(biāo)題，這個(gè)詞最初是由微軟工程師創(chuàng)建的，用來(lái)描述不斷延遲發(fā)布甚至最終取消的商品(英語(yǔ) vapor 意指「蒸汽」）。

最后，1985 年 11 月 20 日，Windows 的第一代——Windows 1.0 正式發(fā)布。

1986 年 1 月 Windows 1.0 宣傳手冊(cè)

界面設(shè)計(jì)方面，Windows 1.0 最大的特點(diǎn)是用窗戶覆蓋，相比之下，當(dāng)時(shí)的蘋果。 Macintosh 然后使用重疊窗口。對(duì)于其背后的原因，網(wǎng)絡(luò)上一直專注于它?！笓?dān)心蘋果侵權(quán)」這一點(diǎn)上?？梢詫?shí)際上，早在 1981 2008年，施樂(lè)企業(yè) PARC 部門就在其 Cedar 該項(xiàng)目采用了鋪滿窗口的設(shè)計(jì)，微軟可能在討論了施樂(lè)的這個(gè)項(xiàng)目之后做出了這樣的選擇。對(duì)此 Scott McGregor 也表示：「Windows 從一開(kāi)始就有重疊窗口的功能…相反，在此基礎(chǔ)上編寫(xiě)鋪滿管理器的工作量要大得多！」還有人在網(wǎng)上修復(fù) Windows 1.0 操作界面庫(kù)完成了重疊窗口。

當(dāng)窗口最小化(圖標(biāo)化)時(shí)，最小化窗口的圖標(biāo)位于屏幕底部。后來(lái)的任務(wù)欄采用了類似的設(shè)計(jì)，這是后話。

Windows 1.0 用來(lái)覆蓋窗戶

施樂(lè) Cedar 這個(gè)項(xiàng)目被窗戶覆蓋著

實(shí)現(xiàn)重疊窗口 Windows 1.0

這個(gè)特點(diǎn)也是如此 Windows 1.0 的 Logo 在上面得到了體現(xiàn)：Logo 正如四個(gè)平鋪在屏幕上的窗戶。

Windows 1.0 Logo

經(jīng)過(guò)幾十年的跌跌撞撞，Windows 的 Logo 雖然新的四方格又回到了原來(lái)的四方格， Logo 深受吐槽，但從另一個(gè)角度來(lái)看，也算是回歸了?！复翱凇沟钠鹪矗芍^是「返璞歸真」。

Windows 11 Logo

歸根結(jié)底，作為第一代商品，Windows 1.0 圖形元素的設(shè)計(jì)比較粗糙。與同樣采用 32×32 像素網(wǎng)格和黑白配色策略 Macintosh 圖標(biāo)相比，Windows 圖標(biāo)1.0遠(yuǎn)不如圖標(biāo) Macintosh 圖標(biāo)雅致。并且有些圖標(biāo)缺乏識(shí)別，比如操作面板和日歷的圖標(biāo)，它們都被分成幾個(gè)矩形。為數(shù)不多的亮點(diǎn)是時(shí)鐘圖標(biāo)：它將根據(jù)當(dāng)前時(shí)間進(jìn)行鍛煉。

Windows 1.0 圖標(biāo)

微軟也是設(shè)計(jì)的「黑白棋（Reversi，又稱翻轉(zhuǎn)棋、奧賽羅)」游戲（見(jiàn)上 Windows 1.0 接口)，這是 Windows 第一個(gè)游戲，但是無(wú)奈?！搁L(zhǎng)江后浪推前浪」，這個(gè)游戲的知名度遠(yuǎn)遠(yuǎn)低于后來(lái)的游戲「紙牌」「掃雷」等。

總的來(lái)說(shuō)，Windows 1.0 在市場(chǎng)上引起了一些關(guān)注，但并不是特別成功。有評(píng)論指責(zé)系統(tǒng)要求高，設(shè)計(jì)對(duì)鍵盤用戶不敏感，因?yàn)樗蕾囀髽?biāo)頁(yè)面。

Windows 2.x：不冷不熱

Windows 1.0 不久之后，微軟便開(kāi)始改進(jìn)。 Windows。1987 年 12 月，Windows 2.0 發(fā)布。

與 Windows 1.0 相比，2.x 系列設(shè)計(jì)最大的變化是重疊窗口取代了窗口。這也引發(fā)了蘋果和微軟的著名訴訟，最終訴訟以對(duì)微軟有益的判決結(jié)束。Windows 可繼續(xù)選擇重疊窗口。

而且鋪滿窗戶也不會(huì)消失，即使十幾年后，它也會(huì)以全新的姿態(tài)出現(xiàn)。 Windows 中，這也是后話。

Windows 2.0

此外，在圖形界面設(shè)計(jì)上， Windows 2.x 變化非常有限，圖標(biāo)、控件等設(shè)計(jì)也是沿用的。 的 Windows 1.0。雖然是針對(duì)性的 Windows 1.0 這個(gè)版本作為一些改進(jìn)，在市場(chǎng)上并沒(méi)有引起很大的波瀾，總的來(lái)說(shuō)市場(chǎng)反應(yīng)一般。

Windows 3.x：從一個(gè)笑話開(kāi)始

故事開(kāi)始于 1988 年 6 月底一周五晚上，微軟軟件工程師在慶祝微軟峽谷公園制造工廠開(kāi)業(yè)的聚會(huì)上， Murray Sargent 與朋友見(jiàn)面，Windows 開(kāi)發(fā)人員 David Weise。Murray 嘲笑 David 參加研發(fā)的 Windows/286 內(nèi)存管理領(lǐng)域相當(dāng)糟糕，建議 Windows 進(jìn)入安全模式并消除 640 KB RAM 阻礙。超出 Murray 的預(yù)料，David 立刻帶他回到微軟公園，經(jīng)過(guò)一些嘗試，成功將會(huì)成功。 Windows 2.0 啟動(dòng)安全模式。在 Windows 3.0 開(kāi)發(fā)會(huì)議上，Murray 和 David 這個(gè)方案已經(jīng)通過(guò)，Windows 3.x 這就是系列開(kāi)發(fā)的開(kāi)始。

與上一代相比，Windows 3.0 操作界面得到了很大的修改?！赋绦蚬芾砥?來(lái)源于 OS/2 系統(tǒng)的 PMShell）」替代了「MS-DOS 執(zhí)行程序」變成默認(rèn)操作界面，原來(lái)「MS-DOS 執(zhí)行程序」還具有文檔管理功能「文件管理器」所替代?！窶S-DOS 執(zhí)行程序」最終在 Windows 3.1 中間被刪除，完全退出歷史舞臺(tái)。

Windows 3.0

Windows 3.1

在 Windows 3.x 在中國(guó)，微軟雇傭的不是別人來(lái)設(shè)計(jì)圖標(biāo)，而是曾為。 Macintosh 設(shè)計(jì)圖標(biāo)的 Susan Kare。經(jīng)過(guò)她一番大刀闊斧的整改，Windows 3.0 圖標(biāo)變得更加成熟，提高了識(shí)別度，并且有顏色(16色)和陰影。在 Windows 3.1 中 Susan 再次為圖標(biāo)增添更多的色彩。Susan Kare 還為 Windows 3.x 制作卡面的紙牌游戲。

Windows 3.1 圖標(biāo)

Windows 3.1 紙牌

Logo 還進(jìn)行了重新設(shè)計(jì)。Windows 3.0 的 Logo 最為逼真：一扇黑白窗。Windows 3.1 然后引進(jìn)了經(jīng)典「四色塊」Logo，此后「四色塊」成為微軟的經(jīng)典標(biāo)識(shí)，用于微軟 Office、MSN 等待微軟產(chǎn)品。該 Logo 由微軟高級(jí)副總裁擔(dān)任 Brad Silverberg 委托設(shè)計(jì)，實(shí)際由 Jonathan D. Cowles 在 Jeff Boettcher 和 Julie Wong 在監(jiān)督下設(shè)計(jì)。根據(jù) Brad 的說(shuō)法，Logo 右邊部分代表「窗口」，而且左邊加了運(yùn)動(dòng)效果，而且總的來(lái)說(shuō)，這個(gè) Logo 又像一面旗幟。

左：Windows 3.0；右：Windows 3.1

出現(xiàn)了旗子圖案 Windows Logo（Windows NT 3.5 Beta）

微軟 Logo（2012 今年至今)，它采用了經(jīng)典之作?！杆纳珘K」

字體方面，Windows 3.1 使用了 TrueType 添加新字體的字體：Times New Roman（與 Times Roman 適配）、Arial（與 Helvetica 適配）、Courier New（與 Courier 適應(yīng)性)等等。這些改進(jìn)得到了改進(jìn) Windows 中間字體的識(shí)別度。

除此之外，Windows 3.0 或者第一個(gè)介紹壁紙的人。 Windows 以前的版本(之前的版本 Windows 只有背景顏色可以設(shè)置)，壁紙可以是平鋪圖，也可以是全屏壁紙。

含有墻紙的 Windows 3.1

為使用戶更加熟悉鼠標(biāo)操作，提高鼠標(biāo)操作 Windows 有趣，微軟方向 Windows 3.0 中添加了「紙牌」游戲，幫助用戶熟悉如何使用鼠標(biāo)「拖拽文檔」，Windows 3.1 中「掃雷」替代了「黑白棋」這個(gè)游戲可以幫助用戶學(xué)會(huì)使用鼠標(biāo)「左右鍵」。

Windows 3.1 掃雷和紙牌

Windows 3.x 該系列被認(rèn)為是第一個(gè)獲得商業(yè)成功的系列 Windows 另外，這也是值得國(guó)人紀(jì)念的版本。 一版 Windows，由于 Windows 3.x 中文版首次引入。

雖然 Windows 3.1 已經(jīng)有中文版了(簡(jiǎn)中繁中)，但可能是因?yàn)橐恍┘m紛，也可能是因?yàn)樗麄兿塍w現(xiàn)對(duì)中國(guó)市場(chǎng)的重視，微軟專門針對(duì)中國(guó)市場(chǎng)推出。 Windows 這個(gè)版本增加了更多的中文輸入法(例如鄭碼、智能) ABC 等）。

注意：關(guān)于所謂的流傳「禁止在中國(guó)大陸銷售 Windows 3.1 中文版」 事件，已經(jīng)有人在知乎做過(guò)分析，請(qǐng)參考Windows。 3.1 的中文版被禁止在中國(guó)大陸銷售的具體原因是什么？- bluerise 的回答

Windows 3.2 中文版

Windows 95：打下基礎(chǔ)

盡管與上一代相比 Windows 3.x 界面設(shè)計(jì)得到了改進(jìn)，但仍然存在許多問(wèn)題。一個(gè)突出的問(wèn)題是，打開(kāi)的窗口(包括最小化的窗口圖標(biāo))可以被任何其他窗口覆蓋，這導(dǎo)致許多客戶無(wú)法跟蹤他們最終打開(kāi)的應(yīng)用程序，只能重新啟動(dòng)程序的另一個(gè)案例，最終耗盡了可用的內(nèi)存。程序管理器也很復(fù)雜，不直觀。Windows 網(wǎng)頁(yè)的改進(jìn)仍然需要繼續(xù)。

從「開(kāi)羅」到「芝加哥」

Windows 事實(shí)上，頁(yè)面的重新設(shè)計(jì)從一個(gè)名字開(kāi)始?！搁_(kāi)羅（Cairo）」該項(xiàng)目最初的目的是改進(jìn)項(xiàng)目 Windows NT，之后，它的用戶界面設(shè)計(jì)就被使用了 Windows 3.1 下一個(gè)版本，編號(hào)「芝加哥（Chicago）」中。這個(gè)版本中微軟的目的不僅僅是： Windows 3.1 顧客容易上手新版本 Windows，而且要讓新手顧客也能輕松上手。 Windows。從這個(gè)目標(biāo)來(lái)看，微軟還嘗試了許多設(shè)計(jì)，名副其實(shí)。 Microsoft Bob 這是當(dāng)時(shí)的產(chǎn)物(雖然以失敗告終)。

Microsoft Bob

傾聽(tīng)用戶的聲音

微軟意識(shí)到，「故步自封」解決不了問(wèn)題。如果你想真正制作一個(gè)易于使用的圖形界面，你必須從同一個(gè)角度與用戶思考。因此，微軟選擇邀請(qǐng)客戶參與下一個(gè)版本。 Windows 的檢測(cè)。

據(jù)當(dāng)時(shí)的 Windows 用戶界面設(shè)計(jì)團(tuán)隊(duì)成員 Kent Sullivan 一份報(bào)告是寫(xiě)的《Windows 95 操作界面：可用性工程案例研究 Windows 95 在R&D期間，微軟共對(duì) 560 著名的受試者進(jìn)行了 64 檢測(cè)階段(視頻見(jiàn)下方)。其中 50% 的用戶是 Windows 3.1 中等水平的客戶，其余的是新手、高水平的客戶和其他操作系統(tǒng)的客戶。此外，微軟還采訪了微軟。 Windows 3.1 和 Macintosh 專業(yè)教育者要明確研究?jī)?nèi)容。Kent Sullivan 寫(xiě)在調(diào)查報(bào)告中：「在 Windows 95 在這個(gè)項(xiàng)目中，許多團(tuán)隊(duì)成員首次體驗(yàn)到迭代設(shè)計(jì)、可用性測(cè)試和問(wèn)題跟蹤?！?/p>

Windows 3.1 測(cè)試結(jié)果并不樂(lè)觀。初學(xué)者的平均客戶需要投入超過(guò) 9.5 分鐘才能在 Windows 3.1 找到并打開(kāi)一個(gè)無(wú)法立即看到的程序。除了高水平的客戶，所有用戶都不知道如何有效地管理重疊窗口。改進(jìn)迫在眉睫。

研究結(jié)果(節(jié)選)

一開(kāi)始，考慮到現(xiàn)在 Windows 3.1 微軟邁出的步伐非常有限，用戶的適應(yīng)成本。下圖顯示了Cairo//Chicago 初期版本的 UI 桌面上的第一個(gè)模型「文件柜」類似的圖標(biāo)將被打開(kāi) Windows 3.1 文件管理視圖文件管理器(左窗格顯示層次結(jié)構(gòu)，右窗格顯示內(nèi)容)；第二個(gè)「世界」網(wǎng)絡(luò)項(xiàng)目顯示圖標(biāo)；第三個(gè)圖標(biāo)「程序」它是一個(gè)文件夾，它們之間的界面相似 3.1 的「程序管理器」，顯示文件夾和其他程序鏈接。底端是一個(gè)「系統(tǒng)托盤」，它可以?？吭谄聊坏娜魏我粋?cè)，也可以作為窗口波動(dòng)。底端是一個(gè)「系統(tǒng)托盤」，它可以停靠在屏幕的任何一側(cè)，也可以作為窗口波動(dòng)。托盤的一側(cè)有三個(gè)名字?！赶到y(tǒng)」「查找」和「協(xié)助」按鈕，而其它區(qū)域則是一個(gè)文檔存儲(chǔ)區(qū)，用作剪貼板，用于放置需要移動(dòng)或復(fù)制的文件。最右邊包括一種快捷的回收站方式(不禁讓人想起蘋果之后 Dock 欄最右側(cè)的「廢紙簍」）。

起初，團(tuán)隊(duì)試圖通過(guò)調(diào)整最小化窗口外觀來(lái)解決無(wú)法高效管理重疊窗口的問(wèn)題，因?yàn)樗麄冋J(rèn)為主要原因是客戶很難區(qū)分最小化圖標(biāo)和其他類型的圖標(biāo)。因此，團(tuán)隊(duì)引入了包含窗口圖標(biāo)和標(biāo)題在內(nèi)的寬板作為最小化圖標(biāo)，以提高窗口圖標(biāo)的最小化識(shí)別度。

團(tuán)隊(duì)在這個(gè)頁(yè)面上改變了。 Windows 3.1 有些設(shè)計(jì)(如桌面)，但大部分內(nèi)容沒(méi)有改變(例如桌面上的文件管理器和流程管理器圖標(biāo))。

Cairo/Chicago 初期版本的 UI 模型

采用類似 UI 的 Windows 95 Build 58s

「系統(tǒng)托盤」可作為窗口波動(dòng)

然而，初始版本的測(cè)試結(jié)果并不令人滿意。部分原因是用戶會(huì)混淆左下方三個(gè)按鈕的相應(yīng)功能。程序搜索速度和窗口管理效率沒(méi)有太大提高。很多用戶給微軟的反饋是:「Windows新版本 只是不一樣，不是更好。」這種結(jié)局促使設(shè)計(jì)部門重新思考。 Windows 網(wǎng)頁(yè)設(shè)計(jì)方向。

放開(kāi)手腳去干吧

無(wú)論如何，目前網(wǎng)頁(yè)的檢測(cè)結(jié)果都遠(yuǎn)遠(yuǎn)達(dá)不到微軟?！甘勾蠖鄶?shù)用戶都能輕松上手 Windows」促進(jìn)設(shè)計(jì)部門重新思考的預(yù)期 Windows 界面設(shè)計(jì)方向。最初，開(kāi)發(fā)團(tuán)隊(duì)擔(dān)心新的操作界面和 Windows 3.1 離得太遠(yuǎn)，進(jìn)而使目前的顧客感到困惑，但是現(xiàn)在，他們減少了對(duì)與錯(cuò)。 Windows 3.1 關(guān)注一致性，然后把重點(diǎn)放在提升用戶體驗(yàn)上。設(shè)計(jì)部門也得到了改進(jìn) UI 為了在更短的時(shí)間內(nèi)嘗試更多的新想法，設(shè)計(jì)迭代速度。

「發(fā)現(xiàn)水的不一定是魚(yú)」

1992 一年，一個(gè)名字 Daniel Oran 心理學(xué)家加入了微軟，參與了微軟。 Windows 操作界面的設(shè)計(jì)。另一個(gè)有趣的細(xì)節(jié)是，他在加入微軟之前一直是一個(gè)蘋果客戶。當(dāng)他第一次來(lái)到微軟工作時(shí)，他甚至無(wú)法順利上手。 Windows。但正所謂是「當(dāng)局者迷，旁觀者清」，后來(lái)接受采訪時(shí)，他說(shuō)：

回首往事，并非一位有經(jīng)驗(yàn)的人。 Windows 顧客也是我的一大優(yōu)勢(shì)。媒體理論家馬歇爾·麥克盧漢（Marshall McLuhan）有一句妙語(yǔ):“發(fā)現(xiàn)水的不一定是魚(yú)。因?yàn)槲乙郧皼](méi)有深入接觸過(guò)。 Windows，所以我想我可以看到以前的樣子。 Windows 顧客沒(méi)注意到的東西。

個(gè)人經(jīng)驗(yàn)，再加上可用性測(cè)試的結(jié)果，激勵(lì)人們 Daniel 為 Windows 新界面的設(shè)計(jì)。

Daniel Oran

那么 Windows 新界面的設(shè)計(jì)應(yīng)該怎樣開(kāi)始？首先來(lái)看一下可用性測(cè)試的研究結(jié)果：

新手和一些中等水平的用戶在使用鼠標(biāo)時(shí)會(huì)遇到很多麻煩，尤其是雙擊。因此，當(dāng)界面上的某件事需要雙擊才能打開(kāi)時(shí)，他們往往無(wú)能為力。

初學(xué)者和許多中級(jí)客戶幾乎完全依賴可見(jiàn)提醒來(lái)尋找指令并執(zhí)行操作。他們依靠(顯性)菜單欄和工具欄，但即使經(jīng)過(guò)訓(xùn)練，他們也不使用彈出菜單(如右鍵菜單)。

對(duì)于窗口管理，主要問(wèn)題是窗口并不總是可見(jiàn)的，所以用戶無(wú)法快速查看他們打開(kāi)的內(nèi)容或?yàn)g覽任務(wù)。

最初，Daniel 想出了一個(gè)名字 ClearView 該頁(yè)面用于初學(xué)者教學(xué)。它使用了一個(gè)全屏選項(xiàng)卡界面來(lái)啟動(dòng)程序，瀏覽最近打開(kāi)的文檔和切換窗口。雖然測(cè)試結(jié)果很好，但團(tuán)隊(duì)發(fā)現(xiàn)了它的局限性，最終放棄了它。

ClearView 的局限性

不知道是不是造化弄人，20多年后類似的頁(yè)面又回到了 Windows 中間。但是這個(gè)名字「Windows Sets」新界面并沒(méi)有引起多大的波瀾，只是在幾個(gè)方面。 Windows 10 試驗(yàn)版中曇花一現(xiàn)，便無(wú)疾而終。

Windows Sets

雖然 Daniel 當(dāng)人們放棄為新手客戶提供單獨(dú)頁(yè)面的想法時(shí)，團(tuán)隊(duì)仍然保留著它的優(yōu)勢(shì)：點(diǎn)擊瀏覽，高可見(jiàn)性和基于菜單的互動(dòng)?！覆藛螜凇咕褪窃谏鲜鏊枷氲淖饔孟峦瓿稍O(shè)計(jì)。

「開(kāi)始」按鈕的真名是「系統(tǒng)（System）」，但 Daniel 考慮到這個(gè)名字太專業(yè)了，最終被命名為「開(kāi)始」，當(dāng)客戶還是第一次啟動(dòng)系統(tǒng)的時(shí)候「開(kāi)始」按鍵旁顯示「Click here tu begin(點(diǎn)擊此處開(kāi)始)」文字，防止顧客不清楚從何而來(lái)？「開(kāi)始」。

Windows 1993年菜單欄的第一個(gè)草圖 年 6 月。

最后設(shè)計(jì)

請(qǐng)注意左下角「Click here tu begin(點(diǎn)擊此處開(kāi)始)」

對(duì)用戶進(jìn)行反饋「窗戶并不總是可見(jiàn)的」問(wèn)題:微軟選擇在屏幕的某個(gè)位置固定打開(kāi)的窗口內(nèi)容，即任務(wù)欄。每個(gè)任務(wù)欄都有自己的內(nèi)容，任務(wù)欄位于其他窗口的頂部。

任務(wù)欄的演變過(guò)程

介紹任務(wù)欄的各個(gè)部分

任務(wù)欄原本遵循選項(xiàng)卡的設(shè)計(jì)，默認(rèn)位于屏幕頂部，但在測(cè)試過(guò)程中發(fā)現(xiàn)，一些程序默認(rèn)屏幕的可用區(qū)域從 (0,0，即左上方的屏幕) 起初，任務(wù)欄可能會(huì)被屏蔽，或者微軟最終選擇將任務(wù)欄移動(dòng)到底部(默認(rèn))，以避免類似蘋果系統(tǒng)頂部菜單欄的設(shè)計(jì)。

當(dāng)然，微軟內(nèi)部的一些人并不認(rèn)可這個(gè)界面。一些微軟高管甚至說(shuō)，他們覺(jué)得任務(wù)欄上的按鈕太像汽車上的電臺(tái)按鈕了，有些人就是不喜歡。「開(kāi)始」這個(gè)名字。但是可用性測(cè)試的結(jié)果最終說(shuō)服了這些人。最終，新版本 Windows 使用這個(gè)界面。

最后發(fā)布

1995 年 8 月 24 日，Windows 95 正式發(fā)布。

在對(duì)新版本 Windows 在命名方面，微軟放棄了以前的版本(1.0-3.x）命名方法，并以年份命名本版本。 Windows。1995 年，也因?yàn)?Windows 在操作系統(tǒng)的歷史上，95已經(jīng)成為重要的一年。

Windows 95

為了推廣這個(gè)版本，微軟可謂竭盡全力。微軟花了 300 購(gòu)買滾石樂(lè)隊(duì)歌曲的萬(wàn)美元「Start Me Up」以宣傳「開(kāi)始」這個(gè)功能，還邀請(qǐng)了演員 Jennifer Aniston 和 Matthew Perry 拍攝喜劇的形式 Windows 95 錄像教程，還設(shè)計(jì)了大量的電視廣告宣傳 Windows 95，其中「開(kāi)始」其功能是核心宣傳對(duì)象。

比爾·蓋茨 Windows 95 發(fā)布會(huì)上

演員受到微軟的邀請(qǐng) Jennifer Aniston 和 Matthew Perry 拍攝 Windows 95 視頻教程

而 Windows 95 推出也取得了巨大的成功，短短四天就實(shí)現(xiàn)了全球銷售。 100 一萬(wàn)份。那時(shí)，蘋果陷入了困境。 Pink 項(xiàng)目及 Taligent OS 的泥潭中，Windows 95 得到了媒體的更多關(guān)注，市場(chǎng)份額也在不斷上升，最終使 Windows 操作系統(tǒng)市場(chǎng)的成功主導(dǎo)。

除桌面環(huán)境外，微軟還根據(jù)可用性測(cè)試結(jié)果重新設(shè)計(jì)了一些界面，例如「打開(kāi)/另存為文檔」界面，「選擇打印機(jī)」接口等，有些設(shè)計(jì)一直延續(xù)到今天。

Windows 3.1 與 95 「打開(kāi)文件」界面對(duì)比

Windows 95 與 11 對(duì)比文檔/文件夾特性界面

Windows 95 圖標(biāo)也有所改進(jìn)，有些圖標(biāo)使用了類似蘋果的圖標(biāo)。 Copland 等軸測(cè)視圖的風(fēng)格。圖標(biāo)仍然是 32×32、16 顏色，但是后來(lái)推出了 Microsoft Plus! 引進(jìn)了附加包 256 支持色彩圖標(biāo)。

Windows 95 圖標(biāo)(部分)

事實(shí)上，Daniel Oran 在 Windows 95 在發(fā)布之前就離開(kāi)了微軟，當(dāng)時(shí)他并不確定自己是否參與了設(shè)計(jì)。「菜單欄 任務(wù)欄」頁(yè)面是否會(huì)被覆蓋 Windows 95 選用。事實(shí)證明他多愁善感，這個(gè)界面不但順利進(jìn)入。 Windows 95，也成了后來(lái) Windows 網(wǎng)頁(yè)的基礎(chǔ)，而且到目前為止，生成還產(chǎn)生了強(qiáng)大的生命力，甚至影響了它。 KDE、xfce 其他桌面環(huán)境的設(shè)計(jì)。對(duì)于這一點(diǎn)，他也表示非常驚訝，他在接受采訪時(shí)表示：

那真是太棒了，幾乎不可思議?，F(xiàn)在 1993 2008年我絕對(duì)不會(huì)想到這個(gè)。

它是我職業(yè)生涯中最難忘、最有影響力的事情之一。

歷代 Windows 菜單欄

KDE 1.1 桌面

念念不忘：Windows 3.x 留下的遺址

雖然 Windows 95 成功發(fā)布也取得了巨大的成就，但微軟仍然不放心：萬(wàn)一有客戶不適應(yīng)。 Win95 新界面，想要換回以前的界面 Windows 網(wǎng)頁(yè)怎么辦？對(duì)于這個(gè)問(wèn)題，微軟也想到了一些解決辦法。舉例來(lái)說(shuō)，安裝 Windows 95 時(shí)可以選擇 Windows 3.1 的「程序管理器」默認(rèn)操作界面。

在安裝 Windows 95 時(shí)可以選擇 Windows 3.1 作為默認(rèn)操作界面的程序管理器

以「程序管理器」這是默認(rèn)頁(yè)面 Windows 95

但這樣得到的只是默認(rèn)打開(kāi)?！赋绦蚬芾砥鳌沟?Windows 95 只是桌面(見(jiàn)上圖)，要真正得到類似的東西。 Windows 3.1 感覺(jué)，需要把握 system.ini 里的 shell 修改成 progman.exe。

完整的「程序管理器」最后在 Windows XP SP2 之后被移除，但是通過(guò)移植之前的版本?！赋绦蚬芾砥鳌梗\(yùn)用 Windows 強(qiáng)大的向后兼容性，仍然可以在當(dāng)前。 Windows 中取得類似 Windows 3.1 感覺(jué)。以下視頻(來(lái)自我的朋友)展示了這個(gè)過(guò)程。

結(jié)尾：未完待續(xù)

因?yàn)槠邢?，?dāng)時(shí)還有一些關(guān)于那個(gè)時(shí)候的事情。 Windows 在一些關(guān)于界面設(shè)計(jì)的有趣細(xì)節(jié)的文章中沒(méi)有提到。

原文鏈接：

https://sspai.com/post/87835?utm_source=wechat&utm_medium=social

本文來(lái)自微信微信官方賬號(hào)“少數(shù)派”（ID：sspaime），作者：SUNTRISE，36氪經(jīng)授權(quán)發(fā)布。

本文僅代表作者觀點(diǎn)，版權(quán)歸原創(chuàng)者所有，如需轉(zhuǎn)載請(qǐng)?jiān)谖闹凶⒚鱽?lái)源及作者名字。

免責(zé)聲明：本文系轉(zhuǎn)載編輯文章，僅作分享之用。如分享內(nèi)容、圖片侵犯到您的版權(quán)或非授權(quán)發(fā)布，請(qǐng)及時(shí)與我們聯(lián)系進(jìn)行審核處理或刪除，您可以發(fā)送材料至郵箱：service@tojoy.com