阿里裝修托管
微信人工客服 |
【深圳網(wǎng)站建設(shè) 】為什么要跟著新聞網(wǎng)站學(xué)網(wǎng)頁(yè)規(guī)劃？
發(fā)布日期：2020-03-20 關(guān)鍵詞:【深圳網(wǎng)站建設(shè) 】為什么要跟著新聞網(wǎng)站學(xué)網(wǎng)頁(yè)規(guī)劃？ 已有 2025 人瀏覽
看到這篇文章標(biāo)題的你不知道有沒(méi)有被嚇一跳：什么？跟著新聞網(wǎng)站學(xué)網(wǎng)頁(yè)規(guī)劃？
在許多規(guī)劃師看來(lái)，新聞網(wǎng)站簡(jiǎn)直就是無(wú)趣、冗長(zhǎng)、單調(diào)的代名詞，跟炫酷招眼的規(guī)劃一點(diǎn)邊兒都不沾好嗎。那深圳網(wǎng)站建設(shè) 小編可就要提醒你嘍，你對(duì)新聞網(wǎng)站的觀念可是落后了十年。
和許多華而不實(shí)的規(guī)劃網(wǎng)站相比，新聞網(wǎng)站的優(yōu)異之處就在于標(biāo)準(zhǔn)，沒(méi)有浮夸的炫技，卻不乏適當(dāng)冷艷的用戶體會(huì)。技能永遠(yuǎn)是為人服務(wù)的，不管你的網(wǎng)頁(yè)規(guī)劃的多么復(fù)雜招眼，假如缺乏實(shí)用性乃至阻止了正常功用的發(fā)揮，依舊無(wú)法留住用戶。
新聞網(wǎng)站的規(guī)劃方法更利于新手規(guī)劃師理解用戶體會(huì)的意義（由于不管是長(zhǎng)處仍是缺陷，新聞網(wǎng)站都露出得很顯著），也更容易上手。下面咱們一同看看吧。
1.查找框帶來(lái)的安心與專(zhuān)業(yè)
導(dǎo)航欄關(guān)于每個(gè)網(wǎng)站都是至關(guān)重要的，咱們?cè)谥圃鞂?dǎo)航欄時(shí)往往被橫向擺放仍是豎向擺放、是否可伸縮、是否要起浮、怎樣塞下更多的欄目目錄搞得焦頭爛額，但往往忘記了一個(gè)要害——查找框。
FOX挑選經(jīng)典的條塊狀查找框
查找框承當(dāng)了網(wǎng)站的查找功用，當(dāng)一個(gè)用戶閱讀你的網(wǎng)站并被招引，他決議進(jìn)一步尋找自己感興趣的內(nèi)容，卻絕望的發(fā)現(xiàn)，根本找不到查找框。用戶就決議走了。
假如有幸他還記得你的網(wǎng)站的話，他會(huì)給別人說(shuō)一句，“哦，那個(gè)網(wǎng)站只能找到他想給我的內(nèi)容，根本找不到我想要的東西。”
這時(shí)分，咱們能夠看看新聞網(wǎng)站是怎么注重查找框擺放的，乃至一些時(shí)分，他們還呈現(xiàn)了十分棒的用戶體會(huì)立異。
BBC的條塊狀查找框
查找框的重要特色就是醒目、可靠、流通，最好和網(wǎng)站底色、其他元素色彩有所區(qū)別，略微違背導(dǎo)航欄參閱線。理想化的查找框是那種大大的豪氣長(zhǎng)條塊，喪命缺陷是擠占了其他信息空間。一些網(wǎng)站挑選了查找框開(kāi)關(guān)。
ABC新聞網(wǎng)的查找框開(kāi)關(guān)
但 Al Jazeera English和36氪的開(kāi)關(guān)明顯更闊氣，這種下拉彈出的方法或許會(huì)帶來(lái)更好的用戶體會(huì)。翻開(kāi)后一整行的內(nèi)容都是查找框，做到了醒目，用戶更無(wú)需擔(dān)心打字過(guò)多在查找框內(nèi)顯示不完整。一起，這種排版方法規(guī)整流通，視覺(jué)體會(huì)很棒。
36氪下拉彈出式查找框
你或許還會(huì)說(shuō)，查找框沒(méi)那么重要，網(wǎng)易爸爸的查找框就放在了頁(yè)面最后十分不顯著的地方。
BUT，首先，查找放到導(dǎo)航欄是用戶長(zhǎng)時(shí)間構(gòu)成的網(wǎng)頁(yè)閱讀習(xí)慣，假如你的網(wǎng)站并不知名、假如你的立異并不能帶來(lái)更好的用戶體會(huì)，仍是采用查找框開(kāi)關(guān)吧。
其次，我第一次用網(wǎng)易新聞時(shí)，真的找了好久的查找框，后來(lái)發(fā)現(xiàn)知乎上居然真還有“網(wǎng)易主頁(yè)為什么沒(méi)有查找框？ ”這個(gè)問(wèn)答。
2.與欄目相關(guān)的提示
簡(jiǎn)直所有的網(wǎng)頁(yè)規(guī)劃師都了解欄目的重要性，但在這兒小編想要提醒幾個(gè)關(guān)于欄目的小細(xì)節(jié)。
反應(yīng)是用戶體會(huì)的核心要素之一，你敲桌子桌子會(huì)響、躺到床上床會(huì)塌陷，咱們對(duì)生活中的反應(yīng)是如此習(xí)以為常，以至于在規(guī)劃網(wǎng)頁(yè)時(shí)忘記了反應(yīng)的存在。
《DON’T MAKE ME THINK》一書(shū)中說(shuō)過(guò)標(biāo)簽分割器是一種制造導(dǎo)航器的優(yōu)異反應(yīng)思路，用戶單擊的標(biāo)簽頁(yè)坐落其他標(biāo)簽頁(yè)之前。這種形式就比單純的字體加粗、改動(dòng)字體色彩更具趣味性，也更像是仿照咱們讀書(shū)翻頁(yè)的狀況，但后者能夠容納更多的信息量。
虎嗅網(wǎng)頂部導(dǎo)航欄上的小紅點(diǎn)很有意思，鼠標(biāo)點(diǎn)過(guò)后就不會(huì)再呈現(xiàn)，類(lèi)似于微信音訊提醒的小紅點(diǎn)。引導(dǎo)用戶，又能及時(shí)給出反應(yīng)。
3.給用戶挑選的空間
假如你做的是信息服務(wù)類(lèi)網(wǎng)站，為用戶創(chuàng)建個(gè)性化內(nèi)容能夠取得用戶體會(huì)加分。
BBS建立的“不喜歡就點(diǎn)叉”小窗口試圖在供給這樣的服務(wù)。
4.好頭不如爛尾？
這一點(diǎn)無(wú)疑是錯(cuò)誤，但一個(gè)美麗的網(wǎng)頁(yè)底部導(dǎo)航欄也是必備的。澎湃網(wǎng)站這種“難以觸及的網(wǎng)站底部”可就有點(diǎn)扎心了。
只需網(wǎng)速快，你永遠(yuǎn)點(diǎn)不到“聯(lián)系咱們”那一欄，由于網(wǎng)站底部會(huì)隨著新刷出的新聞下移。
這并不是說(shuō)最好把網(wǎng)頁(yè)底部導(dǎo)航也該成起浮式，我看到大部分的網(wǎng)站仍是嵌入式。但假如像澎湃新聞這樣主頁(yè)內(nèi)容過(guò)多,滑動(dòng)很屢次也沒(méi)法到底的話，就要想想新的辦法了，比如放到右邊。由于究竟一般網(wǎng)頁(yè)底部都留有招聘和商業(yè)協(xié)作聯(lián)系方法。
總結(jié)
這篇文章首要講述了有關(guān)杰出用戶體會(huì)的細(xì)節(jié)，但只需細(xì)心觀察，其實(shí)在新聞網(wǎng)站，你也能看到分屏式、標(biāo)簽式等各種潮流規(guī)劃。
一般來(lái)說(shuō)，網(wǎng)站規(guī)劃感的完成需要優(yōu)質(zhì)酷炫的圖片作為支撐，但新聞網(wǎng)站既沒(méi)有酷炫的圖片，又多了許多文字。因而新聞網(wǎng)站想要美觀、擁有杰出的用戶體會(huì)，就需要更精心的頁(yè)面布置。這也是我推薦跟著新聞網(wǎng)站學(xué)規(guī)劃的原因。
在許多規(guī)劃師看來(lái)，新聞網(wǎng)站簡(jiǎn)直就是無(wú)趣、冗長(zhǎng)、單調(diào)的代名詞，跟炫酷招眼的規(guī)劃一點(diǎn)邊兒都不沾好嗎。那深圳網(wǎng)站建設(shè) 小編可就要提醒你嘍，你對(duì)新聞網(wǎng)站的觀念可是落后了十年。
和許多華而不實(shí)的規(guī)劃網(wǎng)站相比，新聞網(wǎng)站的優(yōu)異之處就在于標(biāo)準(zhǔn)，沒(méi)有浮夸的炫技，卻不乏適當(dāng)冷艷的用戶體會(huì)。技能永遠(yuǎn)是為人服務(wù)的，不管你的網(wǎng)頁(yè)規(guī)劃的多么復(fù)雜招眼，假如缺乏實(shí)用性乃至阻止了正常功用的發(fā)揮，依舊無(wú)法留住用戶。
新聞網(wǎng)站的規(guī)劃方法更利于新手規(guī)劃師理解用戶體會(huì)的意義（由于不管是長(zhǎng)處仍是缺陷，新聞網(wǎng)站都露出得很顯著），也更容易上手。下面咱們一同看看吧。
1.查找框帶來(lái)的安心與專(zhuān)業(yè)
導(dǎo)航欄關(guān)于每個(gè)網(wǎng)站都是至關(guān)重要的，咱們?cè)谥圃鞂?dǎo)航欄時(shí)往往被橫向擺放仍是豎向擺放、是否可伸縮、是否要起浮、怎樣塞下更多的欄目目錄搞得焦頭爛額，但往往忘記了一個(gè)要害——查找框。
FOX挑選經(jīng)典的條塊狀查找框
查找框承當(dāng)了網(wǎng)站的查找功用，當(dāng)一個(gè)用戶閱讀你的網(wǎng)站并被招引，他決議進(jìn)一步尋找自己感興趣的內(nèi)容，卻絕望的發(fā)現(xiàn)，根本找不到查找框。用戶就決議走了。
假如有幸他還記得你的網(wǎng)站的話，他會(huì)給別人說(shuō)一句，“哦，那個(gè)網(wǎng)站只能找到他想給我的內(nèi)容，根本找不到我想要的東西。”
這時(shí)分，咱們能夠看看新聞網(wǎng)站是怎么注重查找框擺放的，乃至一些時(shí)分，他們還呈現(xiàn)了十分棒的用戶體會(huì)立異。
BBC的條塊狀查找框
查找框的重要特色就是醒目、可靠、流通，最好和網(wǎng)站底色、其他元素色彩有所區(qū)別，略微違背導(dǎo)航欄參閱線。理想化的查找框是那種大大的豪氣長(zhǎng)條塊，喪命缺陷是擠占了其他信息空間。一些網(wǎng)站挑選了查找框開(kāi)關(guān)。
ABC新聞網(wǎng)的查找框開(kāi)關(guān)
但 Al Jazeera English和36氪的開(kāi)關(guān)明顯更闊氣，這種下拉彈出的方法或許會(huì)帶來(lái)更好的用戶體會(huì)。翻開(kāi)后一整行的內(nèi)容都是查找框，做到了醒目，用戶更無(wú)需擔(dān)心打字過(guò)多在查找框內(nèi)顯示不完整。一起，這種排版方法規(guī)整流通，視覺(jué)體會(huì)很棒。
36氪下拉彈出式查找框
你或許還會(huì)說(shuō)，查找框沒(méi)那么重要，網(wǎng)易爸爸的查找框就放在了頁(yè)面最后十分不顯著的地方。
BUT，首先，查找放到導(dǎo)航欄是用戶長(zhǎng)時(shí)間構(gòu)成的網(wǎng)頁(yè)閱讀習(xí)慣，假如你的網(wǎng)站并不知名、假如你的立異并不能帶來(lái)更好的用戶體會(huì)，仍是采用查找框開(kāi)關(guān)吧。
其次，我第一次用網(wǎng)易新聞時(shí)，真的找了好久的查找框，后來(lái)發(fā)現(xiàn)知乎上居然真還有“網(wǎng)易主頁(yè)為什么沒(méi)有查找框？ ”這個(gè)問(wèn)答。
2.與欄目相關(guān)的提示
簡(jiǎn)直所有的網(wǎng)頁(yè)規(guī)劃師都了解欄目的重要性，但在這兒小編想要提醒幾個(gè)關(guān)于欄目的小細(xì)節(jié)。
反應(yīng)是用戶體會(huì)的核心要素之一，你敲桌子桌子會(huì)響、躺到床上床會(huì)塌陷，咱們對(duì)生活中的反應(yīng)是如此習(xí)以為常，以至于在規(guī)劃網(wǎng)頁(yè)時(shí)忘記了反應(yīng)的存在。
《DON’T MAKE ME THINK》一書(shū)中說(shuō)過(guò)標(biāo)簽分割器是一種制造導(dǎo)航器的優(yōu)異反應(yīng)思路，用戶單擊的標(biāo)簽頁(yè)坐落其他標(biāo)簽頁(yè)之前。這種形式就比單純的字體加粗、改動(dòng)字體色彩更具趣味性，也更像是仿照咱們讀書(shū)翻頁(yè)的狀況，但后者能夠容納更多的信息量。
虎嗅網(wǎng)頂部導(dǎo)航欄上的小紅點(diǎn)很有意思，鼠標(biāo)點(diǎn)過(guò)后就不會(huì)再呈現(xiàn)，類(lèi)似于微信音訊提醒的小紅點(diǎn)。引導(dǎo)用戶，又能及時(shí)給出反應(yīng)。
其次是著重導(dǎo)航欄，下面這個(gè)新聞網(wǎng)站就做的不錯(cuò)。下圖右側(cè)的“NEWS”提示了用戶所在的子頁(yè)面，幫助用戶分辨方位、強(qiáng)化了導(dǎo)航欄的印象，又彌補(bǔ)了右側(cè)留白過(guò)多的缺憾。
3.給用戶挑選的空間
假如你做的是信息服務(wù)類(lèi)網(wǎng)站，為用戶創(chuàng)建個(gè)性化內(nèi)容能夠取得用戶體會(huì)加分。
BBS建立的“不喜歡就點(diǎn)叉”小窗口試圖在供給這樣的服務(wù)。
4.好頭不如爛尾？
這一點(diǎn)無(wú)疑是錯(cuò)誤，但一個(gè)美麗的網(wǎng)頁(yè)底部導(dǎo)航欄也是必備的。澎湃網(wǎng)站這種“難以觸及的網(wǎng)站底部”可就有點(diǎn)扎心了。
只需網(wǎng)速快，你永遠(yuǎn)點(diǎn)不到“聯(lián)系咱們”那一欄，由于網(wǎng)站底部會(huì)隨著新刷出的新聞下移。
這并不是說(shuō)最好把網(wǎng)頁(yè)底部導(dǎo)航也該成起浮式，我看到大部分的網(wǎng)站仍是嵌入式。但假如像澎湃新聞這樣主頁(yè)內(nèi)容過(guò)多,滑動(dòng)很屢次也沒(méi)法到底的話，就要想想新的辦法了，比如放到右邊。由于究竟一般網(wǎng)頁(yè)底部都留有招聘和商業(yè)協(xié)作聯(lián)系方法。
總結(jié)
這篇文章首要講述了有關(guān)杰出用戶體會(huì)的細(xì)節(jié)，但只需細(xì)心觀察，其實(shí)在新聞網(wǎng)站，你也能看到分屏式、標(biāo)簽式等各種潮流規(guī)劃。
一般來(lái)說(shuō)，網(wǎng)站規(guī)劃感的完成需要優(yōu)質(zhì)酷炫的圖片作為支撐，但新聞網(wǎng)站既沒(méi)有酷炫的圖片，又多了許多文字。因而新聞網(wǎng)站想要美觀、擁有杰出的用戶體會(huì)，就需要更精心的頁(yè)面布置。這也是我推薦跟著新聞網(wǎng)站學(xué)規(guī)劃的原因。
注：本文來(lái)自深一集團(tuán)原創(chuàng)或轉(zhuǎn)截 http://51mes.com/newslist_7245_2.html 如需轉(zhuǎn)載，請(qǐng)注明出處！
專(zhuān)注設(shè)計(jì)14年
深一云服務(wù)器
拒絕不當(dāng)利
500強(qiáng)企業(yè)網(wǎng)
10000家客戶案
83位技術(shù)團(tuán)隊(duì)
只做有排名
200人服務(wù)團(tuán)隊(duì)
