創(chuàng)新互聯(lián),高端網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站設(shè)計(jì)實(shí)時(shí)響應(yīng)的用戶體驗(yàn)時(shí)可能有用的幾個(gè)基本原則：

1、狀態(tài)清晰

用戶應(yīng)該清楚系統(tǒng)當(dāng)前所處的狀態(tài)，任何時(shí)候，程序應(yīng)該向用戶傳達(dá)清楚當(dāng)前發(fā)生了什么并針對用戶的每一步操作給出清晰的反饋。

應(yīng)用程序本身建立在一個(gè)非結(jié)構(gòu)化的系統(tǒng)之上，其試圖向用戶提供結(jié)構(gòu)化的數(shù)據(jù)。雖然實(shí)時(shí)響應(yīng)的界面并不使用類似于頁面刷新器這樣的固定標(biāo)識符，但它同樣可以使用恰當(dāng)?shù)男盘杹順?biāo)識狀態(tài)的改變。

實(shí)例：網(wǎng)絡(luò)連接狀態(tài)

在我們使用移動設(shè)備的時(shí)候，難免會碰到網(wǎng)絡(luò)掉線的情況，這時(shí)候最好告訴用戶是由于超出程序控制的某種因素導(dǎo)致了這種意外情況。

實(shí)例：加載狀態(tài)

低帶寬（網(wǎng)絡(luò)環(huán)境差）、加載數(shù)據(jù)量大、多點(diǎn)連接等諸多因素都可能引起用戶在使用你的程序過程中需要花費(fèi)一定時(shí)間等待。應(yīng)對這種情況的方法是你要培養(yǎng)自己成為一個(gè)具有前瞻性的設(shè)計(jì)師，通過一定的方法凸顯出系統(tǒng)正在響應(yīng)用戶行為并嘗試加載新數(shù)據(jù)，好讓用戶意識到這一過程。

實(shí)例：確認(rèn)狀態(tài)

應(yīng)該積極響應(yīng)用戶的操作，并給出結(jié)果的反饋，讓用戶意識到系統(tǒng)對其行為目標(biāo)的狀態(tài)是關(guān)心的。

2、有預(yù)期的改變

用戶應(yīng)該清楚預(yù)期效果是怎樣的，就是說程序應(yīng)該向用戶表明在他們操作就將發(fā)生什么。

在一套邏輯嚴(yán)謹(jǐn)（按部就班，模式固定）的系統(tǒng)里，出現(xiàn)一些驚喜（意外）并不會令人愉悅。對于一輛負(fù)責(zé)運(yùn)送乘客的普通汽車，如果你關(guān)心的是其精密的機(jī)械結(jié)構(gòu)，那么爆胎和發(fā)動機(jī)歇火就是在你的關(guān)注點(diǎn)之外的意外驚喜。 跟汽車類似的是，一個(gè)應(yīng)用程序通過其精細(xì)的設(shè)計(jì)（相比于汽車通過其精密的機(jī)械結(jié)構(gòu)滿足人們的需要）來滿足用戶的某種需求，然而不同于汽車的是，現(xiàn)在的數(shù)字媒體（應(yīng)用程序）允許我們預(yù)料到將要發(fā)生的變化并提前告訴用戶。

實(shí)例：（1）傳達(dá)結(jié)果

當(dāng)系統(tǒng)可能出現(xiàn)較強(qiáng)烈的狀態(tài)變化時(shí)，應(yīng)該提前向用戶預(yù)示其行為操作所將帶來的結(jié)果，這樣也就給了用戶自己來把控即將發(fā)生的事情的機(jī)會，進(jìn)而避免發(fā)生出其不意的“驚喜”。

實(shí)例：（2）使用骨骼框架

為了緩解用戶在等待數(shù)據(jù)加載時(shí)的長耗時(shí)，并讓頁面間的轉(zhuǎn)換過渡更為流暢，可以考慮在數(shù)據(jù)加載出來之前先向用戶顯示一個(gè)內(nèi)容框架，讓用戶能夠預(yù)期到新頁面將要填充的數(shù)據(jù)類型和復(fù)雜度。這樣做帶來的另一個(gè)好處就是會讓用戶感覺到你的程序在響應(yīng)用戶操作時(shí)還是相對及時(shí)的。

3. 保持上下文環(huán)境統(tǒng)一協(xié)調(diào)

用戶應(yīng)該清楚他們看到的內(nèi)容從何而來，是屬于哪里的。

在實(shí)時(shí)響應(yīng)類型的應(yīng)用程序中，通常情況下我們不可能看到系統(tǒng)的所有響應(yīng)變化（有一些中間態(tài)可能在某些條件下才能觸發(fā)），這時(shí)候，我們設(shè)定并強(qiáng)調(diào)一條緩沖帶就顯得非常重要，它用來揭示每個(gè)頁面和按鈕跟其他元素的關(guān)系。這種做法就意味著我們創(chuàng)建了很多個(gè)標(biāo)示，用戶依賴它可以在這些關(guān)聯(lián)的頁面、元素間流暢切換。

實(shí)例：（1）保持布局一致

所有新的內(nèi)容應(yīng)該出現(xiàn)在一個(gè)可預(yù)期的位置，要讓用戶習(xí)慣于在程序中特定的關(guān)鍵位置點(diǎn)間穿梭轉(zhuǎn)換，盡量避免提供多種方式給用戶來做同一件事情的做法，這會稀釋用戶對各個(gè)行為路徑的關(guān)注度和適應(yīng)性。

實(shí)例：（2）保持良好的狀態(tài)變化姿勢

如果關(guān)聯(lián)信息間的狀態(tài)改變出現(xiàn)在一個(gè)不可預(yù)期的位置， 可以使用設(shè)計(jì)精巧的動效來向用戶傳達(dá)新內(nèi)容的出現(xiàn)及對周圍信息的影響。這種做法一定程度上延緩了用戶的體驗(yàn)過程，但能使得狀態(tài)的變化過程非常清晰明了。

實(shí)例：（3）記錄保存滾動位置

當(dāng)在兩屏內(nèi)容間來回切換時(shí)，要確保用戶回到的是返回前在當(dāng)前頁面的最后瀏覽位置。

當(dāng)前文章：響應(yīng)式網(wǎng)站設(shè)計(jì)原則
網(wǎng)站路徑：http://aaarwkj.com/news23/170973.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有響應(yīng)式網(wǎng)站等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)