一：搜尋
當期最普遍的做法是將搜尋功能放在導航區域，並且右上角放一個搜尋框。
要點：
1. 如果空間有限，推薦使用可擴充套件的輸入框，帶有放大鏡圖示；
2. 內容越多的情況下，就越是需要將搜尋放在明顯的位置。例如，Facebook 並沒有採取傳統的方法，將搜尋框放右上角，而是放在了中間偏左的位置；
3. 自動填充能夠節省使用者時間，給出建議內容和合適的詞；
4. 如果使用者能夠多重條件搜尋，使用“輸入提示”模式。
二：通知
隨著社交媒體網站的流行，讓使用者知道何時有人產生互動的“通知”也普遍開來。網站和 APP 可以推送新的內容、產品、評論或折扣資訊，使用者也可以選擇想要接收哪種通知資訊。
Google 採用了跨產品的混合通知：使用者登入 Gmail 後，可以快速檢視是否有人在 YouTube 上發出新的評論。
要點：
1. 最普遍的通知圖示是一個 “鈴鐺”；
2. 通知通常帶有顏色並且接著一個數字，選擇一個醒目的顏色來吸引注意力；
3. 偶爾的更新提示是適當的，但是不能濫用通知，利用通知發一些營銷資訊，否則會降低訊息的價值；
4. 如果使用者長時間未登入（如一週或以上），可以考慮通過增加快速通知，為使用者總結過去這段時間內發生的重要資訊。
三：跳轉
無論是文字連結還是圖示形式的跳轉都能夠節省使用者時間。作為可選功能，不能太顯眼，最常見的跳轉是“返回頂部”。
要點：
1. 不要太顯眼，可以考慮固定在側邊欄；
2. 同樣可以採用下拉到一定距離顯示按鈕。
四：固定導航欄
通常會採用固定頂部導航欄，也可見一些固定側邊和底部導航欄。好處是使用者在瀏覽內容時候，突然需要搜尋或檢視通知，有便捷的入口。
要點：
1. 由於總是需要佔據一些螢幕空間，導航設計的越小越好；
2. 對於單頁站點強烈推薦用這種導航，否則使用者會丟失導航資訊；
3. 為了更好的移動端體驗，針對移動使用者做導航收縮；
4. 對於卡片式風格的網站，不建議採用這種方式的導航，使用者在下翻的時候容易迷失。
五：垂直導航
放在兩邊的垂直導航能夠節省空間。對於有很多分頁的網站，同時可以為使用者提供很多選項，當然也可以為其他導航增加變化的空間。
垂直導航的好處是允許使用者在不同頁面間自由跳轉，更簡單的獲取不同內容。
要點：
1. 如果想要節省更多空間，垂直導航可以考慮採用抽屜式；
2. 不必拘泥於左側垂直導航，有時候採用右側垂直導航能夠讓網站更加突出。
3. 如果想要更加有創造性，可以結合垂直導航和跳轉功能，例子：http://www.heartkids.co.nz/
六：彈出框
適用於使用者不想離開當前位置，但是能夠獲取更多資訊的情境，這樣做的好處是不會分散使用者的任務流。通常在滑鼠懸浮時彈出。
要點：
1. 完美適用於卡片式佈局：設計師可以在頁面展示大量的內容，同時以彈出的方式顯示資訊來節省空間；
七：模態
由於涉及到互動，模態是一種交流重要資訊的方式。和彈出框一樣，模態可以讓使用者在當前頁面完成操作，不同的是模態需要互動，即使是最簡單的點選“跳過”或“是”。
模態通常有兩個用處：
·吸引使用者注意某個功能
·營銷
要點：
1. 模態彈出時背景需要處理一下，通常是將背景變暗；
2. 允許使用者通過點選背景框和按“ESC”鍵退出模態；
3. 如果覺得強迫使用者點選會影響使用者體驗，可以考慮使用自動最小化的動畫；
4. 對於教程頁面，推薦使用多頁面模態；
5. 對於郵件訂閱的模態，在使用者滾動到相應位置觸發。
八：行為召喚
行為召喚意為用明顯的按鈕引導使用者進行某項操作，通常用於購買、註冊、邀請參加某項活動等。對於行為召喚，最重要的是視覺效果：顯眼且實在。實際上，行為召喚應當是使用者看到的第一元素，畢竟這個功能通常都帶有商業目標。
要點：
1. 顏色時讓行為召喚顯眼的最有效方式，橘色或綠色是吸引人注意力的顏色，使用黑vs白強烈對比的顏色也可以;
2. 另外一個是位置，在最常見的位置放置行為召喚;
3. 滑鼠移上時變化顏色是近來的趨勢，能夠增加視覺愉悅感；
九：推薦
推薦最常見於電商頁面，依據使用者的購買/瀏覽行為推薦商品。現在，任何網站只要能夠收集使用者資料都能夠做推薦，也可以基於使用者的個人資料。
Facebook 會基於你的好友和關注列表來推薦你可能感興趣的人，而視訊網站可能僅僅依據你的觀看記錄推薦同一類的內容。
Amazon 做的最超前，依據不同維度來做推薦，如：搜尋、瀏覽、收藏等。
要點：
1. 個性化是關鍵。對使用者瞭解越多，推薦就能越精準。使用所有你可以用到的資料。
2. 使用者簡歷個人資料時，可以邀請他們選擇一些特點標籤來區分偏好。
十：相關內容
在電商、部落格、雜誌網站中最為流行，和“推薦”功能一樣非常有效，但是不需要使用者資料。通常通過標籤或關鍵字推薦相關內容。
要點：
1. 相關內容的準確性常常依賴於標籤系統，更多的精準標籤創造更有效的結果。