在許多設計師看來，新聞網站簡直就是無趣、冗長、枯燥的代名詞，跟炫酷惹眼的設計一點邊兒都不沾好嗎？那小編可就要提醒您嘍，您對新聞網站的觀念可是落後了十年。
和許多華而不實的設計網站相比，新聞網站的優秀之處就在於標準，沒有浮誇的炫技，卻不乏相當驚豔的多使用者體驗。技術永遠是為人服務的，無論您的網頁設計的多麼複雜惹眼，如果缺乏實用性甚至阻礙了正常功能的發揮，依舊無法留住多使用者。
新聞網站的設計方式更利於新手設計師理解多使用者體驗的意義（因為無論是優點還是缺點，新聞網站都暴露得很明顯），也更容易上手。下面我們一起看看吧。 1. 搜尋框帶來的安心與專業
導航欄對於每個網站都是至關重要的，我們在製作導航欄時往往被橫向排列還是豎向擺放、是否可伸縮、是否要浮動、怎樣塞下更多的欄目目錄搞得焦頭爛額，但往往忘記了一個關鍵——搜尋框。 FOX 選擇經典的條塊狀搜尋框
搜尋框承擔了網站的搜尋功能，當一個多使用者瀏覽您的網站並被吸引，他決定進一步尋找自己感興趣的內容，卻失望的發現，根本找不到搜尋框。多使用者就決定走了。
如果有幸他還記得您的網站的話，他會給別人說一句，“哦，那個網站只能找到他想給我的內容，根本找不到我想要的東西。”
這時候，我們可以看看新聞網站是如何重視搜尋框擺放的，甚至一些時候，他們還出現了非常棒的多使用者體驗創新。 BBC 的條塊狀搜尋框
搜尋框的重要特點就是醒目、可靠、流暢，zui 好和網站底色、其他元素顏色有所區別，略微偏離導航欄參考線。理想化的搜尋框是那種大大的豪氣長條塊，致命缺點是擠佔了其他資訊空間。一些網站選擇了搜尋框開關。 ABC 新聞網的搜尋框開關
但 Al Jazeera English 和 36 氪的開關顯然更闊氣，這種下拉彈出的方式可能會帶來更好的多使用者體驗。開啟後一整行的內容都是搜尋框，做到了醒目，多使用者更無需擔心打字過多在搜尋框內顯示不完整。同時，這種排版方式整齊流暢，視覺體驗很棒。 36 氪下拉彈出式搜尋框
您可能還會說，搜尋框沒那麼重要，網易爸爸的搜尋框就放在了頁面 zui 後非常不明顯的地方。 網易爸爸灰常隱蔽的搜尋框
BUT，首先，搜尋放到導航欄是多使用者長期形成的網頁瀏覽習慣，如果您的網站並不知名、如果您的創新並不能帶來更好的多使用者體驗，還是採用搜尋框開關吧。
其次，我 di 一次用網易新聞時，真的找了很久的搜尋框，後來發現知乎上居然真還有 “網易首頁為什麼沒有搜尋框？ ” 這個問答。 2. 與欄目相關的提示
幾乎所有的網頁設計師都瞭解欄目的重要性，但在這裡小編想要提醒幾個關於欄目的小細節。
反饋是多使用者體驗的核心要素之一，您敲桌子桌子會響、躺到床上床會塌陷，我們對生活中的反饋是如此習以為常，以至於在設計網頁時忘記了反饋的存在。
《DON’T MAKE ME THINK》一書中說過標籤分割器是一種製作導航器的優秀反饋思路，多使用者單擊的標籤頁位於其他標籤頁之前。這種模式就比單純的字型加粗、改變字型顏色更具趣味性，也更像是模仿我們讀書翻頁的狀態，但後者可以容納更多的資訊量。
虎嗅網頂部導航欄上的小紅點很有意思，滑鼠點過後就不會再出現，類似於 WordPress 微信資訊提醒的小紅點。引導多使用者，又能及時給出反饋。
子選單太長怎麼辦，澎湃新聞垂直導航就不錯
其次是強調導航欄，下面這個新聞網站就做的不錯。下圖右側的 “NEWS” 提示了多使用者所在的子頁面，幫助多使用者分辨位置、強化了導航欄的印象，又彌補了右側留白過多的缺憾。 3. 給多使用者選擇的空間
如果您做的是資訊服務類網站，為多使用者建立個性化內容能夠獲得多使用者體驗加分。
BBS 設立的 “不喜歡就點叉” 小視窗試圖在提供這樣的服務。 4. 好頭不如爛尾？
這一點無疑是錯誤，但一個美麗的網頁底部導航欄也是必備的。澎湃網站這種 “難以觸及的網站底部” 可就有點扎心了。
只要網速快，您永遠點不到 “聯絡我們” 那一欄，因為網站底部會隨著新刷出的新聞下移。
這並不是說 zui 好把網頁底部導航也該成浮動式，我看到大部分的網站還是嵌入式。但如果像澎湃新聞這樣首頁內容過多, 滑動很多次也沒法到底的話，就要想想新的辦法了，比如放到右邊。因為畢竟一般網頁底部都留有招聘和商業合作聯絡方式。 總結
這篇文章主要講述了有關良好多使用者體驗的細節，但只要細心觀察，其實在新聞網站，您也能看到分屏式、標籤式等各種潮流設計。
一般來說，網站設計感的實現需要優質酷炫的圖片作為支撐，但新聞網站既沒有酷炫的圖片，又多了許多文字。因而新聞網站想要好看、擁有良好的多使用者體驗，就需要更精心的頁面佈置。這也是我推薦跟著新聞網站學設計的原因。
複習一下：優秀的網頁設計，您需要： 1. 令多使用者感到安心的搜尋框 2. 導航欄的小技巧 3. 給多使用者選擇的空間 4. 重視結尾
