<optgroup id="g5t4d"><ruby id="g5t4d"><cite id="g5t4d"></cite></ruby></optgroup>
  • <delect id="g5t4d"><pre id="g5t4d"><big id="g5t4d"></big></pre></delect>
    <delect id="g5t4d"></delect><dl id="g5t4d"></dl>
    <dl id="g5t4d"></dl>
    <dl id="g5t4d"></dl>
    <dl id="g5t4d"></dl>

    <listing id="g5t4d"><pre id="g5t4d"></pre></listing>
  • 您的位置:首 頁 > 新聞中心 > 企業(yè)網(wǎng)站設(shè)計 > 企業(yè)網(wǎng)站設(shè)計的認(rèn)知心理要素

    企業(yè)網(wǎng)站設(shè)計

    企業(yè)網(wǎng)站設(shè)計的認(rèn)知心理要素

    發(fā)布:2019-02-27 12:51:38 瀏覽:6250

    人對事物的認(rèn)知經(jīng)由感知、大腦信息加工、記憶信息匹配,再做出行為反饋。網(wǎng)頁作為計算機界面的子類和信息傳遞的載體,在設(shè)計上除了要考慮人的視覺特征和行為機能,還要使頁面內(nèi)容呈現(xiàn)符合人的心理認(rèn)知。

    1必要的提示與引導(dǎo)

    不要要求用戶記住他當(dāng)前在哪里以及前面做過什么。如果用戶的視線被打斷,就應(yīng)該給予必要的提示讓人們專注于當(dāng)前任務(wù)。在網(wǎng)頁表單設(shè)計中,同樣也需要引導(dǎo)和提示信息,因為表單本質(zhì)上是對話,對話需要提出問題和回答問題同時也需提供必要的解釋。其次表單項的驗證一定要采用異步模式,這樣無論正確與否都能馬上給出結(jié)果。不應(yīng)在最后告訴用戶哪些項目填寫錯誤,這會增加不必要的回視與回憶。

    2重視可視性

    一般意義上的可視性指視覺的通達(dá)性,是將產(chǎn)品的功能或重要的操作方式清晰明確地展示在用戶眼前。另一層面,可視性還包括“為用戶提供清楚的操作線索”,目的是使產(chǎn)品符合用戶的思考與行動習(xí)慣,避免不必要的操作誤區(qū)。

    ①視覺的可視性設(shè)計

    由于眼球的中央視覺優(yōu)秀,其他區(qū)域模糊,所以人的視覺采集能力有限。在頁面瀏覽時,目的指向型用戶會首先確認(rèn)當(dāng)前位置是否正確,所以導(dǎo)航信息很重要。其次,合理利用動效和閃爍在網(wǎng)頁中能夠取得良好的效果:當(dāng)頁面拉取一份較大數(shù)據(jù)時,應(yīng)配合進(jìn)度條或加載動畫告知用戶狀態(tài)而不是讓用戶誤認(rèn)為頁面未響應(yīng)或操作不成功。

    ②聽覺的可視性設(shè)計

    通過聲音實現(xiàn)人機交互是產(chǎn)品設(shè)計的常見手段,聲音能配合其他感官進(jìn)行輔助認(rèn)知。提示音和錯誤警報能在加深記憶的同時減少認(rèn)知負(fù)荷,甚至能營造帶入感。

    ③功能分級的可視性設(shè)計

    復(fù)雜功能的頁面使用戶面對的操作可能性包羅萬象。幫助用戶整理頁面邏輯并對內(nèi)容分級處理可提高頁面的可視性。功能分級包括兩個步驟,一是確定信息層級,將相同功能進(jìn)行歸類并保留關(guān)鍵入口,方便用戶能辨識、選擇、記憶。二是對分組之后的入口進(jìn)行優(yōu)先級排序,使功能具備可達(dá)性。

    3符合用戶習(xí)慣

    要保持新頁面與舊有頁面操作習(xí)慣相一致,減少用戶減少成本。避免出現(xiàn)用戶在記憶和獲取記憶時丟失關(guān)鍵特征、增加遺失或錯誤操作的可能性。當(dāng)用戶習(xí)慣了某種頁面布局和模式,之后的變動和改版往往被前一版界面帶著走。這時的優(yōu)化策略是盡量降低用戶的學(xué)習(xí)成本。

    >>> 查看《企業(yè)網(wǎng)站設(shè)計的認(rèn)知心理要素》更多相關(guān)資訊 <<<

    本文地址:http://www.finger78.cn/news/html/5514.html

    趕快點擊我,讓我來幫您!
    91精品久久久久久久无码,国产对白老熟女正在播放,亚洲色欲色欲综合网站sw0060,性色AV福利片
    <optgroup id="g5t4d"><ruby id="g5t4d"><cite id="g5t4d"></cite></ruby></optgroup>
  • <delect id="g5t4d"><pre id="g5t4d"><big id="g5t4d"></big></pre></delect>
    <delect id="g5t4d"></delect><dl id="g5t4d"></dl>
    <dl id="g5t4d"></dl>
    <dl id="g5t4d"></dl>
    <dl id="g5t4d"></dl>

    <listing id="g5t4d"><pre id="g5t4d"></pre></listing>