界面競品分析進(jìn)度條

設(shè)計(jì)架構(gòu)組潘夏辰界面規(guī)范競品分析——進(jìn)度條

——20130423目錄競品分析的目的競品目標(biāo)及方法競品分析交互可用性原則附錄目的競品分析的目的是為定義易購進(jìn)度條元素的樣式，通過對競爭對手頁面元素的比較分析，結(jié)合易購自身實(shí)際情況，從而確定出一套易購進(jìn)度條元素的樣式。定義為用戶提供的進(jìn)度反饋信息，用于表示操作正在進(jìn)行中(非確定性進(jìn)度提示)或者顯示完成的大致比例(確定性進(jìn)度提示)。一、讓用戶知道程序是否失去響應(yīng)二、可以有效防止用戶的矛盾心理三、了解任務(wù)完成的時(shí)間，并有效安排好接下來的工作作用目錄競品分析的目的競品目標(biāo)及方法競品分析交互可用性原則附錄競品目標(biāo)、方法1、確定競品（按照以下標(biāo)準(zhǔn)來篩選）進(jìn)入B2C前10排名的產(chǎn)品，與蘇寧易購定位相似產(chǎn)品/用研設(shè)計(jì)/交互方認(rèn)為有競爭力或值得特別關(guān)注的產(chǎn)品根據(jù)上述標(biāo)準(zhǔn)，確定本次分析的競品如下表所示：競品優(yōu)先級說明淘寶排名10以內(nèi)，共同推薦淘寶商城與易購定位相似，排名10以內(nèi)，共同推薦京東商城與易購定位相似，排名10以內(nèi)，共同推薦QQ網(wǎng)購與易購定位相似，排名10以內(nèi)，共同推薦1號店與易購定位相似，排名10以內(nèi)，共同推薦競品列表目錄競品分析的目的競品目標(biāo)及方法競品分析交互可用性原則附錄圖片占位淘寶天貓京東QQ網(wǎng)購無微博加載（請求數(shù)據(jù)加載信息）表示進(jìn)度根據(jù)以上分析，網(wǎng)頁上出現(xiàn)的請求數(shù)據(jù)樣式大致分為兩種。一、確定進(jìn)度的進(jìn)度條，即進(jìn)度條上進(jìn)度數(shù)據(jù)展示的二、非確定進(jìn)度的進(jìn)度條

包括：圖片占位的預(yù)加載，請求數(shù)據(jù)的加載（1）靜態(tài)圖片預(yù)加載——用靜態(tài)圖片表示預(yù)加載內(nèi)容，一般起圖片占位作用（2）ajax加載，需要請求頁面。用持續(xù)不斷的動畫（gif）來表示數(shù)據(jù)加載或操作進(jìn)行中，不體現(xiàn)具體的完成進(jìn)度交互設(shè)計(jì)規(guī)范使用范圍：等待時(shí)間多于2秒的操作，需要用進(jìn)度條表示。若少于2秒的操作，不需要使用進(jìn)度條，因?yàn)轱@示加載反而會分散用戶的注意力。1.確定進(jìn)度的進(jìn)度條a.若操作是耗時(shí)的，為用戶提供進(jìn)度反饋，使用戶不必猜測操作是否仍在進(jìn)行中。b.明確指示真實(shí)進(jìn)度，若操作有進(jìn)展則進(jìn)度條必須前進(jìn)。若操作無進(jìn)展，進(jìn)度條則絕不能前進(jìn)。c.可確定當(dāng)前任務(wù)完成目標(biāo)，進(jìn)度指示完成度長短從左向右推進(jìn)，向右填滿時(shí)表示任務(wù)完成。d.若允許用戶中止正在進(jìn)行的操作，可為進(jìn)度條提供中止操作的命令。e.估算要準(zhǔn)確，并且選擇合適的計(jì)算單位。（如果最大單位是小時(shí)，那么應(yīng)當(dāng)給出分鐘數(shù)而不是秒數(shù)）f.不要回退進(jìn)度。始終單向增加進(jìn)度。g.剩余時(shí)間，百分比文本不可一起使用2.非確定進(jìn)度的進(jìn)度條（頁面加載）無法判斷實(shí)際界限和范圍尺度的操作，或僅表示頁面正在運(yùn)作和請求數(shù)據(jù)a.不可同時(shí)使用非確定性進(jìn)度條、完成百分比或剩余時(shí)間b.ajax加載，需要請求頁面（用持續(xù)不斷地動畫表示操作正在進(jìn)行中，如gif）1.操作后，當(dāng)頁面局部刷新，產(chǎn)生的等待，使用圖示2.操作后，需跳轉(zhuǎn)頁面，或全局刷新產(chǎn)生的等待，可配合文字說明示例：操作后請求數(shù)據(jù)，當(dāng)頁刷新，使用進(jìn)度圖示示例：操作后請求數(shù)據(jù)，跳轉(zhuǎn)頁面，可使用進(jìn)度圖示+