2016-11-13 分類: 用戶體驗
看到這篇文章題目的你不知道有沒有被嚇一跳:什么?跟著新聞網站學網頁設計?
在許多設計師看來,新聞網站簡直就是無趣、冗長、枯燥的代名詞,跟炫酷惹眼的設計一點邊兒都不沾好嗎。那小編可就要提醒你嘍,你對新聞網站的觀念可是落后了十年。
和許多華而不實的設計網站相比,新聞網站的優秀之處就在于標準,沒有浮夸的炫技,卻不乏相當驚艷的用戶體驗。技術永遠是為人服務的,無論你的網頁設計的多么復雜惹眼,如果缺乏實用性甚至阻礙了正常功能的發揮,依舊無法留住用戶。
新聞網站的設計方式更利于新手設計師理解用戶體驗的意義(因為無論是優點還是缺點,新聞網站都暴露得很明顯),也更容易上手。下面同創新互聯一起看看吧。
1.搜索框帶來的安心與專業
導航欄對于每個網站都是至關重要的,我們在制作導航欄時往往被橫向排列還是豎向擺放、是否可伸縮、是否要浮動、怎樣塞下更多的欄目目錄搞得焦頭爛額,但往往忘記了一個關鍵——搜索框。
FOX選擇經典的條塊狀搜索框
搜索框承擔了網站的搜索功能,當一個用戶瀏覽你的網站并被吸引,他決定進一步尋找自己感興趣的內容,卻失望的發現,根本找不到搜索框。用戶就決定走了。
如果有幸他還記得你的網站的話,他會給別人說一句,哦,那個網站只能找到他想給我的內容,根本找不到我想要的東西。”
這時候,我們可以看看新聞網站是如何重視搜索框擺放的,甚至一些時候,他們還出現了非常棒的用戶體驗創新。
BBC的條塊狀搜索框
搜索框的重要特點就是醒目、可靠、流暢,最好和網站底色、其他元素顏色有所區別,略微偏離導航欄參考線。理想化的搜索框是那種大大的豪氣長條塊,致命缺點是擠占了其他信息空間。一些網站選擇了搜索框開關。
ABC新聞網的搜索框開關
但AlJazeeraEnglish和36氪的開關顯然更闊氣,這種下拉彈出的方式可能會帶來更好的用戶體驗。打開后一整行的內容都是搜索框,做到了醒目,用戶更無需擔心打字過多在搜索框內顯示不完整。同時,這種排版方式整齊流暢,視覺體驗很棒。
(視頻大小為1.3M請放心食用~)
36氪下拉彈出式搜索框
你可能還會說,搜索框沒那么重要,網易爸爸的搜索框就放在了頁面最后非常不明顯的地方。
網易爸爸灰常隱蔽的搜索框
BUT,首先,搜索放到導航欄是用戶長期形成的網頁瀏覽習慣,如果你的網站并不知名、如果你的創新并不能帶來更好的用戶體驗,還是采用搜索框開關吧。
其次,我一次用網易新聞時,真的找了很久的搜索框,后來發現知乎上居然真還有網易首頁為什么沒有搜索框?”這個問答。
2.與欄目相關的提示
幾乎所有的網頁設計師都了解欄目的重要性,但在這里小編想要提醒幾個關于欄目的小細節。
反饋是用戶體驗的核心要素之一,你敲桌子桌子會響、躺到床上床會塌陷,我們對生活中的反饋是如此習以為常,以至于在設計網頁時忘記了反饋的存在。
《DON’TMAKEMETHINK》一書中說過標簽分割器是一種制作導航器的優秀反饋思路,用戶單擊的標簽頁位于其他標簽頁之前。這種模式就比單純的字體加粗、改變字體顏色更具趣味性,也更像是模仿我們讀書翻頁的狀態,但后者可以容納更多的信息量。
虎嗅網頂部導航欄上的小紅點很有意思,鼠標點過后就不會再出現,類似于微信消息提醒的小紅點。引導用戶,又能及時給出反饋。
子菜單太長怎么辦,澎湃新聞垂直導航就不錯
其次是強調導航欄,下面這個新聞網站就做的不錯。下圖右側的NEWS”提示了用戶所在的子頁面,幫助用戶分辨位置、強化了導航欄的印象,又彌補了右側留白過多的缺憾。
3.給用戶選擇的空間
如果你做的是信息服務類網站,為用戶創建個性化內容能夠獲得用戶體驗加分。
BBS設立的不喜歡就點叉”小窗口試圖在提供這樣的服務。
4.好頭不如爛尾?
這一點無疑是錯誤,但一個美麗的網頁底部導航欄也是必備的。澎湃網站這種難以觸及的網站底部”可就有點扎心了。
只要網速快,你永遠點不到聯系我們”那一欄,因為網站底部會隨著新刷出的新聞下移。
這并不是說最好把網頁底部導航也該成浮動式,我看到大部分的網站還是嵌入式。但如果像澎湃新聞這樣首頁內容過多,滑動很多次也沒法到底的話,就要想想新的辦法了,比如放到右邊。因為畢竟一般網頁底部都留有招聘和商業合作聯系方式。
總結
這篇文章主要講述了有關良好用戶體驗的細節,但只要細心觀察,其實在新聞網站,你也能看到分屏式、標簽式等各種潮流設計。
一般來說,網站設計感的實現需要優質酷炫的圖片作為支撐,但新聞網站既沒有酷炫的圖片,又多了許多文字。因而新聞網站想要好看、擁有良好的用戶體驗,就需要更精心的頁面布置。這也是我推薦跟著新聞網站學設計的原因。
本文標題:跟著新聞網站學網頁設計 細心觀察良好用戶體驗
網站網址:http://m.newbst.com/news/66443.html
網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站設計、用戶體驗等
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容