現(xiàn)在閱讀微軟1998年的用戶界面，就像發(fā)掘古墓一樣。設(shè)計(jì)人員和開(kāi)發(fā)者為整個(gè) Windows 系統(tǒng)和應(yīng)用程序準(zhǔn)備了長(zhǎng)達(dá)381頁(yè)的引導(dǎo)內(nèi)容，在20年后再來(lái)審視其中的內(nèi)容，不由得讓我思考這些年的變化，不僅僅是微軟，而是整個(gè)軟件的開(kāi)發(fā)領(lǐng)域的變遷。設(shè)計(jì)的準(zhǔn)則往往是先于時(shí)代而存在的，這句話一點(diǎn)錯(cuò)都沒(méi)有。

在這個(gè)漫長(zhǎng)的新用戶引導(dǎo)中，我們發(fā)現(xiàn)上個(gè)世紀(jì)末開(kāi)始，微軟已經(jīng)開(kāi)始深入考慮用戶體驗(yàn)和用戶引導(dǎo)這件事了。相比于混亂粗陋的 Windows 3.1，Windows 98 的設(shè)計(jì)效果顯而易見(jiàn)的。當(dāng)你剛剛進(jìn)入 Windows 3.1 的時(shí)候，面對(duì)是這樣的一坨東西：

重新安裝一次 Windows 98，在使用過(guò)程中，最值得人注意的始終是它的新用戶引導(dǎo)的環(huán)節(jié)。相比于 Windows 3.1 那個(gè)神秘?zé)o比的啟動(dòng)畫面和迷幻般的用戶手冊(cè)，Windows 98 給予新用戶的舒適感是不可同日而語(yǔ)的。微軟在 Windows 98 中給予用戶以足夠的基礎(chǔ)知識(shí)，最大程度地減少了繁瑣的設(shè)置，并且盡量讓用戶以無(wú)障礙的方式開(kāi)始操作系統(tǒng)的使用。

既然要對(duì)比，那么我們先看看現(xiàn)如今我們所面對(duì)的新用戶引導(dǎo)流程吧。

相比于20年前，現(xiàn)在的硬件性能要強(qiáng)大太多，新用戶引導(dǎo)流程擁有了各種各樣的可能性，體驗(yàn)更加流暢也更加有趣，但是在1998年，軟件開(kāi)發(fā)的限制非常之多。不過(guò)即便如此，這個(gè)環(huán)節(jié)的設(shè)計(jì)原則是沒(méi)有變的，下面是案例。

注冊(cè)表單

沒(méi)有人會(huì)喜歡一個(gè)擁有多達(dá)20個(gè)字段的注冊(cè)表單。而早在1998年，用戶在首次登錄桌面之后，所需要輸入的注冊(cè)信息也不算多?，F(xiàn)如今，有了 Google 和社交媒體之后，用戶的登錄、注冊(cè)和認(rèn)證過(guò)程會(huì)快很多，也更加便捷。下面是流程自動(dòng)化工具 Process Street 的登錄/注冊(cè)界面：

空狀態(tài)

空狀態(tài)是還沒(méi)有顯示用戶數(shù)據(jù)的時(shí)候，界面所呈現(xiàn)出來(lái)的狀態(tài)。雖然沒(méi)有用戶數(shù)據(jù)，但是空狀態(tài)需要通過(guò)提示、引導(dǎo)來(lái)告知用戶為什么沒(méi)有信息顯示，以及用戶要如何提供數(shù)據(jù)，來(lái)避免用戶卡在空狀態(tài)頁(yè)面，下面是 Spotify 的空狀態(tài)頁(yè)面設(shè)計(jì)：

如果你還沒(méi)有訂閱任何頻道，Spotify 巧妙地緩解了沒(méi)有數(shù)據(jù)的尷尬。

Trello 的空狀態(tài)頁(yè)面是個(gè)不錯(cuò)的范例，它解釋了核心的功能，并且讓產(chǎn)品的入門體驗(yàn)變得頗為有趣，并且具備引導(dǎo)用戶的功能性，而不是成為產(chǎn)品的拖累。

提供交互，而不是單純的用戶手冊(cè)

即使是在數(shù)字產(chǎn)品當(dāng)中，應(yīng)用程序依然是需要文檔的。比如，GitHub 就擁有大量的幫助文檔，對(duì)于許多產(chǎn)品而言，尤其是復(fù)雜的產(chǎn)品，大量的問(wèn)題和解決方案是需要借助幫助頁(yè)面和幫助文檔來(lái)承載信息的。但是在新用戶引導(dǎo)的環(huán)節(jié)，應(yīng)當(dāng)讓用戶盡量遠(yuǎn)離復(fù)雜厚重的文檔，并且通過(guò)實(shí)踐性的交互來(lái)讓他們學(xué)習(xí)新知識(shí)。

當(dāng)你創(chuàng)建一個(gè)新的 GitHub 賬戶的時(shí)候，上面的 Banner 就是你所看到的內(nèi)容。

盡管從技術(shù)上講，那個(gè)按鈕會(huì)將你引導(dǎo)到在線的用戶手冊(cè)當(dāng)中，但是它依然教會(huì)你如何使用 GitHub，并且通過(guò)真實(shí)的用例引導(dǎo)你了解 GitHub，而不是抽象的概念。同樣的，在注冊(cè) TeamGantt 的時(shí)候，你需要做的第一件事情，是通過(guò)交互案例來(lái)獲得基本的引導(dǎo)。

示例項(xiàng)目是帶有提示框的，通過(guò)它，你可以走一遍基本的工作流程，這對(duì)于你后續(xù)提升熟練度至關(guān)重要。

接下來(lái)，我們來(lái)看看 Windows 98 的系統(tǒng)當(dāng)中，是如何通過(guò)新用戶引導(dǎo)來(lái)教會(huì)用戶各種功能的。

Windows 98 ：新用戶引導(dǎo)

先提一下反面案例 Windows 3.1，它的新用戶引導(dǎo)做的非常差，它的新用戶引導(dǎo)更像是幫助經(jīng)過(guò)培訓(xùn)的 Windows 用戶來(lái)熟悉 GUI 界面而已，并不是在熟悉操作系統(tǒng)本身。這也使得后面設(shè)計(jì)更加到位的 Windows 95 和 Windows 98 獲得更加廣泛的贊揚(yáng)和認(rèn)知，這一點(diǎn)在銷售數(shù)據(jù)上得到了充分的體現(xiàn)。

Windows 98 的漸進(jìn)式檔案

Windows 98 所采用的漸進(jìn)式檔案模式，指的是將整個(gè)用戶檔案建立的信息打散為若干個(gè)不同的步驟，這樣可以頗為有效地避免過(guò)多的內(nèi)容讓用戶感到信息過(guò)載。

另一方面，Windows 98 也并沒(méi)有強(qiáng)制你一定要填寫完所有的信息，這一點(diǎn)上，用戶擁有的自由度很高。

初始的設(shè)置其實(shí)如你所想的那樣順暢便捷，即使是在要求進(jìn)行調(diào)制解調(diào)器（俗稱貓，當(dāng)時(shí)還是撥號(hào)上網(wǎng)的時(shí)代）的設(shè)置，你也可以選擇在使用 Outlook 或者 IE 瀏覽器等需要聯(lián)網(wǎng)應(yīng)用的時(shí)候，再進(jìn)行設(shè)置。

回收站的空狀態(tài)設(shè)計(jì)

在 Windows 98 當(dāng)中，并沒(méi)有很多值得注意的空狀態(tài)界面，因?yàn)檫@個(gè)操作系統(tǒng)本身就包含了大量的快捷方式和文件，幾乎看不到完全空置的界面。然而它的回收站是經(jīng)常需要被清空并且擁有空狀態(tài)的，而同樣的，它的回收站的空狀態(tài)被設(shè)計(jì)得頗為貼心。

將文件扔進(jìn)垃圾箱，然后徹底清空或者恢復(fù)文件，這樣的功能對(duì)于用戶而言是非常常用的，而側(cè)邊欄的幫助文檔說(shuō)明則很好的讓新用戶了解這些環(huán)節(jié)的正確使用方法。

便捷的默認(rèn)設(shè)置

如果你不想對(duì)所有的功能模塊進(jìn)行定制的話，那么可以選用「典型安裝」的模式，快速完成。

和 Windows 3.1 不同，Windows 98 為用戶提供了更快速便捷的路徑，用戶可以選擇默認(rèn)的設(shè)置，從而盡快完成這個(gè)環(huán)節(jié)，無(wú)需做太多決定。

通過(guò)小練習(xí)學(xué)會(huì)使用 Windows 98

有一部分用戶在使用 Windows 98 的時(shí)候已經(jīng)熟悉了鍵盤和鼠標(biāo)的使用，但是有的并沒(méi)有如此。根據(jù) GUI 界面設(shè)計(jì)的準(zhǔn)則，「用戶應(yīng)當(dāng)始終保有對(duì)軟件的控制感，而不是感到被軟件所控制」。所以，通過(guò)小練習(xí)來(lái)熟悉并控制操作系統(tǒng)是很好的方式。

用戶如果覺(jué)得自己熟悉了使用，也可以隨時(shí)跳過(guò)教程環(huán)節(jié)。

通過(guò)小練習(xí)，用戶可以更快了解操作系統(tǒng)，熟悉相關(guān)的知識(shí)，這種方式更好的幫助用戶了解 Windows 98 ，從而避免了用戶一頭霧水地進(jìn)入一個(gè)龐大的全新的操作系統(tǒng)。最后，系統(tǒng)還會(huì)提供給你一個(gè)測(cè)試，看你通過(guò)練習(xí)之后，對(duì)它的理解有多少。

類比現(xiàn)實(shí)世界的設(shè)計(jì)

在1998年的時(shí)候，電腦還沒(méi)有像現(xiàn)在這樣普及，因此微軟將計(jì)算機(jī)操作系統(tǒng)的界面和用戶熟悉的產(chǎn)品（諸如打字機(jī)和電視）進(jìn)行類比。

根據(jù)當(dāng)年的數(shù)據(jù)，64%的美國(guó)家庭是沒(méi)有電腦的，而現(xiàn)在這個(gè)數(shù)據(jù)僅有16%，這也是為什么你在今天的操作系統(tǒng)中見(jiàn)不到那么多有趣而迷人的呈現(xiàn)方式。

將新技術(shù)和過(guò)去已有的產(chǎn)品進(jìn)行類比，在喬布斯生前是極為流行的做法，擬物化的設(shè)計(jì)也是其中的典范，而變化在 iOS 7 誕生之后就發(fā)生了。

擬物化（Skeuomorphism）是一個(gè)非常全面的術(shù)語(yǔ)，當(dāng)設(shè)計(jì)對(duì)象保留有和現(xiàn)實(shí)物品一致的裝飾性元素的時(shí)候，并且這些元素對(duì)于實(shí)際功能并無(wú)加成的時(shí)候，這樣的設(shè)計(jì)就算是擬物化?！猅im Worstall

相比于同期蘋果的設(shè)計(jì)，Windows 98 的設(shè)計(jì)還算不上是一種系統(tǒng)的設(shè)計(jì)美學(xué)。它的整個(gè) GUI 設(shè)計(jì)還是在盡量借助用戶過(guò)去的經(jīng)驗(yàn)，這也是它的 UI 元素可識(shí)別的原因所在。現(xiàn)在我們已經(jīng)熟知了各種 UI 中常見(jiàn)元素的含義，自然就不需要這種引導(dǎo)了。

是什么讓 Windows 98 進(jìn)步如此迅速

Windows 3.1 和 Windows 95/98 之間質(zhì)量上的巨大差異，其實(shí)是可以通過(guò)兩者在文檔上的差別看出來(lái)的。在3.1時(shí)期，操作系統(tǒng)的設(shè)計(jì)者和開(kāi)發(fā)者對(duì)于用戶體驗(yàn)的理解遠(yuǎn)沒(méi)有后面95/98時(shí)代那么深入。在95年的 Windows 界面指南中這樣寫到：

除非界面缺少功能，盡量不要往界面中添加新的元素和交互。更重要的是，要盡量避免更改現(xiàn)有的常見(jiàn)的元素和行為。用戶對(duì)于界面的運(yùn)作是有預(yù)期的，不一致性將會(huì)讓用戶感到混亂，而且會(huì)增加界面的復(fù)雜度。

之所以能讓操作系統(tǒng)的設(shè)計(jì)上升到新的高度，很大程度上得益于微軟并沒(méi)有對(duì)市場(chǎng)做出過(guò)高的假設(shè)和預(yù)期。

這個(gè)操作系統(tǒng)在簡(jiǎn)短的設(shè)置之后就能使用，如果你有相關(guān)的經(jīng)驗(yàn)可以輕松跳過(guò)各種教程，如果你從沒(méi)用過(guò)也能在練習(xí)中快速熟悉它。此外，對(duì)于有 Windows 3.1 和 Mac 用戶以及從未使用過(guò)鍵盤和鼠標(biāo)的用戶，都有單獨(dú)的幫助。

這個(gè)20年前的操作系統(tǒng)當(dāng)中，我們能夠從中感受到了真正意義上的設(shè)計(jì)者的同理心，相比之下，被我媽稱為「垃圾」的 Windows 8 操作系統(tǒng)，則忽略了許多設(shè)計(jì)上的準(zhǔn)則，并且缺乏對(duì)于用戶應(yīng)有的理解，這無(wú)疑和設(shè)計(jì)開(kāi)發(fā)時(shí)，對(duì)用戶有過(guò)多的預(yù)設(shè)分不開(kāi)。

想要?jiǎng)?chuàng)建真正令人驚艷的體驗(yàn)，設(shè)計(jì)師是需要充分利用同理心和移情效應(yīng)。如果用戶沒(méi)法快速上手，那么他們就會(huì)快速離開(kāi)，很多事情就是這么直接。

「2018年設(shè)計(jì)趨勢(shì)，一個(gè)都不要錯(cuò)過(guò)」

• 《2018年，這10個(gè)LOGO設(shè)計(jì)趨勢(shì)值得你關(guān)注》
• 《超全面總結(jié)！2017年UI設(shè)計(jì)領(lǐng)域流行過(guò)這21個(gè)設(shè)計(jì)趨勢(shì)》
• 《掌握這12個(gè)移動(dòng)端UX設(shè)計(jì)趨勢(shì)，你就掌控了2018年》
• 《這款獨(dú)特的紫色，是為你指引2018年設(shè)計(jì)方向的年度潘通色》

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛(ài)好者也準(zhǔn)備了貼心的知識(shí)樹(shù)專欄。開(kāi)啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺(jué)效果。

設(shè)計(jì)導(dǎo)航：國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備： http://hao.uisdc.com