網(wǎng)站設(shè)計分析:注意力與交互設(shè)計
以人為本的網(wǎng)站設(shè)計,不能不考慮普通人在一般任務(wù)執(zhí)行中的耐受力問題。因?yàn)槿说木τ邢?,再?qiáng)大的需求,無力去完成也是枉然。精力的有效轉(zhuǎn)化率,是衡量交互設(shè)計品質(zhì)的重點(diǎn)。
1.公式
精力一般由腦力和體力構(gòu)成。針對互聯(lián)網(wǎng)產(chǎn)品,腦力居前(非生產(chǎn)類網(wǎng)站的體力消耗很低)。而腦力的組成又分為注意力、理解力和記憶力。本文將嘗試以注意力為例分析交互設(shè)計的特點(diǎn)和注意事項(xiàng)。
注意力本身可以集中、分散和轉(zhuǎn)移。集中一般出于明確的需求、潛在的興趣;分散則由于信息干擾和不可控的時間;轉(zhuǎn)移一般發(fā)生在需求探索階段。
以網(wǎng)站信息結(jié)構(gòu)內(nèi)的各元素為單位,加上每個頁面的所有視覺元素,可以得到網(wǎng)站總的注意力“項(xiàng)”。用戶就是利用這些項(xiàng)去滿足自己的需求,交互設(shè)計則是這些項(xiàng)的描繪者、組織者。如果假設(shè)注意力有限,那么每個項(xiàng)分享到的注意力應(yīng)該是固定值。加上因?yàn)閭€體差異,興趣和需求的等級不同,便得到了以下公式
注意力轉(zhuǎn)化率計算公式
其中除了“需求強(qiáng)度”以外,“興趣濃度”、“時間長度”和“可視項(xiàng)數(shù)量”三個值,交互設(shè)計都可對其產(chǎn)生影響。
2.興趣濃度
用戶在網(wǎng)絡(luò)上的操作習(xí)慣和交互預(yù)期,有自己獨(dú)特的心智模型,有時與現(xiàn)實(shí)生活中是不同的。比如現(xiàn)實(shí)中我們對圖片的要求只是看,掛在墻上或拿在手上。而互聯(lián)網(wǎng)首先是一個超鏈接整合平臺,其次才是一個展示平臺。所以上邊的圖片除了看,還被賦予鏈接的預(yù)期。人們對它的期待變得更加豐富。因此,賦予圖片更多交互內(nèi)涵可以直接提升用戶的興趣值。
對興趣的兩個典型設(shè)計思想是,圖勝于表,表勝于文,還有擬物化設(shè)計,包括擬物的文案??梢哉f對象越具體,人們就越覺得安全和親切。而親切有禮的,符合物理定律的,對操作及時反饋的,滿足情感需求的設(shè)計,都可以為興趣加分。反之亦然。
不可用狀態(tài)不是好的設(shè)計,尤其當(dāng)激活它的條件比較多時
正是基于人們對圖形化的向往,視覺設(shè)計才會對交互設(shè)計產(chǎn)生不可低估的影響。個人認(rèn)為交互設(shè)計中凡是與興趣相關(guān)的部分,視覺都應(yīng)該成為重要的參考因素。比如控件的顏色,文案的排版,鏈接的展示方式等等。
3.時間長度
互聯(lián)網(wǎng)交互設(shè)計和日常用品交互設(shè)計的一個重要區(qū)別,還在于兩者的時間觀念?,F(xiàn)實(shí)中,時間是重要成本,經(jīng)常影響人的決策和情緒。網(wǎng)絡(luò)環(huán)境中,體力和人際負(fù)擔(dān)被充分弱化,時間大部分只是個人腦力成本。如果需求和興趣銜接的好,時間甚至可以忽略。
不說游戲這種極端的例子,以平常產(chǎn)品的加載時間為例,如果以興趣為導(dǎo)向處理得當(dāng)(進(jìn)度條和微型漏斗等時間計算工具屬于此列,而預(yù)加載則屬于需求銜接),用戶也不會產(chǎn)生太大抱怨。涉及到搜索、尋找、瀏覽等注意力分散的情況,用戶幾乎只關(guān)心項(xiàng)而不關(guān)心時間。
需要注意的是,流程性比較強(qiáng)的任務(wù),開始和結(jié)束都要有明確的提示,以防止注意力溢出,造成不必要的精力損耗。
任務(wù)完成提示可以防止精力損耗
4.可視項(xiàng)數(shù)量
一般來說,交互設(shè)計的重頭工作是項(xiàng)設(shè)計。如確定信息結(jié)構(gòu)、元素詞典、視覺形式等。為什么說可視項(xiàng)數(shù)量越大,注意力越小呢?這是由認(rèn)知特點(diǎn)決定的。選項(xiàng)越多,步驟越長,人越需要耗費(fèi)理解力。理解力帶給人的壓力比較大,需要求助于向內(nèi)的注意力,把注意力的任務(wù)屬性,轉(zhuǎn)向邏輯屬性,造成交互能力降低。加上對注意力轉(zhuǎn)移所使用時間的預(yù)期,對鼠標(biāo)和鍵盤操作的苛求(體力),人們普遍反感冗長的表單,頁面跳轉(zhuǎn)等情況。于是便出現(xiàn)了“響應(yīng)式展開”、“彈出泡”、“彈窗”、“標(biāo)簽”等交互形式。
項(xiàng)的組織和展示方式是大課題
除了可以利用好的組織方式來“減少”可視項(xiàng)數(shù)量,元素詞典、視覺形式也可以影響興趣,利用興趣來提升注意力。以元素詞典為例,作用主要發(fā)揮在關(guān)鍵詞上。如“推薦給你聽”和“我們一起聽”中的“一起”,“你可能會喜歡”和“朋友們也喜歡”中的“朋友”之類。阿拉伯?dāng)?shù)字的注意力明顯高于中文數(shù)字。“刪除全部”的反應(yīng)速度也要快于“清空”。如果不考慮使用環(huán)境,“刪除張三的微博”和“刪除微博”,那個效果好?
5.總結(jié)
交互設(shè)計作為一門過程科學(xué),需要一定的時間和精力損耗。從互聯(lián)網(wǎng)領(lǐng)域看來,因?yàn)榕懦梭w力因素,注意力變得尤為重要。以注意力轉(zhuǎn)化率為契機(jī),我們可以把交互設(shè)計向用戶體驗(yàn)設(shè)計推進(jìn)一步。
注意力和理解力的結(jié)果是記憶力,關(guān)于記憶力對交互設(shè)計的影響,下次再交流。
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁面設(shè)計風(fēng)格
-
確認(rèn)交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計開發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標(biāo)簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機(jī)端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
證券交易的特點(diǎn)
納斯達(dá)克證券市場同傳統(tǒng)的證券交易所最大的區(qū)別與特色有以下三點(diǎn)。一、做市...
2014-09-09 -
定制網(wǎng)站設(shè)計要注意哪些細(xì)節(jié)?
網(wǎng)站,不僅僅可以進(jìn)行產(chǎn)品的宣傳,而且其也是代表著企業(yè)的整體形象的。因此...
2023-01-16 -
網(wǎng)站改版后實(shí)現(xiàn)穩(wěn)定收錄的方法
為了在競爭激烈的浪潮中前行,網(wǎng)站改版勢在必行,如何使網(wǎng)站改版后實(shí)現(xiàn)穩(wěn)定...
2019-10-09 -
我國網(wǎng)上銀行業(yè)發(fā)展現(xiàn)狀
與發(fā)達(dá)國家網(wǎng)上銀行發(fā)展?fàn)顩r相比,我國網(wǎng)上銀行的發(fā)展是緩慢的。但是,與我...
2014-10-14 -
小型企業(yè)站該怎樣做內(nèi)容
基本上適用與每個行業(yè)。再回到文章的開頭處,以上的四種方法完全是筆者通過...
2012-06-27 -
企業(yè)網(wǎng)站設(shè)計布局中的線與面介紹
在網(wǎng)站開發(fā)設(shè)計中,按鈕和字符可以理解為一個點(diǎn)。當(dāng)幾個按鈕和字符組合排列...
2022-04-19
預(yù)約專業(yè)咨詢顧問溝通!
免責(zé)聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動。
2、本站不承擔(dān)用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī),當(dāng)本聲明與國家法律法規(guī)沖突時,以國家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益,請您及時與我們,我們會在第一時間刪除相關(guān)內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com