技術(shù)資訊
什么是網(wǎng)站交互設(shè)計(jì)
2012-02-23 22:21:17
以人為本的青島網(wǎng)站設(shè)計(jì),不能不考慮普通人在一般任務(wù)執(zhí)行中的耐受力問(wèn)題。因?yàn)槿说木τ邢?,再?gòu)?qiáng)大的需求,無(wú)力去完成也是枉然。精力的有效轉(zhuǎn)化率,是衡量交互設(shè)計(jì)品質(zhì)的重點(diǎn)。
1興趣濃度
用戶在網(wǎng)絡(luò)上的操作習(xí)慣和交互預(yù)期,有自己獨(dú)特的心智模型,有時(shí)與現(xiàn)實(shí)生活中是不同的。比如現(xiàn)實(shí)中我們對(duì)圖片的要求只是看,掛在墻上或拿在手上。而互聯(lián)網(wǎng)首先是一個(gè)超鏈接整合平臺(tái),其次才是一個(gè)展示平臺(tái)。所以上邊的圖片除了看,還被賦予鏈接的預(yù)期。人們對(duì)它的期待變得更加豐富。因此,賦予圖片更多交互內(nèi)涵可以直接提升用戶的興趣值。
對(duì)興趣的兩個(gè)典型設(shè)計(jì)思想是,圖勝于表,表勝于文,還有擬物化設(shè)計(jì),包括擬物的文案??梢哉f(shuō)對(duì)象越具體,人們就越覺(jué)得安全和親切。而親切有禮的,符合物理定律的,對(duì)操作及時(shí)反饋的,滿足情感需求的設(shè)計(jì),都可以為興趣加分。反之亦然。
不可用狀態(tài)不是好的設(shè)計(jì),尤其當(dāng)激活它的條件比較多時(shí)
正是基于人們對(duì)圖形化的向往,視覺(jué)設(shè)計(jì)才會(huì)對(duì)交互設(shè)計(jì)產(chǎn)生不可低估的影響。個(gè)人認(rèn)為交互設(shè)計(jì)中凡是與興趣相關(guān)的部分,視覺(jué)都應(yīng)該成為重要的參考因素。比如控件的顏色,文案的排版,鏈接的展示方式等等。
2.公式
精力一般由腦力和體力構(gòu)成。針對(duì)互聯(lián)網(wǎng)產(chǎn)品,腦力居前(非生產(chǎn)類網(wǎng)站的體力消耗很低)。而腦力的組成又分為注意力、理解力和記憶力。本文將嘗試以注意力為例分析交互設(shè)計(jì)的特點(diǎn)和注意事項(xiàng)。
注意力本身可以集中、分散和轉(zhuǎn)移。集中一般出于明確的需求、潛在的興趣;分散則由于信息干擾和不可控的時(shí)間;轉(zhuǎn)移一般發(fā)生在需求探索階段。
以網(wǎng)站信息結(jié)構(gòu)內(nèi)的各元素為單位,加上每個(gè)頁(yè)面的所有視覺(jué)元素,可以得到網(wǎng)站總的注意力“項(xiàng)”。用戶就是利用這些項(xiàng)去滿足自己的需求,交互設(shè)計(jì)則是這些項(xiàng)的描繪者、組織者。如果假設(shè)注意力有限,那么每個(gè)項(xiàng)分享到的注意力應(yīng)該是固定值。加上因?yàn)閭€(gè)體差異,興趣和需求的等級(jí)不同,便得到了以下公式
注意力轉(zhuǎn)化率計(jì)算公式
其中除了“需求強(qiáng)度”以外,“興趣濃度”、“時(shí)間長(zhǎng)度”和“可視項(xiàng)數(shù)量”三個(gè)值,交互設(shè)計(jì)都可對(duì)其產(chǎn)生影響。
3.時(shí)間長(zhǎng)度
互聯(lián)網(wǎng)交互設(shè)計(jì)和日常用品交互設(shè)計(jì)的一個(gè)重要區(qū)別,還在于兩者的時(shí)間觀念?,F(xiàn)實(shí)中,時(shí)間是重要成本,經(jīng)常影響人的決策和情緒。網(wǎng)絡(luò)環(huán)境中,體力和人際負(fù)擔(dān)被充分弱化,時(shí)間大部分只是個(gè)人腦力成本。如果需求和興趣銜接的好,時(shí)間甚至可以忽略。
不說(shuō)游戲這種極端的例子,以平常產(chǎn)品的加載時(shí)間為例,如果以興趣為導(dǎo)向處理得當(dāng)(進(jìn)度條和微型漏斗等時(shí)間計(jì)算工具屬于此列,而預(yù)加載則屬于需求銜接),用戶也不會(huì)產(chǎn)生太大抱怨。涉及到搜索、尋找、瀏覽等注意力分散的情況,用戶幾乎只關(guān)心項(xiàng)而不關(guān)心時(shí)間。
需要注意的是,流程性比較強(qiáng)的任務(wù),開(kāi)始和結(jié)束都要有明確的提示,以防止注意力溢出,造成不必要的精力損耗。
任務(wù)完成提示可以防止精力損耗
交互設(shè)計(jì)作為一門過(guò)程科學(xué),需要一定的時(shí)間和精力損耗。從互聯(lián)網(wǎng)領(lǐng)域看來(lái),因?yàn)榕懦梭w力因素,注意力變得尤為重要。以注意力轉(zhuǎn)化率為契機(jī),我們可以把交互設(shè)計(jì)向用戶體驗(yàn)設(shè)計(jì)推進(jìn)一步。
4.可視項(xiàng)數(shù)量
一般來(lái)說(shuō),交互設(shè)計(jì)的重頭工作是項(xiàng)設(shè)計(jì)。如確定信息結(jié)構(gòu)、元素詞典、視覺(jué)形式等。為什么說(shuō)可視項(xiàng)數(shù)量越大,注意力越小呢?這是由認(rèn)知特點(diǎn)決定的。選項(xiàng)越多,步驟越長(zhǎng),人越需要耗費(fèi)理解力。理解力帶給人的壓力比較大,需要求助于向內(nèi)的注意力,把注意力的任務(wù)屬性,轉(zhuǎn)向邏輯屬性,造成交互能力降低。加上對(duì)注意力轉(zhuǎn)移所使用時(shí)間的預(yù)期,對(duì)鼠標(biāo)和鍵盤操作的苛求(體力),人們普遍反感冗長(zhǎng)的表單,頁(yè)面跳轉(zhuǎn)等情況。于是便出現(xiàn)了“響應(yīng)式展開(kāi)”、“彈出泡”、“彈窗”、“標(biāo)簽”等交互形式。
項(xiàng)的組織和展示方式是大課題
除了可以利用好的組織方式來(lái)“減少”可視項(xiàng)數(shù)量,元素詞典、視覺(jué)形式也可以影響興趣,利用興趣來(lái)提升注意力。以元素詞典為例,作用主要發(fā)揮在關(guān)鍵詞上。如“推薦給你聽(tīng)”和“我們一起聽(tīng)”中的“一起”,“你可能會(huì)喜歡”和“朋友們也喜歡”中的“朋友”之類。阿拉伯?dāng)?shù)字的注意力明顯高于中文數(shù)字。“刪除全部”的反應(yīng)速度也要快于“清空”。如果不考慮使用環(huán)境,“刪除張三的微博”和“刪除微博”,那個(gè)效果好?
近期更新
- [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頁(yè)面設(shè)計(jì)開(kāi)發(fā)——移動(dòng)端傳播利器
- [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] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢(shì)?為什么要開(kāi)發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2014-11-30 10:38:50] 具有想象力與創(chuàng)造力的給力網(wǎng)站
- [2011-12-01 21:19:59] 力圖數(shù)字科技為國(guó)運(yùn)集團(tuán)提供網(wǎng)站平臺(tái)設(shè)計(jì)策劃
- [2013-03-04 23:26:13] 如何將新聞做成偽原創(chuàng)
- [2014-11-24 09:20:57] 網(wǎng)站頁(yè)面設(shè)計(jì)中的問(wèn)題分析及建議
- [2015-03-10 09:25:41] 影響網(wǎng)站排名的一些不必要因素分析與解決。
- [2017-01-16 10:00:00] 提升網(wǎng)站排名應(yīng)如何在關(guān)鍵詞上下功夫?!
- [2011-10-23 17:01:00] 青島網(wǎng)站設(shè)計(jì) 如何向搜索引擎提交網(wǎng)站地圖
- [2011-10-27 13:41:54] 新手做SEO經(jīng)常出現(xiàn)的三個(gè)問(wèn)題
- [2014-12-10 09:47:11] 網(wǎng)站SEO優(yōu)化的最新趨勢(shì)與理論
- [2011-10-25 22:24:40] 增加網(wǎng)站流量的10種方法
- [2011-10-17 10:43:56] 青島網(wǎng)頁(yè)設(shè)計(jì)的未來(lái)在何處
- [2011-11-10 12:45:20] 獨(dú)立設(shè)計(jì)的網(wǎng)站與模板網(wǎng)站區(qū)別與優(yōu)勢(shì)
解決方案
輪胎行業(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)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
空白和簡(jiǎn)潔的設(shè)計(jì) 如何做網(wǎng)站優(yōu)化 高端網(wǎng)站設(shè)計(jì) 海信網(wǎng)絡(luò)科技 交互設(shè)計(jì) 高端輪胎網(wǎng)站設(shè)計(jì) 集團(tuán)性網(wǎng)站 網(wǎng)站設(shè)計(jì)趨勢(shì) 青島高端網(wǎng)站建設(shè)公司哪家好 微官網(wǎng)帶來(lái)的好處 企業(yè)網(wǎng)站為什么要備案 HTML5 搜索引擎 官網(wǎng)網(wǎng)站建設(shè) 集團(tuán)官網(wǎng) 中小型企業(yè)網(wǎng)站建設(shè) 視覺(jué)靈感 青島黃島、紅島網(wǎng)站建設(shè)公司 SEO SEO優(yōu)化 用戶界面 青島高端網(wǎng)站建設(shè) 力圖 GOOGLE 版面布局 企業(yè)網(wǎng)站 青島flash網(wǎng)站 扁平化設(shè)計(jì) 微信營(yíng)銷的優(yōu)勢(shì) 插畫