創新互聯,高端網站建設,企業網站建設,響應式網站設計實時響應的用戶體驗時可能有用的幾個基本原則：

1、狀態清晰

用戶應該清楚系統當前所處的狀態，任何時候，程序應該向用戶傳達清楚當前發生了什么并針對用戶的每一步操作給出清晰的反饋。

應用程序本身建立在一個非結構化的系統之上，其試圖向用戶提供結構化的數據。雖然實時響應的界面并不使用類似于頁面刷新器這樣的固定標識符，但它同樣可以使用恰當的信號來標識狀態的改變。

實例：網絡連接狀態

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

實例：加載狀態

低帶寬（網絡環境差）、加載數據量大、多點連接等諸多因素都可能引起用戶在使用你的程序過程中需要花費一定時間等待。應對這種情況的方法是你要培養自己成為一個具有前瞻性的設計師，通過一定的方法凸顯出系統正在響應用戶行為并嘗試加載新數據，好讓用戶意識到這一過程。

實例：確認狀態

應該積極響應用戶的操作，并給出結果的反饋，讓用戶意識到系統對其行為目標的狀態是關心的。

2、有預期的改變

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

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

實例：（1）傳達結果

當系統可能出現較強烈的狀態變化時，應該提前向用戶預示其行為操作所將帶來的結果，這樣也就給了用戶自己來把控即將發生的事情的機會，進而避免發生出其不意的“驚喜”。

實例：（2）使用骨骼框架

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

3. 保持上下文環境統一協調

用戶應該清楚他們看到的內容從何而來，是屬于哪里的。

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

實例：（1）保持布局一致

所有新的內容應該出現在一個可預期的位置，要讓用戶習慣于在程序中特定的關鍵位置點間穿梭轉換，盡量避免提供多種方式給用戶來做同一件事情的做法，這會稀釋用戶對各個行為路徑的關注度和適應性。

實例：（2）保持良好的狀態變化姿勢

如果關聯信息間的狀態改變出現在一個不可預期的位置， 可以使用設計精巧的動效來向用戶傳達新內容的出現及對周圍信息的影響。這種做法一定程度上延緩了用戶的體驗過程，但能使得狀態的變化過程非常清晰明了。

實例：（3）記錄保存滾動位置

當在兩屏內容間來回切換時，要確保用戶回到的是返回前在當前頁面的最后瀏覽位置。

當前文章：響應式網站設計原則
網站路徑：http://www.js-pz168.com/news23/170973.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有響應式網站等

廣告

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