中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

響應式網(wǎng)站設計原則

2022-06-24    分類: 響應式網(wǎng)站

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

1、狀態(tài)清晰

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

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

實例:網(wǎng)絡連接狀態(tài)

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


不好:網(wǎng)絡掉線后并沒有告訴用戶

好:出現(xiàn)清楚的通知告訴用戶網(wǎng)絡掉線,系統(tǒng)正在嘗試重新連接

實例:加載狀態(tài)

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


不好:系統(tǒng)沒有告知用戶他在與列表項交互后,系統(tǒng)就開始加載內(nèi)容了

好:頭部的進度指示器向用戶標明了加載過程,以及需要等待的時間

實例:確認狀態(tài)

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


不好:用戶到新頁面后,系統(tǒng)并沒有告知其前面的刪除操作是否成功了

好:使用一個提示強化了系統(tǒng)對刪除操作的響應

2、有預期的改變

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

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

實例:(1)傳達結(jié)果

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


不好:沒有任何跡象或動作,新的信息就出現(xiàn)在列表中

好:當新的信息準備好加載后,系統(tǒng)出現(xiàn)提示,用戶與之交互后方插入到列表中

實例:(2)使用骨骼框架

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


不好:在頁面內(nèi)容未加載完全之前,用戶不得不在第一個頁面一直等待

好:在頁面內(nèi)容未加載完全之前,頁面便跳轉(zhuǎn),使用占位符向用戶標明即將加載的數(shù)據(jù)類型和復雜度

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

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

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

實例:(1)保持布局一致

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


不好:新的信息出現(xiàn)在不可預期的位置

好:新信息自當前列表頂部插入。用戶便漸漸意識到新信息出現(xiàn)在列表上部

實例:(2)保持良好的狀態(tài)變化姿勢

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


不好:一條信息插入列表后導致相鄰的信息依次移位

好:使用一個精細的動畫效果凸顯新內(nèi)容的出現(xiàn)和相鄰內(nèi)容的動位,給用戶一定的反應時間

實例:(3)記錄保存滾動位置

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

當前文章:響應式網(wǎng)站設計原則
網(wǎng)站路徑:http://m.rwnh.cn/news23/170973.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有響應式網(wǎng)站

廣告

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

成都定制網(wǎng)站建設
曲麻莱县| 潞城市| 搜索| 明水县| 建宁县| 彩票| 巴南区| 寻乌县| 梧州市| 北川| 十堰市| 怀来县| 托克逊县| 龙游县| 雷山县| 普格县| 庄浪县| 晋宁县| 迭部县| 达州市| 闻喜县| 浪卡子县| 鄂伦春自治旗| 巧家县| 莆田市| 惠东县| 扬州市| 翁牛特旗| 文化| 方正县| 内黄县| 兴安县| 博乐市| 烟台市| 济源市| 达孜县| 蓝田县| 新蔡县| 邢台县| 纳雍县| 孟州市|