和許多華而不實的設計網(wǎng)站相比，新聞網(wǎng)站的優(yōu)秀之處就在于標準，沒有浮夸的炫技，卻不乏相當驚艷的用戶體驗。技術永遠是為人服務的，無論你的網(wǎng)頁設計的多么復雜惹眼，如果缺乏實用性甚至阻礙了正常功能的發(fā)揮，依舊無法留住用戶。
新聞網(wǎng)站的設計方式更利于新手設計師理解用戶體驗的意義（因為無論是優(yōu)點還是缺點，新聞網(wǎng)站都暴露得很明顯），也更容易上手。
1.搜索框帶來的安心與專業(yè)
導航欄對于每個網(wǎng)站都是至關重要的，我們在制作導航欄時往往被橫向排列還是豎向擺放、是否可伸縮、是否要浮動、怎樣塞下更多的欄目目錄搞得焦頭爛額，但往往忘記了一個關鍵——搜索框。
FOX選擇經(jīng)典的條塊狀搜索框
搜索框承擔了網(wǎng)站的搜索功能，當一個用戶瀏覽你的網(wǎng)站并被吸引，他決定進一步尋找自己感興趣的內(nèi)容，卻失望的發(fā)現(xiàn)，根本找不到搜索框。用戶就決定走了。
如果有幸他還記得你的網(wǎng)站的話，他會給別人說一句，“哦，那個網(wǎng)站只能找到他想給我的內(nèi)容，根本找不到我想要的東西?！?br />
這時候，我們可以看看新聞網(wǎng)站是如何重視搜索框擺放的，甚至一些時候，他們還出現(xiàn)了非常棒的用戶體驗創(chuàng)新。
BBC的條塊狀搜索框
但 Al Jazeera English和36氪的開關顯然更闊氣，這種下拉彈出的方式可能會帶來更好的用戶體驗。打開后一整行的內(nèi)容都是搜索框，做到了醒目，用戶更無需擔心打字過多在搜索框內(nèi)顯示不完整。同時，這種排版方式整齊流暢，視覺體驗很棒。
你可能還會說，搜索框沒那么重要，網(wǎng)易爸爸的搜索框就放在了頁面更后非常不明顯的地方。
網(wǎng)易爸爸灰常隱蔽的搜索框
BUT，首先，搜索放到導航欄是用戶長期形成的網(wǎng)頁瀏覽習慣，如果你的網(wǎng)站并不知名、如果你的創(chuàng)新并不能帶來更好的用戶體驗，還是采用搜索框開關吧。
其次，我至上次用網(wǎng)易新聞時，真的找了很久的搜索框，后來發(fā)現(xiàn)知乎上居然真還有“網(wǎng)易首頁為什么沒有搜索框？ ”這個問答。
2.與欄目相關的提示
幾乎所有的網(wǎng)頁設計師都了解欄目的重要性，但在這里小編想要提醒幾個關于欄目的小細節(jié)。
反饋是用戶體驗的核心要素之一，你敲桌子桌子會響、躺到床上床會塌陷，我們對生活中的反饋是如此習以為常，以至于在設計網(wǎng)頁時忘記了反饋的存在。
《DON'T MAKE ME THINK》一書中說過標簽分割器是一種制作導航器的優(yōu)秀反饋思路，用戶單擊的標簽頁位于其他標簽頁之前。這種模式就比單純的字體加粗、改變字體顏色更具趣味性，也更像是模仿我們讀書翻頁的狀態(tài)，但后者可以容納更多的信息量。
虎嗅網(wǎng)頂部導航欄上的小紅點很有意思，鼠標點過后就不會再出現(xiàn)，類似于微信消息提醒的小紅點。引導用戶，又能及時給出反饋。
子菜單太長怎么辦，澎湃新聞垂直導航就不錯
其次是強調(diào)導航欄，下面這個新聞網(wǎng)站就做的不錯。下圖右側(cè)的“NEWS”提示了用戶所在的子頁面，幫助用戶分辨位置、強化了導航欄的印象，又彌補了右側(cè)留白過多的缺憾。
關注我們
微信小程序
抖音小程序