在一個小的層疊區域展示合適的幫助內容可以快速找到簡單問題的答案，但是在復雜的網頁和不能很好的迎合用戶的需求的權衡下，可能適合這么去做。

在 Emerging Patterns in Web Design里更新我們的課程，我注意到著名的網站（如Facebook和Google AdWords）用相似的方法去展示所提供幫助的內容。

現在的趨勢有兩種主要的組件：

1.在一個小的層疊區域顯示幫助內容，與彈出窗口類似（這些層疊區域是用戶主動去喚起的，系統自動彈出的會讓人感到不愉快。）

Facebook.com：點擊右上角的向下的箭頭按鈕來打開幫助窗口。

Google AdWords：從設置菜單里選擇幫助按鈕后（左），幫助窗口才出現（右）。

2.基于用戶的情況，通過上下文相應的信息提供適應性的幫助，一般來說是在應用中當前的窗口。

Facebook.com：在項目網頁里，自適應幫助系統預測把大多數用戶提過的問題關聯起來，因此這里展示了4個相關的主題。

這些組件不是最近才有的。19世紀80年代末，人機交互的研究者就已經開始了自適應幫助系統的研究。

微軟的Office多年來都采用彈出小窗口的模式來提供給用戶幫助信息。如今我們看到的各大網站都沿襲了這種模式，如我們所見的放大圖標和扁平化設計，當知名的網站和應用開始應用這些交互模式時，其他網站必然會開始去抄襲他們。在我們看到其他網站探索這種展示幫助內容的方法之前，也許只是時間的問題了。（當然了，在沒有測試他們自己的內容是否適合之前，設計師不應該抄襲其他的模式，盡管它非常好用。

好幫助的黃金法則

在把這些方法分類之前，讓我們記住提供幫助是10 種有用方法之一。幫助系統應該有三種基本的特性：

1.隨處可用，沒有干擾。一些幫助應該在每個應用或者網頁種都有，但它只在用戶需要的時候才彈出來。并且他們確實需要時，可以很簡單的找到。

2.簡明但也要一些簡單描述。幫助信息應該只用必要的文字，即使外行人也可以看懂。

3.不介入。在用完幫助后用戶應該能很快回到他原來的工作。

在這片文章里，我們將了解小層疊窗體和上下文相關幫助的優點和缺點，并給出是否用和如何用它們的建議。

小層疊幫助窗口

當需要更多的信息放在工具提示里，小層疊幫助窗體會變得很有用，但是不能完全保證能在整個網頁里會轉移用戶的注意力。

更少的彈出窗口打擾

這里展現的層疊窗體是非模式彈出窗口。它們在瀏覽器窗口里打開，允許用戶在打開的屏幕里進行交互。層疊窗口和傳統的彈出窗口最大的不同是層疊窗口需要用戶啟動。因為用戶找尋幫助時，主動彈出窗口的外觀不會引起用戶的好感，只會讓用戶反感。

停留在原位置

在相同網頁的主內容上提供幫助信息的一個好處是人們不用離開當前的位置去查看幫助。這支持了上面的第三條規則，因為這只需要很小的位置，讓用戶簡單地回到原來的工作中。（與現實中對比：如果一個提供技術支持的人來到你桌前幫你解決你的問題，會比你離開你的辦公室去IT部門需求幫助簡單的多了。）

并列引導

對于一步步的指導，或者與特定頁面相關的引導，相比用切換鍵來切換網頁，用戶能更簡單地從幫助窗口轉移它們的注意力到主要的區域里。在不同的網頁里展示幫助信息將會影響用戶的短期記憶，當他們回到工作的區域時，它們必須回想起剛剛要做的事情，會給大腦增加不必要的負擔。

把屏幕中重要的區域隔離起來

打開一個新網頁或者彈出窗體會占用屏幕的四分之三的區域，這些小層疊窗體會留下很多可視的空間。然而這個界面有很多元素用戶需要去使用，但是在窗口出來之后都隱藏了。

Facebook.com:幫助窗口的指示指導用戶去使用網頁右上角的一個元素，它在這個層疊窗口里。用戶必須關掉窗口才能找到下面的按鈕，如果用戶還需要幫助，他們需要重新打開幫助窗口。

•建議：在展示窗口給用戶更多的控制，可以是讓他們最小化，關閉或者移動窗口。這些功能對于應用和儀表盤尤其重要，這可以讓工具在整個屏幕移動。