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