技術(shù)資訊
如何突出頁面設(shè)計(jì)重點(diǎn)內(nèi)容
2012-08-21 22:16:41
瀏覽者在看一個(gè)網(wǎng)頁的時(shí)候,通常是希望能否盡快的接收到重點(diǎn)信息,如何才能做到這一點(diǎn)?這就需要青島網(wǎng)站設(shè)計(jì)師對網(wǎng)頁的信息布局,提示方式進(jìn)行斟酌處理,對網(wǎng)頁的內(nèi)容進(jìn)行主次區(qū)分,看下文:
注意力是指人的心理活動指向和集中于某種事物的能力。通常我們在地鐵上拿著手機(jī)刷微博,很可能關(guān)注不到這一站上來了多少乘客或者旁邊的乘客在談?wù)摰膬?nèi)容,甚至還有可能坐過站。我們操作電腦會打開N個(gè)窗口,我們在聽著歌瀏覽某個(gè)新聞,同時(shí)也在關(guān)注來自QQ的消息。研究人員曾招募了一批大學(xué)生做測試,觀察他們?nèi)粘o任務(wù)狀態(tài)操作電腦/電視時(shí)的舉動。實(shí)驗(yàn)發(fā)現(xiàn),人的注意力在27.5分鐘內(nèi)切換了120次,平均每分鐘多于4次。其中年輕學(xué)生注意力在不同媒介之間切換更加頻繁,注意的保持更短暫,僅維持2.3秒。
因此,如何在與用戶的溝通過程中把握主動權(quán)?核心在于能不能將用戶的注意力牢牢抓住,并且引導(dǎo)著他向我們設(shè)定的目標(biāo)邁進(jìn)。
那么我們在什么情況下需要吸引用戶的注意力呢?
1. 提醒
我的筆記本電量可能不夠了。
開車導(dǎo)航的時(shí)候,導(dǎo)航提示我需要拐彎。
2. 有新消息送達(dá)
例如我的手機(jī)接收到一條信息,會讓我迅速的注意到并去閱讀它。
3. 操作狀態(tài)發(fā)生改變
最常見的QQ離線、上下線,以及好友上下線。
4. 錯(cuò)誤
當(dāng)有錯(cuò)誤發(fā)生時(shí),設(shè)計(jì)人員希望用戶關(guān)注到這些信息的錯(cuò)誤提示。
5. 幫助用戶快速定位到有用信息
搜索某關(guān)鍵字時(shí),搜索結(jié)果頁中,所有出現(xiàn)該關(guān)鍵詞的地方都標(biāo)紅顯示。這樣就能使用戶更加容易地發(fā)現(xiàn)和查看到關(guān)鍵
怎么吸引用戶注意力呢?
目前視覺還是主流的應(yīng)用,即通知在屏幕上顯示各種信息。聽覺的方式,在某些地方可以為視覺做一些補(bǔ)充。而在手機(jī)端、PAD端這些設(shè)備上,還可以結(jié)合振動的方式來吸引注意力。
1. 顏色
顏色上的區(qū)分,是對人體視覺感觀上最直接的刺激,它可以快速的引起用戶的注意。創(chuàng)造出有效的視覺差異,可以讓用戶分辨出各種元素間的異同。在生活領(lǐng)域中顏色具有的特殊意義,是我們可以加以利用的。例如利用鏈接色進(jìn)行區(qū)分。
警告提醒采用警示性顏色
顏色突變的警示
2. 字體
對于文字內(nèi)容來說,采用不同字體也是一種突出表現(xiàn)的方式。運(yùn)用的最多的比如加粗。
在處理郵件時(shí),未查看的郵件會加粗表示。
3. 閃爍
日常生活中不乏閃爍的例子,如汽車的轉(zhuǎn)向燈、警告雙閃燈;一個(gè)交通信號燈快結(jié)束時(shí),也是通過閃爍的提醒方式;IPHONE鎖屏密碼第二次輸入錯(cuò)誤時(shí),錯(cuò)誤提示會閃爍。
4. 聲音
聲音是對視覺的補(bǔ)充,在視覺方面不能有效的吸引用戶時(shí),或者沒有辦法看到視覺信息,需要通過聽覺的刺激來吸引用戶。例如門鈴,手機(jī)來電等。
在聲音的設(shè)計(jì)方面有一個(gè)案例:設(shè)計(jì)者采用灌熱水瓶的聲音,設(shè)計(jì)盲人聽覺進(jìn)度條。
5. 振動
開車的人都有過這種體驗(yàn),很多地方都采取了這種振蕩性雙黃線的方式。當(dāng)駕駛的車輛碾壓到雙黃線時(shí),車子就會明顯感覺到振動,從而提醒駕駛員注意。現(xiàn)在很多高端車型上裝配的車道偏移自動提醒裝置,當(dāng)檢測到車輛在未打轉(zhuǎn)向燈的前提下偏離了正常行駛的車道時(shí)候,也是通過振動方向盤來提醒駕駛員注意,并自動修正方向。
總結(jié):
但是值得我們注意的是:青島網(wǎng)站建設(shè)要把握好這個(gè)刺激的度,不要在同一時(shí)間同一界面上呈現(xiàn)出多個(gè)的注意焦點(diǎn),那樣會造成狂歡節(jié)的效果。多余的視覺元素會分散用戶的注意力,反而會變成視覺噪聲,其效果當(dāng)然也就會大打折扣。
從論壇博客到現(xiàn)在的微博,用戶的對信息的忍耐力越來越差。抓住用戶的注意力便成了最寶貴的財(cái)富。不管是視覺、聽覺還是觸覺其實(shí)說到底都是通過感觀的反差來刺激用戶。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計(jì)開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2012-05-27 01:28:35] 網(wǎng)頁設(shè)計(jì)好做嗎
- [2013-04-24 17:04:24] 如何提高百度的網(wǎng)站內(nèi)容收錄
- [2011-11-17 12:09:39] 谷歌安卓與蘋果iOS系統(tǒng)用戶界面風(fēng)格比較及技術(shù)分析
- [2011-10-10 12:01:25] 青島網(wǎng)站設(shè)計(jì)如何做到文章偽原創(chuàng)
- [2012-02-20 21:40:11] 網(wǎng)頁切圖應(yīng)該注意的細(xì)節(jié)
- [2011-10-24 23:08:40] 如何讓論壇和博客廣告不被刪除?
- [2015-08-19 00:10:10] 如何加強(qiáng)網(wǎng)站程序的安全性
- [2014-06-05 21:55:20] 如果允許此操作 網(wǎng)頁可以訪問剪切板 并讀取最近剪切或復(fù)制的信息(已解決)
- [2011-11-20 21:42:57] 如何做好網(wǎng)站的整站優(yōu)化
- [2015-03-10 09:25:41] 影響網(wǎng)站排名的一些不必要因素分析與解決。
- [2014-01-06 11:55:06] 視覺層次感提升網(wǎng)頁設(shè)計(jì)效果(原創(chuàng))
- [2012-06-22 00:19:35] 書寫體在網(wǎng)頁上的應(yīng)用
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
SEO 網(wǎng)站制作 網(wǎng)站策劃 微信開發(fā) 青島網(wǎng)頁設(shè)計(jì) 青島網(wǎng)站優(yōu)化 微信營銷的優(yōu)勢 H5 網(wǎng)站交互設(shè)計(jì) 網(wǎng)站視覺 青島網(wǎng)站建設(shè) 響應(yīng)式設(shè)計(jì) 青島開發(fā)區(qū)建站公司 企業(yè)網(wǎng)站為什么要備案 插畫 版面布局 微網(wǎng)站 審美 舒適的界面 視覺靈感 網(wǎng)站動畫 集團(tuán)官網(wǎng) 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 扁平化設(shè)計(jì) 青島網(wǎng)站營銷 網(wǎng)站推廣 集團(tuán)公司網(wǎng)站建設(shè) 青島網(wǎng)頁制作 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 青島網(wǎng)站SEO